Skip to content

Commit

Permalink
Outsourced to JS and built
Browse files Browse the repository at this point in the history
  • Loading branch information
@TommasoPrinetti
TommasoPrinetti committed Jan 16, 2025
1 parent 8940ccb commit 6695b51
Show file tree
Hide file tree
Showing 20 changed files with 406 additions and 383 deletions.
Binary file modified .svelte-kit/.DS_Store
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion .svelte-kit/generated/server/internal.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export const options = {
app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n " + head + "\n\n <noscript>\n <style>\n /**\n * Reinstate scrolling for non-JS clients\n */\n .simplebar-content-wrapper {\n scrollbar-width: auto;\n -ms-overflow-style: auto;\n }\n\n .simplebar-content-wrapper::-webkit-scrollbar,\n .simplebar-hide-scrollbar::-webkit-scrollbar {\n display: initial;\n width: initial;\n height: initial;\n }\n </style>\n </noscript>\n </head>\n <body data-sveltekit-preload-data=\"hover\">\n <div class=\"major_div\" style=\"display: contents\">" + body + "</div>\n </body>\n</html>\n\n<style></style>\n",
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
},
version_hash: "fr4e1k"
version_hash: "cg81kj"
};

export async function get_hooks() {
Expand Down
32 changes: 16 additions & 16 deletions .svelte-kit/output/server/.vite/manifest.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -372,20 +372,6 @@
"src": "src/routes/+page.server.js",
"isEntry": true,
"assets": [
"_app/immutable/assets/Dot_background.BMWCEQP3.avif",
"_app/immutable/assets/Dot_background.BqYuFsFf.avif",
"_app/immutable/assets/Dot_background.BF15mkJt.webp",
"_app/immutable/assets/Dot_background.C7u_RcRU.webp",
"_app/immutable/assets/Dot_background.B3sYNgA-.png",
"_app/immutable/assets/Dot_background.CvoK4E8a.png",
"_app/immutable/assets/enhanced_logoImage.BVKc8-Qg.avif",
"_app/immutable/assets/enhanced_logoImage.Qfmesbrl.avif",
"_app/immutable/assets/enhanced_logoImage.Cbf4PYtl.webp",
"_app/immutable/assets/enhanced_logoImage.JrAXU7cP.webp",
"_app/immutable/assets/enhanced_logoImage.D_eIIOoz.png",
"_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png",
"_app/immutable/assets/logo_condensed.Cwwx0yWm.svg",
"_app/immutable/assets/logo_complete.SEqfJBG_.svg",
"_app/immutable/assets/img1.DB1WrWcd.avif",
"_app/immutable/assets/img1.DwgMpDkg.avif",
"_app/immutable/assets/img1.fGjxAbni.webp",
Expand Down Expand Up @@ -517,7 +503,21 @@
"_app/immutable/assets/qualifying.k8RAWrh3.webp",
"_app/immutable/assets/qualifying.xyV88Pxw.webp",
"_app/immutable/assets/qualifying.DbZTSVnW.jpeg",
"_app/immutable/assets/qualifying.Dlmd4Baz.jpeg"
"_app/immutable/assets/qualifying.Dlmd4Baz.jpeg",
"_app/immutable/assets/enhanced_logoImage.BVKc8-Qg.avif",
"_app/immutable/assets/enhanced_logoImage.Qfmesbrl.avif",
"_app/immutable/assets/enhanced_logoImage.Cbf4PYtl.webp",
"_app/immutable/assets/enhanced_logoImage.JrAXU7cP.webp",
"_app/immutable/assets/enhanced_logoImage.D_eIIOoz.png",
"_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png",
"_app/immutable/assets/logo_condensed.Cwwx0yWm.svg",
"_app/immutable/assets/logo_complete.SEqfJBG_.svg",
"_app/immutable/assets/Dot_background.BMWCEQP3.avif",
"_app/immutable/assets/Dot_background.BqYuFsFf.avif",
"_app/immutable/assets/Dot_background.BF15mkJt.webp",
"_app/immutable/assets/Dot_background.C7u_RcRU.webp",
"_app/immutable/assets/Dot_background.B3sYNgA-.png",
"_app/immutable/assets/Dot_background.CvoK4E8a.png"
]
},
"src/routes/+page.svelte": {
Expand All @@ -530,7 +530,7 @@
"_escaping.js"
],
"css": [
"_app/immutable/assets/_page.DgDRaCjP.css"
"_app/immutable/assets/_page.CCvGm7zw.css"
]
}
}
2 changes: 1 addition & 1 deletion .svelte-kit/output/server/chunks/internal.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1491,7 +1491,7 @@ const options = {
<div class="error">
<span class="status">` + status + '</span>\n <div class="message">\n <h1>' + message + "</h1>\n </div>\n </div>\n </body>\n</html>\n"
},
version_hash: "fr4e1k"
version_hash: "cg81kj"
};
async function get_hooks() {
let handle;
Expand Down
58 changes: 29 additions & 29 deletions .svelte-kit/output/server/entries/pages/_page.server.js
View file
Original file line number Diff line number Diff line change
@@ -1,30 +1,4 @@
import "vite";
const backgroundImage = {
sources: {
avif: "/EL2MP/_app/immutable/assets/Dot_background.BMWCEQP3.avif 756w, /EL2MP/_app/immutable/assets/Dot_background.BqYuFsFf.avif 1512w",
webp: "/EL2MP/_app/immutable/assets/Dot_background.BF15mkJt.webp 756w, /EL2MP/_app/immutable/assets/Dot_background.C7u_RcRU.webp 1512w",
png: "/EL2MP/_app/immutable/assets/Dot_background.B3sYNgA-.png 756w, /EL2MP/_app/immutable/assets/Dot_background.CvoK4E8a.png 1512w"
},
img: {
src: "/EL2MP/_app/immutable/assets/Dot_background.CvoK4E8a.png",
w: 1512,
h: 982
}
};
const enhanced_logoImage = {
sources: {
avif: "/EL2MP/_app/immutable/assets/enhanced_logoImage.BVKc8-Qg.avif 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.Qfmesbrl.avif 5213w",
webp: "/EL2MP/_app/immutable/assets/enhanced_logoImage.Cbf4PYtl.webp 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.JrAXU7cP.webp 5213w",
png: "/EL2MP/_app/immutable/assets/enhanced_logoImage.D_eIIOoz.png 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png 5213w"
},
img: {
src: "/EL2MP/_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png",
w: 5213,
h: 2259
}
};
const condensed_logo = "/EL2MP/_app/immutable/assets/logo_condensed.Cwwx0yWm.svg";
const logoImage = "/EL2MP/_app/immutable/assets/logo_complete.SEqfJBG_.svg";
const image_1 = {
sources: {
avif: "/EL2MP/_app/immutable/assets/img1.DB1WrWcd.avif 3012w, /EL2MP/_app/immutable/assets/img1.DwgMpDkg.avif 6024w",
Expand Down Expand Up @@ -289,9 +263,20 @@ const cover_1 = {
h: 754
}
};
const prerender = true;
const trailingSlash = "always";
const projectDescription = "The Écologies des Pratiques project explores the transformative impact of Large Language Models (LLMs) on research, creativity, and communication across various domains. Supported by Google through its commitment to advancing ethical and impactful AI practices, this initiative combines cutting-edge technological tools with critical reflection on their implications. <br><br>At the heart of this project lies a collaborative and interdisciplinary approach, engaging researchers, practitioners, and students from diverse fields. By experimenting with LLMs, we seek to understand their potential as catalysts for new forms of knowledge production and dissemination while addressing the ecological and ethical questions they raise. The project delves into three key areas: <br><br> Technological Experimentation: By integrating LLMs into practical workflows, we assess how these tools reshape academic and professional practices. From creative writing to data analysis, the project tests the boundaries of LLMs' generative capabilities.<br><br> Critical Reflection: Alongside experimentation, we foster discussions on the broader societal and ecological implications of LLM adoption. What are the costs and benefits of scaling these technologies? How do they challenge or reinforce existing structures of knowledge and power?<br><br> Community Building: Through workshops, public events, and collaborative platforms, we aim to build a community of thinkers and makers who can collectively imagine and shape the future of AI-driven practices.<br><br> With Google’s support, Écologies des Pratiques not only investigates the possibilities of LLMs but also critically examines their role within contemporary ecological, cultural, and institutional systems. By bridging technological innovation and critical inquiry, this project seeks to illuminate how these powerful tools can contribute responsibly to a sustainable and inclusive future.";
const enhanced_logoImage = {
sources: {
avif: "/EL2MP/_app/immutable/assets/enhanced_logoImage.BVKc8-Qg.avif 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.Qfmesbrl.avif 5213w",
webp: "/EL2MP/_app/immutable/assets/enhanced_logoImage.Cbf4PYtl.webp 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.JrAXU7cP.webp 5213w",
png: "/EL2MP/_app/immutable/assets/enhanced_logoImage.D_eIIOoz.png 2607w, /EL2MP/_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png 5213w"
},
img: {
src: "/EL2MP/_app/immutable/assets/enhanced_logoImage.Cvtx-yvb.png",
w: 5213,
h: 2259
}
};
const condensed_logo = "/EL2MP/_app/immutable/assets/logo_condensed.Cwwx0yWm.svg";
const logoImage = "/EL2MP/_app/immutable/assets/logo_complete.SEqfJBG_.svg";
const cardsDb = {
Card1: {
Title: "Qualifying",
Expand Down Expand Up @@ -585,6 +570,21 @@ const floatersDb = {
href: ""
}
};
const projectDescription = "The Écologies des Pratiques project explores the transformative impact of Large Language Models (LLMs) on research, creativity, and communication across various domains. Supported by Google through its commitment to advancing ethical and impactful AI practices, this initiative combines cutting-edge technological tools with critical reflection on their implications. <br><br>At the heart of this project lies a collaborative and interdisciplinary approach, engaging researchers, practitioners, and students from diverse fields. By experimenting with LLMs, we seek to understand their potential as catalysts for new forms of knowledge production and dissemination while addressing the ecological and ethical questions they raise. The project delves into three key areas: <br><br> Technological Experimentation: By integrating LLMs into practical workflows, we assess how these tools reshape academic and professional practices. From creative writing to data analysis, the project tests the boundaries of LLMs' generative capabilities.<br><br> Critical Reflection: Alongside experimentation, we foster discussions on the broader societal and ecological implications of LLM adoption. What are the costs and benefits of scaling these technologies? How do they challenge or reinforce existing structures of knowledge and power?<br><br> Community Building: Through workshops, public events, and collaborative platforms, we aim to build a community of thinkers and makers who can collectively imagine and shape the future of AI-driven practices.<br><br> With Google’s support, Écologies des Pratiques not only investigates the possibilities of LLMs but also critically examines their role within contemporary ecological, cultural, and institutional systems. By bridging technological innovation and critical inquiry, this project seeks to illuminate how these powerful tools can contribute responsibly to a sustainable and inclusive future.";
const backgroundImage = {
sources: {
avif: "/EL2MP/_app/immutable/assets/Dot_background.BMWCEQP3.avif 756w, /EL2MP/_app/immutable/assets/Dot_background.BqYuFsFf.avif 1512w",
webp: "/EL2MP/_app/immutable/assets/Dot_background.BF15mkJt.webp 756w, /EL2MP/_app/immutable/assets/Dot_background.C7u_RcRU.webp 1512w",
png: "/EL2MP/_app/immutable/assets/Dot_background.B3sYNgA-.png 756w, /EL2MP/_app/immutable/assets/Dot_background.CvoK4E8a.png 1512w"
},
img: {
src: "/EL2MP/_app/immutable/assets/Dot_background.CvoK4E8a.png",
w: 1512,
h: 982
}
};
const prerender = true;
const trailingSlash = "always";
function load({ params }) {
return {
backgroundImage,
Expand Down
10 changes: 5 additions & 5 deletions .svelte-kit/output/server/entries/pages/_page.svelte.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ function Capitols($$payload, $$props) {
if (isProjCover === false) {
$$payload.out += "<!--[-->";
const each_array_1 = ensure_array_like(data.Content);
$$payload.out += `<section class="card_container svelte-f08zeo" draggable="true" aria-label="Draggable Card"${attr("data-section", data.Title)}><p class="h0 svelte-f08zeo" style="z-index: 7;">${escape_html(data.Title)}</p> <p class="caption svelte-f08zeo">BLOCK ${escape_html(data.IndexNum)}</p> <img data-sveltekit-preload-data="" class="card_corner_logo svelte-f08zeo"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="description_container svelte-f08zeo"${attr("style", `background-color: ${stringify(data.bgColor)}; border: 5px solid ${stringify(data.bgColor)};`)}><p class="h4 svelte-f08zeo" id="description">${escape_html(data.Description)}</p></div> <div class="card_scrollable_container svelte-f08zeo" data-simplebar="" data-simplebar-auto-hide="false"${attr("data-section", data.Title)}><div class="card_scroll_flex svelte-f08zeo"${attr("data-section", data.Title)}>`;
$$payload.out += `<section class="card_container svelte-ix5yqz" draggable="true" aria-label="Draggable Card"${attr("data-section", data.Title)}><p class="h0 svelte-ix5yqz" style="z-index: 7;">${escape_html(data.Title)}</p> <p class="caption svelte-ix5yqz">BLOCK ${escape_html(data.IndexNum)}</p> <img data-sveltekit-preload-data="" class="card_corner_logo svelte-ix5yqz"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="description_container svelte-ix5yqz"${attr("style", `background-color: ${stringify(data.bgColor)}; border: 5px solid ${stringify(data.bgColor)};`)}><p class="h4 svelte-ix5yqz" id="description">${escape_html(data.Description)}</p></div> <div class="card_scrollable_container svelte-ix5yqz" data-simplebar="" data-simplebar-auto-hide="false"${attr("data-section", data.Title)}><div class="card_scroll_flex svelte-ix5yqz"${attr("data-section", data.Title)}>`;
if (data.CoverImg) {
$$payload.out += "<!--[-->";
$$payload.out += `<div class="duotone_container">`;
Expand All @@ -55,7 +55,7 @@ function Capitols($$payload, $$props) {
$$payload.out += "<!--[-->";
for (let index = 0, $$length = each_array_1.length; index < $$length; index++) {
let section = each_array_1[index];
$$payload.out += `<div class="section_container svelte-f08zeo" data-sveltekit-preload-data=""${attr("data-section", `Ex ${index + 1}`)}>`;
$$payload.out += `<div class="section_container svelte-ix5yqz" data-sveltekit-preload-data=""${attr("data-section", `Ex ${index + 1}`)}>`;
if (section.subtitle) {
$$payload.out += "<!--[-->";
$$payload.out += `<p class="h4">${escape_html(section.subtitle)}</p>`;
Expand All @@ -67,7 +67,7 @@ function Capitols($$payload, $$props) {
$$payload.out += "<!--[-->";
if (typeof section.picture === "string") {
$$payload.out += "<!--[-->";
$$payload.out += `<img data-sveltekit-preload-data="" class="article_image svelte-f08zeo"${attr("src", section.picture.img.src)} alt="People"${attr("width", section.picture.img.w)}${attr("height", section.picture.img.h)}>`;
$$payload.out += `<img data-sveltekit-preload-data="" class="article_image svelte-ix5yqz"${attr("src", section.picture.img.src)} alt="People"${attr("width", section.picture.img.w)}${attr("height", section.picture.img.h)}>`;
} else {
$$payload.out += "<!--[!-->";
const each_array_2 = ensure_array_like(Object.entries(section.picture.sources));
Expand All @@ -76,7 +76,7 @@ function Capitols($$payload, $$props) {
let [format, srcset] = each_array_2[$$index_1];
$$payload.out += `<source${attr("srcset", srcset)}${attr("type", "image/" + format)}>`;
}
$$payload.out += `<!--]--> <img data-sveltekit-preload-data="" class="article_image svelte-f08zeo"${attr("src", section.picture.img.src)} alt="People"${attr("width", section.picture.img.w)}${attr("height", section.picture.img.h)}></picture>`;
$$payload.out += `<!--]--> <img data-sveltekit-preload-data="" class="article_image svelte-ix5yqz"${attr("src", section.picture.img.src)} alt="People"${attr("width", section.picture.img.w)}${attr("height", section.picture.img.h)}></picture>`;
}
$$payload.out += `<!--]-->`;
} else {
Expand All @@ -98,7 +98,7 @@ function Capitols($$payload, $$props) {
$$payload.out += `<!--]--></div></div></section>`;
} else {
$$payload.out += "<!--[!-->";
$$payload.out += `<section class="card_container svelte-f08zeo" id="cover_description" draggable="true" style="color: white;"><p class="h0 svelte-f08zeo">${escape_html(data.Title)}</p> <img class="card_corner_logo svelte-f08zeo" style="position: absolute; left: 0; bottom: 0; width: 25%; opacity: 1;"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="card_scrollable_container svelte-f08zeo"><div class="card_scroll_flex svelte-f08zeo"><p class="h4">${escape_html(data.Description)}</p></div></div> <a class="x_arrow svelte-f08zeo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" fill="none"><path d="M1 1L20 20M1 20L20 1" stroke="white" stroke-width="2"></path></svg></a></section>`;
$$payload.out += `<section class="card_container svelte-ix5yqz" id="cover_description" draggable="true" style="color: white;"><p class="h0 svelte-ix5yqz">${escape_html(data.Title)}</p> <img class="card_corner_logo svelte-ix5yqz" style="position: absolute; left: 0; bottom: 0; width: 25%; opacity: 1;"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="card_scrollable_container svelte-ix5yqz"><div class="card_scroll_flex svelte-ix5yqz"><p class="h4">${escape_html(data.Description)}</p></div></div> <a class="x_arrow svelte-ix5yqz"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" fill="none"><path d="M1 1L20 20M1 20L20 1" stroke="white" stroke-width="2"></path></svg></a></section>`;
}
$$payload.out += `<!--]-->`;
bind_props($$props, {
Expand Down
Loading

0 comments on commit 6695b51

Please sign in to comment.