Skip to content

Commit

Permalink
Built and added floater clickable state
Browse files Browse the repository at this point in the history
  • Loading branch information
TommasoPrinetti committed Jan 23, 2025
1 parent d5a0a8b commit 99153b4
Showing 25 changed files with 214 additions and 102 deletions.
4 changes: 0 additions & 4 deletions .svelte-kit/ambient.d.ts
Original file line number Diff line number Diff line change
@@ -54,7 +54,6 @@ declare module '$env/static/private' {
export const npm_package_json: string;
export const npm_config_engine_strict: string;
export const _: string;
export const LaunchInstanceID: string;
export const npm_config_userconfig: string;
export const npm_config_init_module: string;
export const USER_ZDOTDIR: string;
@@ -86,7 +85,6 @@ declare module '$env/static/private' {
export const GIT_ASKPASS: string;
export const INFOPATH: string;
export const HOMEBREW_CELLAR: string;
export const SECURITYSESSIONID: string;
export const npm_node_execpath: string;
export const npm_config_prefix: string;
export const COLORTERM: string;
@@ -151,7 +149,6 @@ declare module '$env/dynamic/private' {
npm_package_json: string;
npm_config_engine_strict: string;
_: string;
LaunchInstanceID: string;
npm_config_userconfig: string;
npm_config_init_module: string;
USER_ZDOTDIR: string;
@@ -183,7 +180,6 @@ declare module '$env/dynamic/private' {
GIT_ASKPASS: string;
INFOPATH: string;
HOMEBREW_CELLAR: string;
SECURITYSESSIONID: string;
npm_node_execpath: string;
npm_config_prefix: string;
COLORTERM: string;
2 changes: 1 addition & 1 deletion .svelte-kit/generated/server/internal.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 11 additions & 1 deletion .svelte-kit/output/server/.vite/manifest.json
Original file line number Diff line number Diff line change
@@ -366,6 +366,14 @@
"file": "_app/immutable/assets/logo_condensed.Cwwx0yWm.svg",
"src": "src/lib/media/logo_condensed.svg"
},
"src/lib/media/videos/Cardsgame.webm": {
"file": "_app/immutable/assets/Cardsgame.DTx2i1g2.webm",
"src": "src/lib/media/videos/Cardsgame.webm"
},
"src/lib/media/videos/Topcamera.webm": {
"file": "_app/immutable/assets/Topcamera.Cs5dpslX.webm",
"src": "src/lib/media/videos/Topcamera.webm"
},
"src/routes/+page.server.js": {
"file": "entries/pages/_page.server.js",
"name": "entries/pages/_page.server",
@@ -513,6 +521,8 @@
"_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/Topcamera.Cs5dpslX.webm",
"_app/immutable/assets/Cardsgame.DTx2i1g2.webm",
"_app/immutable/assets/Dot_background.BMWCEQP3.avif",
"_app/immutable/assets/Dot_background.BqYuFsFf.avif",
"_app/immutable/assets/Dot_background.BF15mkJt.webp",
@@ -531,7 +541,7 @@
"_escaping.js"
],
"css": [
"_app/immutable/assets/_page.W1SmDnTH.css"
"_app/immutable/assets/_page.C-wwxxH8.css"
]
}
}
2 changes: 1 addition & 1 deletion .svelte-kit/output/server/chunks/internal.js
Original file line number Diff line number Diff line change
@@ -1524,7 +1524,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: "1yuvo53"
version_hash: "qlw7fj"
};
async function get_hooks() {
let handle;
38 changes: 22 additions & 16 deletions .svelte-kit/output/server/entries/pages/_page.server.js
Original file line number Diff line number Diff line change
@@ -279,6 +279,8 @@ const enhanced_logoImage = {
};
const condensed_logo = "/EL2MP/_app/immutable/assets/logo_condensed.Cwwx0yWm.svg";
const logoImage = "/EL2MP/_app/immutable/assets/logo_complete.SEqfJBG_.svg";
const topcamera_1 = "/EL2MP/_app/immutable/assets/Topcamera.Cs5dpslX.webm";
const cardsgame_1 = "/EL2MP/_app/immutable/assets/Cardsgame.DTx2i1g2.webm";
const photos = {
image_1,
image_2,
@@ -305,6 +307,10 @@ const photos = {
const capitolsCover = {
cover_1
};
const videos = {
cardsgame_1,
topcamera_1
};
const general = {
circle_logo,
enhanced_logoImage,
@@ -545,84 +551,84 @@ const floatersDb = {
Title: "project-plan.pdf",
id: 1,
category: "document",
Img: "",
href: "/documents/project-plan.pdf"
media: "",
file: "documents/template.pdf"
},
Floater2: {
Title: "tutorial-video.mp4",
id: 2,
category: "video",
Img: "",
media: videos.topcamera_1,
href: ""
},
Floater3: {
Title: "landscape-photo.jpg",
id: 3,
category: "image",
Img: photos.image_13,
media: photos.image_13,
href: ""
},
Floater4: {
Title: "team-introduction.mp4",
id: 4,
category: "video",
Img: "",
media: videos.cardsgame_1,
href: ""
},
Floater5: {
Title: "design-mockup.png",
id: 5,
category: "image",
Img: photos.image_12,
media: photos.image_12,
href: ""
},
Floater6: {
Title: "financial-report.xlsx",
Title: "page-template.pdf",
id: 6,
category: "document",
Img: "",
href: "/documents/financial-report.xlsx"
media: "",
file: "documents/template.pdf"
},
Floater7: {
Title: "coding-tutorial.mp4",
id: 7,
category: "video",
Img: "",
media: "",
href: ""
},
Floater8: {
Title: "company-logo.svg",
id: 8,
category: "image",
Img: photos.image_3,
media: photos.image_3,
href: ""
},
Floater9: {
Title: "meeting-notes.docx",
id: 9,
category: "document",
Img: "",
href: "/documents/meeting-notes.docx"
media: "",
file: "documents/template.pdf"
},
Floater10: {
Title: "holiday-slideshow.mp4",
id: 10,
category: "video",
Img: "",
media: "",
href: ""
},
Floater11: {
Title: "https://medialabsciencespo.com",
id: 11,
category: "link",
Img: "",
media: "",
href: ""
},
Floater12: {
Title: "extended_logo.svg",
id: 12,
category: "image",
Img: general.enhanced_logoImage,
media: general.enhanced_logoImage,
href: ""
}
};
18 changes: 9 additions & 9 deletions .svelte-kit/output/server/entries/pages/_page.svelte.js
Original file line number Diff line number Diff line change
@@ -30,7 +30,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-1mwve08" draggable="true" aria-label="Draggable Card"${attr("data-section", data.Title)}><p class="h0 svelte-1mwve08" style="z-index: 7;">${html(data.Title)}</p> <a class="caption svelte-1mwve08" id="download_button"${attr("href", `PDF/${stringify(data.Title)}.pdf`)} download=""><p>DOWNLOAD</p></a> <img data-sveltekit-preload-data="" class="card_corner_logo svelte-1mwve08"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="description_container svelte-1mwve08"${attr("style", `background-color: ${stringify(data.bgColor)}; border: 5px solid ${stringify(data.bgColor)};`)}><p class="h4 svelte-1mwve08" id="description">${html(data.Description)}</p></div> <div class="card_scrollable_container svelte-1mwve08" data-simplebar="" data-simplebar-auto-hide="false"${attr("data-section", data.Title)}><div class="card_scroll_flex svelte-1mwve08"${attr("data-section", data.Title)}>`;
$$payload.out += `<section class="card_container svelte-1hg0ke7" draggable="true" aria-label="Draggable Card"${attr("data-section", data.Title)}><p class="h0 svelte-1hg0ke7" style="z-index: 7;">${html(data.Title)}</p> <img data-sveltekit-preload-data="" class="card_corner_logo svelte-1hg0ke7"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="description_container svelte-1hg0ke7"${attr("style", `background-color: ${stringify(data.bgColor)}; border: 5px solid ${stringify(data.bgColor)};`)}><p class="h4 svelte-1hg0ke7" id="description">${html(data.Description)}</p></div> <div class="card_scrollable_container svelte-1hg0ke7" data-simplebar="" data-simplebar-auto-hide="false"${attr("data-section", data.Title)}><div class="card_scroll_flex svelte-1hg0ke7"${attr("data-section", data.Title)}>`;
if (data.CoverImg) {
$$payload.out += "<!--[-->";
$$payload.out += `<div class="duotone_container">`;
@@ -56,7 +56,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-1mwve08" data-sveltekit-preload-data=""${attr("data-section", `Ex ${index + 1}`)}>`;
$$payload.out += `<div class="section_container svelte-1hg0ke7" data-sveltekit-preload-data=""${attr("data-section", `Ex ${index + 1}`)}>`;
if (section.title) {
$$payload.out += "<!--[-->";
$$payload.out += `<p class="h4">${html(section.title)}</p>`;
@@ -66,7 +66,7 @@ function Capitols($$payload, $$props) {
$$payload.out += `<!--]--> `;
if (section.subtitle) {
$$payload.out += "<!--[-->";
$$payload.out += `<p class="p1 svelte-1mwve08" exercise-description="">${html(section.subtitle)}</p>`;
$$payload.out += `<p class="p1 svelte-1hg0ke7" exercise-description="">${html(section.subtitle)}</p>`;
} else {
$$payload.out += "<!--[!-->";
}
@@ -75,7 +75,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-1mwve08"${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-1hg0ke7"${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));
@@ -84,7 +84,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-1mwve08"${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-1hg0ke7"${attr("src", section.picture.img.src)} alt="People"${attr("width", section.picture.img.w)}${attr("height", section.picture.img.h)}></picture>`;
}
$$payload.out += `<!--]-->`;
} else {
@@ -93,7 +93,7 @@ function Capitols($$payload, $$props) {
$$payload.out += `<!--]--> `;
if (section.text) {
$$payload.out += "<!--[-->";
$$payload.out += `<div class="double_column_text_article svelte-1mwve08"><p class="p1 svelte-1mwve08">${escape_html(section.text)}</p> <p class="p1 svelte-1mwve08">${escape_html(section.text)}</p></div>`;
$$payload.out += `<div class="double_column_text_article svelte-1hg0ke7"><p class="p1 svelte-1hg0ke7">${escape_html(section.text)}</p></div>`;
} else {
$$payload.out += "<!--[!-->";
}
@@ -106,7 +106,7 @@ function Capitols($$payload, $$props) {
$$payload.out += `<!--]--></div></div></section>`;
} else {
$$payload.out += "<!--[!-->";
$$payload.out += `<section class="card_container svelte-1mwve08" id="cover_description" draggable="true" style="color: white;"><p class="h0 svelte-1mwve08">${escape_html(data.Title)}</p> <img class="card_corner_logo svelte-1mwve08" style="position: absolute; left: 0; bottom: 0; width: 25%; opacity: 1;"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="card_scrollable_container svelte-1mwve08"><div class="card_scroll_flex svelte-1mwve08"><p class="h4">${escape_html(data.Description)}</p></div></div> <a class="x_arrow svelte-1mwve08"><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-1hg0ke7" id="cover_description" draggable="true" style="color: white;"><p class="h0 svelte-1hg0ke7">${escape_html(data.Title)}</p> <img class="card_corner_logo svelte-1hg0ke7" style="position: absolute; left: 0; bottom: 0; width: 25%; opacity: 1;"${attr("src", condensed_logo)} alt="EL2MP Logo"> <div class="card_scrollable_container svelte-1hg0ke7"><div class="card_scroll_flex svelte-1hg0ke7"><p class="h4">${escape_html(data.Description)}</p></div></div> <a class="x_arrow svelte-1hg0ke7"><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, {
@@ -169,7 +169,7 @@ function Floating_card($$payload, $$props) {
let randomPosition = $$props["randomPosition"];
let color = $$props["color"];
$$payload.out += `<div class="floater_container closed"${attr("style", `top: ${stringify(randomPosition.top)}; left: ${stringify(randomPosition.left)}; z-index: ${stringify(randomPosition.zIndex)}; animation-delay: ${stringify(randomPosition.animationDelay)};`)}>`;
if (data.Img) {
if (data.media) {
$$payload.out += "<!--[-->";
{
$$payload.out += "<!--[!-->";
@@ -181,7 +181,7 @@ function Floating_card($$payload, $$props) {
$$payload.out += `<!--]--> <a class="floater_bottom"${attr("style", `background-color: ${stringify(color)}`)}>`;
if (data.category === "document") {
$$payload.out += "<!--[-->";
$$payload.out += `<div class="category_icon" id="document"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M330-250h300v-60H330v60Zm0-160h300v-60H330v60Zm-77.69 310Q222-100 201-121q-21-21-21-51.31v-615.38Q180-818 201-839q21-21 51.31-21H570l210 210v477.69Q780-142 759-121q-21 21-51.31 21H252.31ZM540-620v-180H252.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v615.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-620H540ZM240-800v180-180V-160v-640Z"></path></svg></div>`;
$$payload.out += `<div class="category_icon" id="document"${attr("href", data.file || data.href || void 0)}${attr("download", data.file ? data.Title : void 0)}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M330-250h300v-60H330v60Zm0-160h300v-60H330v60Zm-77.69 310Q222-100 201-121q-21-21-21-51.31v-615.38Q180-818 201-839q21-21 51.31-21H570l210 210v477.69Q780-142 759-121q-21 21-51.31 21H252.31ZM540-620v-180H252.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v615.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-620H540ZM240-800v180-180V-160v-640Z"></path></svg></div>`;
} else {
$$payload.out += "<!--[!-->";
if (data.category === "image") {
Loading

0 comments on commit 99153b4

Please sign in to comment.