diff --git a/src/lib/components/NavigationFooter.svelte b/src/lib/components/NavigationFooter.svelte index 889d259..f484d4c 100644 --- a/src/lib/components/NavigationFooter.svelte +++ b/src/lib/components/NavigationFooter.svelte @@ -3,17 +3,22 @@ import ScrollToTop from "$lib/components/ScrollToTop.svelte"; import Link from "$lib/components/Link.svelte"; + import { CDN } from "$lib/constants"; + import { navigation } from "$lib/navigation";
- +
+ + + +
- +
Topic
+ @@ -15,6 +18,14 @@
+ {#if display_home} + + {/if}
- {#if display_title} -
- + {#if display_logo} +
+ + +
{/if}
diff --git a/src/lib/styles/NavigationFooter.scss b/src/lib/styles/NavigationFooter.scss index edfa13a..8b0330b 100644 --- a/src/lib/styles/NavigationFooter.scss +++ b/src/lib/styles/NavigationFooter.scss @@ -1,85 +1,96 @@ .navigation-footer { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - background: #ffffff; - width: 100%; - height: 240px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + background: #ffffff; + width: 100%; + height: 240px; } .navigation-footer-column { - display: flex; - flex-direction: column; - flex-wrap: wrap; - position: relative; - height: 100%; - width: 33%; - padding: 32px; - justify-content: center; + display: flex; + flex-direction: column; + flex-wrap: wrap; + position: relative; + height: 100%; + width: 33%; + padding: 32px; + justify-content: center; +} + +.navigation-footer-logo-link { + max-width: 180px; + padding-left: 24px; +} + +.navigation-footer-logo { + height: 180px; + max-width: 180px; + width: auto; } .navigation-footer-column-left { - @extend .navigation-footer-column; - justify-content: space-between; + @extend .navigation-footer-column; + justify-content: space-between; } .navigation-footer-column-mid { - @extend .navigation-footer-column; - align-items: center; + @extend .navigation-footer-column; + align-items: center; } .navigation-footer-column-right { - @extend .navigation-footer-column; - align-items: center; + @extend .navigation-footer-column; + align-items: center; } .navigation-footer-site-name { - color: #000000; - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - padding: 8px; + color: #000000; + text-align: left; + font-family: "Assistant", sans-serif; + font-size: 24px; + position: relative; + padding: 8px; } .navigation-footer-topic-column { - display: flex; - flex-direction: column; - flex-wrap: wrap; - position: relative; + display: flex; + flex-direction: column; + flex-wrap: wrap; + position: relative; } .navigation-footer-topic { - color: #000000; - font-family: "Assistant", sans-serif; - font-size: 28px; - font-weight: 600; - position: relative; + color: #000000; + font-family: "Assistant", sans-serif; + font-size: 28px; + font-weight: 600; + position: relative; } .navigation-footer-link { - color: #454545; - font-family: "Assistant", sans-serif; - font-size: 24px; - text-decoration: underline; - position: relative; + color: #454545; + font-family: "Assistant", sans-serif; + font-size: 24px; + text-decoration: underline; + position: relative; } .navigation-footer-social-icon { - width: 24px; - height: 24px; - position: relative; + width: 24px; + height: 24px; + position: relative; } .navigation-footer-social-media { - // display: flex; # temporarily disable - display: none; - flex-direction: row; - gap: var(--spacing-xs, 8px); - align-items: flex-start; - justify-content: flex-start; - position: relative; + // display: flex; # temporarily disable + display: none; + flex-direction: row; + gap: var(--spacing-xs, 8px); + align-items: flex-start; + justify-content: flex-start; + position: relative; } .navigation-footer-buttons-icon { diff --git a/src/lib/styles/NavigationHeader.scss b/src/lib/styles/NavigationHeader.scss index 071fb85..eea1d7b 100644 --- a/src/lib/styles/NavigationHeader.scss +++ b/src/lib/styles/NavigationHeader.scss @@ -1,80 +1,88 @@ .navigation-header { - display: flex; - flex-direction: row-reverse; - width: 100%; - justify-content: space-between; + display: flex; + flex-direction: row-reverse; + width: 100%; + justify-content: space-between; } .navigation-header { - position: relative; - height: 128px; - width: 100%; - padding-bottom: 120px; + position: relative; + height: 128px; + width: 100%; + padding-bottom: 120px; } .navigation-header-items { - gap: 48px; - align-items: center; - position: relative; - padding-top: 28px; - padding-right: 96px; - padding-left: 32px; + gap: 48px; + align-items: center; + position: relative; + padding-top: 28px; + padding-right: 96px; + padding-left: 32px; } .navigation-header-link { - color: #000000; - font-family: var(--navigation-header-font-family); - text-align: left; - font-size: var(--navigation-header-font-size); - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; + color: #000000; + font-family: var(--navigation-header-font-family); + text-align: left; + font-size: var(--navigation-header-font-size); + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; } .navigation-header-button { - background: #000000; - border-radius: 8px; - padding: 14px 24px 14px 24px; - display: flex; - flex-direction: row; - gap: 8px; - align-items: center; - justify-content: center; - flex-shrink: 0; - position: relative; - box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); + background: #000000; + border-radius: 8px; + padding: 14px 24px 14px 24px; + display: flex; + flex-direction: row; + gap: 8px; + align-items: center; + justify-content: center; + flex-shrink: 0; + position: relative; + box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); } .navigation-header-button-text { - @extend .navigation-header-link; - color: var(--cpalettecomplimentary); - text-decoration: none; + @extend .navigation-header-link; + color: var(--cpalettecomplimentary); + text-decoration: none; } -.navigation-header-site-name { - color: #000000; - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - padding: 8px; +.navigation-header-logo-link { + @extend .navigation-header-items; + min-width: 128px; +} + +.navigation-header-logo { + height: 128px; + width: auto; + max-width: 128px; +} + +.navigation-header-logo { + height: 128px; + width: auto; + padding-left: 28px; } .flexrow-right { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-end; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-end; } .flexrow-left { - @extend .flexrow-right; - justify-content: flex-start; + @extend .flexrow-right; + justify-content: flex-start; } @media (max-width: 750px) { - .navigation-header-items { - display: none; - } + .navigation-header-items { + display: none; + } } diff --git a/src/lib/styles/styles.css b/src/lib/styles/styles.css index 48f6410..9d9ee23 100644 --- a/src/lib/styles/styles.css +++ b/src/lib/styles/styles.css @@ -22,8 +22,14 @@ menu, ol, ul { list-style-type: none; + list-style-position: inside; margin: 0; padding: 0; + font-size: 18pt +} + +li { + padding-bottom: 24px } h1 { @@ -42,6 +48,15 @@ label { line-height: 1.5; } +h3 { + font-family: "Assistant"; + font-style: italic; + color: #B6B6B6; + font-size: 24pt; + padding-bottom: 2px; + line-height: 1.5; +} + label { font-size: 1.75rem; } @@ -61,9 +76,15 @@ p { font-size: 28pt; } + h3, p { font-size: 18pt; } + + ol, + ul { + font-size: 16pt; + } } @media (max-width: 420px) { @@ -75,9 +96,15 @@ p { font-size: 24pt; } + h3, p { font-size: 16pt; } + + ol, + ul { + font-size: 14pt; + } } @media (max-width: 380px) { @@ -89,7 +116,13 @@ p { font-size: 24pt; } + h3, p { font-size: 16pt; } + + ol, + ul { + font-size: 14pt; + } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7cf3718..b6efaa3 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -39,7 +39,8 @@
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte index f0d92fe..0710401 100644 --- a/src/routes/about/+page.svelte +++ b/src/routes/about/+page.svelte @@ -11,49 +11,87 @@

How Can I Get Involved?

-

Contributing Data

+

Sharing Data

- All data for the AM-D-Model project is managed via our - Invenio instance. Researchers who wish to contribute can - request access via our Invenio homepage, at the “Data - Repository” link. External contributors will initially be - given a 50GB data storage allocation, with the ability to - request more from our repository administrators if required. + As a project aimed at producing a benchmark dataset, the most important + contribution you can make is by sharing data. Whether contributing to the data + or using the data in your own research, a project such as this is built on + researcher engagement with the dataset we are producing. As such, in the spirit + of open science we encourage any interested researchers to get involved in the + production and analysis of this dataset. And following the final, open release + of the dataset we even further encourage researchers to share this dataset as a + universal benchmark for the PBF community at large.

-
+

+ To ensure the success of this project, we ask only that researchers who wish to + make use of this dataset respect the following essential project requirements: +

+
    +
  • + All contributors will be appropriately included as authors in the IJMF + publication announcing public release. Participants will be contacted by our + publication coordinator to request a writeup of their contributions and/or + findings of note to be included in the release publication. The public + release publication is currently expected to be submitted before October 1st + 2025. +
    • +
  • + We insist that participants do not share or publish the dataset before the + official public release. This is to avoid damaging our ability to measure + the impact of the benchmark dataset project. This is important as our + ability to justify future open science initiatives such as this is heavily + dependant on such impact metrics. +
    • +
  • + Participants are asked to attend and/or present in person at the ESAFORM + 2025 conference. This conference will be a key milestone of project + participation, including open discussions among project participants on the + state and direction of the project. In-person cooperation is core to + collaborative projects such as these, so we ask that at least one member of + each participating team meet with the core project team at the conference so + we can build lasting collaborative research relationships. +
    • +
+
+

Contributing Data

+

+ All data for the AM-D-Model project is managed via our Invenio instance. + Researchers who wish to contribute can request access via our Invenio + homepage, at the “Data Repository” link. External contributors will + initially be given a 50GB data storage allocation, with the ability to + request more from our repository administrators if required. +

+
-
-

Accessing Data

-

- Data for the AM-D-Model project is planned to first be made - publicly available on our Invenio instance once it is - possible to do so. Data is also intended to be disseminated - via other means such as material science data repositories - and published datasets once the dissemination phase of the - project begins. For those interested, the latest information - on data accessibility will be made available here. -

+
+

Accessing Data

+

+ Data for the AM-D-Model project is planned to first be made publicly + available on our Invenio instance once it is possible to do so. Data is also + intended to be disseminated via other means such as material science data + repositories and published datasets once the dissemination phase of the + project begins. For those interested, the latest information on data + accessibility will be made available here. +

+

Collaboration with the AM-D-Model team

- Researchers interested in other collaborative opportunities - with the AM-D-Model team can contact us via the “Contact Us” - button, or via the various social media channels made - available in the footer of this page. + Researchers interested in other collaborative opportunities with the AM-D-Model + team can contact us via the “Contact Us” button, or via the various social media + channels made available in the footer of this page.

Inquiries

- We aren’t only interested in hearing from researchers, we - also want to hear from all those with an interest in our - project. If you have any inquiries about the project and - contributing to a community effort towards an open, data - driven future for L-PBF please feel free to let us know via - the “Contact Us” button. + We aren’t only interested in hearing from researchers, we also want to hear from + all those with an interest in our project. If you have any inquiries about the + project and contributing to a community effort towards an open, data driven + future for L-PBF please feel free to let us know via the “Contact Us” button.

diff --git a/static/ESAFORM_logo.webp b/static/ESAFORM_logo.webp new file mode 100644 index 0000000..f308ad0 Binary files /dev/null and b/static/ESAFORM_logo.webp differ diff --git a/static/favicon.png b/static/favicon.png index 85f8d84..41aa73b 100644 Binary files a/static/favicon.png and b/static/favicon.png differ