Skip to content

Commit

Permalink
Added DL button, fixed global_db.js voices for card
Browse files Browse the repository at this point in the history
  • Loading branch information
@TommasoPrinetti
TommasoPrinetti committed Jan 21, 2025
1 parent 4e14566 commit 84253a8
Show file tree
Hide file tree
Showing 7 changed files with 101 additions and 56 deletions.
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: "onygot"
version_hash: "1mbxa8t"
};

export async function get_hooks() {
Expand Down
75 changes: 56 additions & 19 deletions src/lib/components/cards/capitols.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ export let bringToFront
export let suppressCover
export let simplebarContainer
export let condensed_logo
export let circular_logo
let isProjCover = data.isProjCover
Expand All @@ -23,14 +24,14 @@ let isProjCover = data.isProjCover
>

<p class="h0" style="z-index: 7;">
{data.Title}
{@html data.Title}
</p>

<!--
<p class="caption">
BLOCK {data.IndexNum}
</p>
-->

<a class="caption" id="download_button" href="PDF/{data.Title}.pdf" download>
<p>DOWNLOAD</p>
</a>


<img data-sveltekit-preload-data
class="card_corner_logo"
Expand All @@ -40,7 +41,7 @@ let isProjCover = data.isProjCover

<div class="description_container" style="background-color: {data.bgColor}; border: 5px solid {data.bgColor};">
<p class="h4" id="description">
{data.Description}
{@html data.Description}
</p>
</div>

Expand Down Expand Up @@ -69,8 +70,12 @@ let isProjCover = data.isProjCover

<!-- We assing a programmatic name for the each block sections -->
<div class="section_container" data-sveltekit-preload-data data-section={`Ex ${index+1}`}>
{#if section.subtitle}
<p class="h4">{section.subtitle}</p>
{#if section.title}
<p class="h4">{@html section.title}</p>
{/if}

{#if section.subtitle }
<p class="p1" exercise-description >{@html section.subtitle}</p>
{/if}

{#if section.picture}
Expand Down Expand Up @@ -156,6 +161,12 @@ let isProjCover = data.isProjCover
font-size: 1.5em;
}
[exercise-description] {
width: 80%;
font-family: 'Instrument Sans';
font-size: 1.2em;
}
.x_arrow {
width: 20px;
height: 20px;
Expand Down Expand Up @@ -198,23 +209,35 @@ let isProjCover = data.isProjCover
:global(.duotone_container) {
width: 100%;
height: max-content;
height: 100%;
display: block;
position: relative;
}
:global(.duotone_container > picture) {
height: 100%;
width: 100%;
display: block;
}
:global(.duotone_image) {
mix-blend-mode: darken;
opacity: 0.8;
display: inline-block;
display: block;
z-index: 1;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
:global(.duotone_overlay) {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0%;
left: 0%;
top: 0;
left: 0;
mix-blend-mode: color;
}
Expand Down Expand Up @@ -253,12 +276,16 @@ let isProjCover = data.isProjCover
flex-direction: row;
width: 100%;
height: 100%;
column-gap: var(--spacing-M);
column-gap: var(--spacing-L);
}
.double_column_text_article > p {
width: 100%;
text-justify:distribute;
text-align: justify;
text-justify: inter-word;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
}
.card_scroll_flex {
Expand Down Expand Up @@ -296,14 +323,24 @@ let isProjCover = data.isProjCover
right: var(--spacing-M);
}
.card_corner_logo {
/* ### OLD VERSION ### */ .card_corner_logo {
position: absolute;
bottom: var(--spacing-M);
left: var(--spacing-M);
bottom: var(--spacing-S);
left: var(--spacing-S);
width: 7%;
height: auto;
opacity: 1;
}
}
/* ### OLD VERSION ### .card_corner_logo {
position: absolute;
bottom: 0;
left: 0;
width: 10%;
height: auto;
opacity: 0.5;
mix-blend-mode: darken;
} */
.article_image {
filter: grayscale(100%);
Expand Down
69 changes: 40 additions & 29 deletions src/lib/database/global_db.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,37 +11,45 @@ const cardsDb = {
CoverImg: capitolsCover.cover_1,
Content: [
{
subtitle: "Exercise 1 - Breaking the Ice",
text: "Participants sketch how they think an LLM function and present it to the group.",
title: "Exercise 1 - Breaking the Ice",
subtitle:
"Where do LLMs live in our professional practices, norms and relationships?",
picture: photos.image_1,
text: "Participants sketch how they think an LLM function and present it to the group.",
},
{
subtitle: "Exercise 2 - Taking Stocks",
title: "Exercise 2 - Taking Stocks",
subtitle: "",
text: "This phase involves assessing current strengths and weaknesses. Participants reflect on their achievements, identify growth areas, and discuss obstacles they've faced. Through guided prompts, this exercise promotes self-awareness and sets a foundation for planning future goals. It's a moment for introspection and honest evaluation.",
picture: photos.image_6,
},
{
subtitle: "Exercise 3 - Bon Anneè",
title: "Exercise 3 - Bon Anneè",
subtitle: "",
text: "Celebrate milestones and set goals for the future. Participants take time to appreciate their progress, acknowledge their accomplishments, and craft personal and professional resolutions. This reflective process aims to boost motivation and provide clarity on the next steps in their journey. It’s about starting the new phase with intention and focus.",
picture: photos.image_15,
},
{
subtitle: "Exercise 4 - Collaborative Challenge",
title: "Exercise 4 - Collaborative Challenge",
subtitle: "",
text: "Teams collaborate on solving complex puzzles or scenarios that require creativity and cooperation. The challenges are designed to encourage problem-solving under pressure, fostering teamwork and adaptability. By working together, participants learn to value diverse perspectives and leverage each other's strengths.",
picture: photos.image_18,
},
{
subtitle: "Exercise 5 - Vision Crafting",
title: "Exercise 5 - Vision Crafting",
subtitle: "",
text: "Participants visualize their ideal outcomes and articulate a clear vision for their personal or professional paths. Through guided exercises, they create vision boards or write detailed descriptions of their goals. This process not only fosters inspiration but also provides a tangible roadmap for future action.",
picture: photos.image_11,
},
{
subtitle: "Exercise 6 - Feedback Loop",
title: "Exercise 6 - Feedback Loop",
subtitle: "",
text: "Engage in a structured feedback exchange where participants give and receive constructive insights to encourage improvement. Feedback is framed positively to ensure it is both actionable and supportive. This exercise builds a culture of trust and open communication, emphasizing growth over criticism.",
picture: photos.image_19,
},
{
subtitle: "Exercise 7 - Reflection and Gratitude",
title: "Exercise 7 - Reflection and Gratitude",
subtitle: "",
text: "Participants reflect on their journey, express gratitude for the support they have received, and recognize key lessons learned. Through storytelling and sharing, the group collectively reinforces their achievements. This session closes the exercise series on a high note, with a focus on connection and appreciation.",
picture: photos.image_13,
},
Expand All @@ -57,37 +65,40 @@ const cardsDb = {
CoverImg: photos.image_6,
Content: [
{
subtitle: "Exercise 1 - Breaking the Ice",
title: "Exercise 1 - Breaking the Ice",
subtitle: "",
text: "Participants share spontaneous descriptions of abstract images to spark creativity and open their minds to new perspectives.",
picture: photos.image_7, // Randomly chosen
},
{
subtitle: "Exercise 2 - Taking Stocks",
title: "Exercise 2 - Taking Stocks",
subtitle: "",
text: "This exercise focuses on analyzing visual elements in detail, encouraging participants to articulate their thoughts with precision.",
picture: photos.image_12, // Randomly chosen
},
{
subtitle: "Exercise 3 - Bon Anneè",
title: "Exercise 3 - Bon Anneè",
text: "Reflect on how visual representations influence personal interpretations and compare perspectives within the group.",
picture: photos.image_3, // Randomly chosen
},
{
subtitle: "Exercise 4 - Visual Storytelling",
title: "Exercise 4 - Visual Storytelling",
subtitle: "",
text: "Create narratives based on image sequences, blending imagination and structured communication.",
picture: photos.image_15, // Randomly chosen
},
{
subtitle: "Exercise 5 - Collaborative Ekphrasis",
title: "Exercise 5 - Collaborative Ekphrasis",
text: "Work in pairs or teams to construct descriptions of challenging visuals, enhancing collaborative analysis and creativity.",
picture: photos.image_8, // Randomly chosen
},
{
subtitle: "Exercise 6 - Abstract Exploration",
title: "Exercise 6 - Abstract Exploration",
text: "Dive into abstract images and explore how emotions and context affect interpretation.",
picture: photos.image_21, // Randomly chosen
},
{
subtitle: "Exercise 7 - Reflective Wrap-Up",
title: "Exercise 7 - Reflective Wrap-Up",
text: "Participants share their key insights and discuss the power of visual literacy in communication.",
picture: photos.image_5, // Randomly chosen
},
Expand All @@ -104,37 +115,37 @@ const cardsDb = {
CoverImg: photos.image_8,
Content: [
{
subtitle: "Exercise 1 - Ideation",
title: "Exercise 1 - Ideation",
text: "Generate a wide array of ideas to solve a problem or enhance a product. This exercise encourages free thinking and helps develop creative solutions.",
picture: photos.image_10, // Randomly chosen
},
{
subtitle: "Exercise 2 - SWOT Analysis",
title: "Exercise 2 - SWOT Analysis",
text: "Evaluate the strengths, weaknesses, opportunities, and threats related to a new business idea or strategy.",
picture: photos.image_14, // Randomly chosen
},
{
subtitle: "Exercise 3 - Brainstorming",
title: "Exercise 3 - Brainstorming",
text: "Collaboratively generate ideas to tackle a specific challenge. This exercise encourages participants to think creatively and build on each other's ideas.",
picture: photos.image_16, // Randomly chosen
},
{
subtitle: "Exercise 4 - Mind Mapping",
title: "Exercise 4 - Mind Mapping",
text: "Create a visual representation of thoughts and ideas to explore connections and generate new perspectives on a topic.",
picture: photos.image_20, // Randomly chosen
},
{
subtitle: "Exercise 5 - Rapid Prototyping",
title: "Exercise 5 - Rapid Prototyping",
text: "Design quick prototypes of ideas to test and iterate rapidly. This exercise promotes agility in the innovation process.",
picture: photos.image_19, // Randomly chosen
},
{
subtitle: "Exercise 6 - User Feedback",
title: "Exercise 6 - User Feedback",
text: "Engage users early to collect feedback on prototypes and ideas. This exercise helps refine and improve solutions.",
picture: photos.image_9, // Randomly chosen
},
{
subtitle: "Exercise 7 - Innovation Pitch",
title: "Exercise 7 - Innovation Pitch",
text: "Present your innovative ideas to stakeholders and gather feedback on their viability and potential for success.",
picture: photos.image_18, // Randomly chosen
},
Expand All @@ -150,37 +161,37 @@ const cardsDb = {
CoverImg: photos.image_2,
Content: [
{
subtitle: "Exercise 1 - Data Collection",
title: "Exercise 1 - Data Collection",
text: "Learn how to collect data effectively, ensuring that it is accurate, reliable, and relevant to your analysis goals.",
picture: photos.image_11, // Randomly chosen
},
{
subtitle: "Exercise 2 - Data Cleaning",
title: "Exercise 2 - Data Cleaning",
text: "Explore techniques for cleaning data, handling missing values, and correcting inaccuracies to prepare it for analysis.",
picture: photos.image_17, // Randomly chosen
},
{
subtitle: "Exercise 3 - Exploratory Data Analysis",
title: "Exercise 3 - Exploratory Data Analysis",
text: "Analyze data to uncover patterns, trends, and insights using visualizations and statistical techniques.",
picture: photos.image_4, // Randomly chosen
},
{
subtitle: "Exercise 4 - Predictive Modeling",
title: "Exercise 4 - Predictive Modeling",
text: "Learn how to build and evaluate predictive models to forecast future trends or behaviors based on historical data.",
picture: photos.image_13, // Randomly chosen
},
{
subtitle: "Exercise 5 - Data Visualization",
title: "Exercise 5 - Data Visualization",
text: "Master the art of creating compelling visualizations that communicate data insights clearly and effectively.",
picture: photos.image_14, // Randomly chosen
},
{
subtitle: "Exercise 6 - Data Interpretation",
title: "Exercise 6 - Data Interpretation",
text: "Understand how to interpret the results of data analyses and make data-driven decisions.",
picture: photos.image_8, // Randomly chosen
},
{
subtitle: "Exercise 7 - Reporting Results",
title: "Exercise 7 - Reporting Results",
text: "Learn how to present data findings in a clear and engaging way to stakeholders, ensuring that the insights are actionable.",
picture: photos.image_12, // Randomly chosen
},
Expand Down
Loading

0 comments on commit 84253a8

Please sign in to comment.