From fe1bcf18a1a06dc5ff261d77a2ce0259ce3c2374 Mon Sep 17 00:00:00 2001 From: Cian Hughes Date: Thu, 9 Jan 2025 11:01:15 +0000 Subject: [PATCH] Major rewrite to more like hand coded (work in progress) --- index.html | 15 +- src/LandingPage/LandingPage.svelte | 1535 +++++++++++----------------- src/vars.css | 55 +- svelte.config.js | 2 +- 4 files changed, 660 insertions(+), 947 deletions(-) diff --git a/index.html b/index.html index 140c8a4..8ab0477 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,17 @@ - + + Vite + Svelte - - - + + + +
- - + + + diff --git a/src/LandingPage/LandingPage.svelte b/src/LandingPage/LandingPage.svelte index 59b433d..05696e0 100644 --- a/src/LandingPage/LandingPage.svelte +++ b/src/LandingPage/LandingPage.svelte @@ -1,937 +1,622 @@ -
-
-
-
Topic
-
Data Repository
-
How to Contribute
-
Contact Us
+
+
+
+
+
Data Repository
+
How to Contribute
+
+
Contact Us
+
+
+
+
+
+
+
+ Benchmarking the future of metal 3d printing +
+
+ AM-D-Model is an ESAFORM benchmark project aiming to + create the data that will drive the future of Laser + Powder-Bed-Fusion (L-PBF) research and innovation. By + connecting an international network of collaborators + AM-D-Model will create a comprehensive, open L-PBF + benchmark dataset. As part of our commitment to open + science, this dataset will be openly shared with the + research community. Our goal is to create a universal + benchmark for the L-PBF community, sparking the + collaboration and innovation that will build the future + of this technology. +
+
+
+
Get Involved!
+
+
+
+
-
↥↥↥ Return to top ↥↥↥
-
AM-D-Model.eu
- -
-
-
-
Get Involved!
-
-
-
Contact Us
-
+
+
+
+
Get Involved!
+
+
+
Contact Us
+
+
+
Interested in the project?
-
Interested in the project?
-
-
- -
-
-
FAIR, Transparent, and Open
-
- The AM-D-Model benchmark project is designed with open science in - mind, following FAIR principles of transparency and openness. +
+
+
Topic
+
Data Repository
+
How to Contribute
+
Contact Us
-
-
-
- Visibility, Accessibility and Impact +
↥↥↥ Return to top ↥↥↥
+
AM-D-Model.eu
+
+
+ +
+
+ +
+
+ +
+
+ +
-
- By making these results open, we believe that visibility and - accessibility will maximize their impact on the L-PBF field. -
-
-
-
- Serving the Research Community -
-
- We aim to contribute to the L-PBF research community by providing a - universally accessible benchmark similar to those driving other - cutting-edge research fields. -
-
+
-
Open Science
-
-
- -
-
-
- Building the Future of L-PBF -
-
- AM-D-Model aims to provide a key cornerstone for the future of L-PBF - research: a universal benchmark for process modelling. -
-
-
-
- Community Focused Data Management -
-
- We aim to provide a blueprint for future big data AM projects, working - with contributors to ensure this benchmarking dataset is managed - responsibly. -
-
-
-
- Data Science, as a Core Discipline -
-
- Our team includes expert data scientists, responsible for managing - data contributions and maximizing data impact. -
-
-
-
Data Driven Research
-
-
- -
-
-
Experienced Research Teams
-
- Our collaboration is comprised of expert L-PBF researchers with years - of experience in the field. -
-
-
-
International Excellence
-
- AM-D-Model contributors include scientists and engineers from - respected research institutions across Europe. -
-
-
-
- Backed by Research Associations -
-
- AM-D-Model is supported and funded by ESAFORM, a globally recognized - association of research leaders in additive manufacturing. -
-
-
-
Experts in L-PBF
-
-
- -
-
-
- Benchmarking the future of metal 3d printing -
-
- AM-D-Model is an ESAFORM benchmark project aiming to create the data - that will drive the future of Laser Powder-Bed-Fusion (L-PBF) research - and innovation. By connecting an international network of collaborators - AM-D-Model will create a comprehensive, open L-PBF benchmark dataset. As - part of our commitment to open science, this dataset will be openly - shared with the research community. Our goal is to create a universal - benchmark for the L-PBF community, sparking the collaboration and - innovation that will build the future of this technology. -
-
-
-
Get Involved!
-
-
-
-
-
Data Repository
-
How to Contribute
-
-
Contact Us
-
-
-
- diff --git a/src/vars.css b/src/vars.css index d926c63..0e9d5e2 100644 --- a/src/vars.css +++ b/src/vars.css @@ -1,18 +1,43 @@ -/* Figma Styles of your File */:root { - /* Colors */ - /* Fonts */ - --title-font-family: Martel-Regular, sans-serif; - --title-font-size: 64px; - --title-line-height: normal; - --title-font-weight: 400; - --title-font-style: normal; - --body-font-family: Assistant-Regular, sans-serif; - --body-font-size: 24px; - --body-line-height: normal; - --body-font-weight: 400; - --body-font-style: normal; +@import url('https://fonts.cdnfonts.com/css/martel-2'); +@import url('https://fonts.cdnfonts.com/css/assistant'); - /* Effects */ +:root { + /* Colors */ + --cpalettelight: #009990; + --cpalettemedium: #074799; + --cpalettecomplimentary: #ffffff; + + /* For the navigation header on the landing page */ + --navigation-header-link-font-family: "Assistant", sans-serif; + --navigation-header-link-font-size: 24px; + --navigation-header-link-font-weight: 700; + /* For the splash on the landing page */ + --splash-title-font-family: "Martel", sans-serif; + --splash-title-font-size: 64px; + --splash-title-font-weight: 700; + --splash-body-font-family: "Assistant", sans-serif; + --splash-body-font-size: 24px; + --splash-body-font-weight: 400; + /* For the info scroll on the landing page */ + --infscr-vpad: 54px; + --infscr-hpad: 32px; + --infscr-title-font-family: "Martel", sans-serif; + --infscr-title-font-size: 54px; + --infscr-title-font-weight: 700; + --infscr-subtitle-font-family: "Assistant", sans-serif; + --infscr-subtitle-font-size: 32px; + --infscr-subtitle-font-weight: 700; + --infscr-body-font-family: "Assistant", sans-serif; + --infscr-body-font-size: 28px; + --infscr-body-font-weight: 400; + --infscr-corner-round: 28px; + --infscr-img-size: 680px; + --infscr-cardgap-size: 54px; + --infscr-titlegap-size: 0.75rem; + --infscr-textgap-size: 0.2rem; + /* For the navigation footer on the landing page */ + --navigation-footer-spacing: 24px; + + /* Effects */ } - diff --git a/svelte.config.js b/svelte.config.js index fc97aa9..76dead7 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -5,4 +5,4 @@ import preprocess from "svelte-preprocess"; }; export default config; - \ No newline at end of file +