mirror of
https://github.com/Cian-H/am-d-model.eu.git
synced 2025-12-22 21:41:57 +00:00
Project format
This commit is contained in:
@@ -4,11 +4,7 @@
|
||||
export let hotkey = "";
|
||||
|
||||
function handleKeypress(event) {
|
||||
if (
|
||||
event.key === hotkey ||
|
||||
event.key === "Enter" ||
|
||||
event.key === " "
|
||||
) {
|
||||
if (event.key === hotkey || event.key === "Enter" || event.key === " ") {
|
||||
event.preventDefault();
|
||||
redirectFunc();
|
||||
}
|
||||
|
||||
@@ -5,7 +5,9 @@ export const navigation = {
|
||||
toHome: () => goto("/"),
|
||||
toAbout: () => goto("/about"),
|
||||
toContact: () => goto("/contact"),
|
||||
toRepository: () => { window.location.href = "https://invenio.am-d-model.eu/" },
|
||||
toRepository: () => {
|
||||
window.location.href = "https://invenio.am-d-model.eu/";
|
||||
},
|
||||
to404: () => {
|
||||
throw error(404, "Page not found");
|
||||
},
|
||||
|
||||
@@ -1,96 +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;
|
||||
max-width: 180px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.navigation-footer-logo {
|
||||
height: 180px;
|
||||
max-width: 180px;
|
||||
width: auto;
|
||||
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 {
|
||||
|
||||
@@ -1,88 +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-logo-link {
|
||||
@extend .navigation-header-items;
|
||||
min-width: 128px;
|
||||
@extend .navigation-header-items;
|
||||
min-width: 128px;
|
||||
}
|
||||
|
||||
.navigation-header-logo {
|
||||
height: 128px;
|
||||
width: auto;
|
||||
max-width: 128px;
|
||||
height: 128px;
|
||||
width: auto;
|
||||
max-width: 128px;
|
||||
}
|
||||
|
||||
.navigation-header-logo {
|
||||
height: 128px;
|
||||
width: auto;
|
||||
padding-left: 28px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,11 +25,11 @@ ul {
|
||||
list-style-position: inside;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 18pt
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
li {
|
||||
padding-bottom: 24px
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@@ -51,7 +51,7 @@ label {
|
||||
h3 {
|
||||
font-family: "Assistant";
|
||||
font-style: italic;
|
||||
color: #B6B6B6;
|
||||
color: #b6b6b6;
|
||||
font-size: 24pt;
|
||||
padding-bottom: 2px;
|
||||
line-height: 1.5;
|
||||
|
||||
@@ -18,25 +18,22 @@
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">Experienced Research Teams</div>
|
||||
<div class="infscr-body">
|
||||
Our collaboration is comprised of expert L-PBF researchers
|
||||
with years of experience in the field.
|
||||
Our collaboration is comprised of expert L-PBF researchers with years of
|
||||
experience in the field.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">International Excellence</div>
|
||||
<div class="infscr-body">
|
||||
AM-D-Model contributors include scientists and engineers
|
||||
from respected research institutions across Europe.
|
||||
AM-D-Model contributors include scientists and engineers from respected research
|
||||
institutions across Europe.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">
|
||||
Backed by Research Associations
|
||||
</div>
|
||||
<div class="infscr-subtitle">Backed by Research Associations</div>
|
||||
<div class="infscr-body">
|
||||
AM-D-Model is supported and funded by ESAFORM, a globally
|
||||
recognized association of research leaders in additive
|
||||
manufacturing.
|
||||
AM-D-Model is supported and funded by ESAFORM, a globally recognized association
|
||||
of research leaders in additive manufacturing.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,28 +51,22 @@
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">Building the Future of L-PBF</div>
|
||||
<div class="infscr-body">
|
||||
AM-D-Model aims to provide a key cornerstone for the future
|
||||
of L-PBF research: a universal benchmark for process
|
||||
modelling.
|
||||
AM-D-Model aims to provide a key cornerstone for the future of L-PBF research: a
|
||||
universal benchmark for process modelling.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">
|
||||
Community Focused Data Management
|
||||
</div>
|
||||
<div class="infscr-subtitle">Community Focused Data Management</div>
|
||||
<div class="infscr-body">
|
||||
We aim to provide a blueprint for future big data AM
|
||||
projects, working with contributors to ensure this
|
||||
benchmarking dataset is managed responsibly.
|
||||
We aim to provide a blueprint for future big data AM projects, working with
|
||||
contributors to ensure this benchmarking dataset is managed responsibly.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">
|
||||
Data Science, as a Core Discipline
|
||||
</div>
|
||||
<div class="infscr-subtitle">Data Science, as a Core Discipline</div>
|
||||
<div class="infscr-body">
|
||||
Our team includes expert data scientists, responsible for
|
||||
managing data contributions and maximizing data impact.
|
||||
Our team includes expert data scientists, responsible for managing data
|
||||
contributions and maximizing data impact.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,28 +84,23 @@
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">FAIR, Transparent, and Open</div>
|
||||
<div class="infscr-body">
|
||||
The AM-D-Model benchmark project is designed with open
|
||||
science in mind, following FAIR principles of transparency
|
||||
and openness.
|
||||
The AM-D-Model benchmark project is designed with open science in mind,
|
||||
following FAIR principles of transparency and openness.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">
|
||||
Visibility, Accessibility and Impact
|
||||
</div>
|
||||
<div class="infscr-subtitle">Visibility, Accessibility and Impact</div>
|
||||
<div class="infscr-body">
|
||||
By making these results open, we believe that visibility and
|
||||
accessibility will maximize their impact on the L-PBF field.
|
||||
By making these results open, we believe that visibility and accessibility will
|
||||
maximize their impact on the L-PBF field.
|
||||
</div>
|
||||
</div>
|
||||
<div class="infscr-subcol">
|
||||
<div class="infscr-subtitle">
|
||||
Serving the Research Community
|
||||
</div>
|
||||
<div class="infscr-subtitle">Serving the Research Community</div>
|
||||
<div class="infscr-body">
|
||||
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.
|
||||
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.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -7,19 +7,15 @@
|
||||
|
||||
<div class="splash">
|
||||
<div class="splash-copy">
|
||||
<div class="splash-title">
|
||||
Benchmarking the future of metal 3d printing
|
||||
</div>
|
||||
<div class="splash-title">Benchmarking the future of metal 3d printing</div>
|
||||
<div class="splash-body">
|
||||
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.
|
||||
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.
|
||||
</div>
|
||||
<Button
|
||||
class="splash-button"
|
||||
|
||||
@@ -6,8 +6,7 @@
|
||||
|
||||
import { CDN } from "$lib/constants";
|
||||
|
||||
const EMAIL_ENDPOINT =
|
||||
"https://bst564m4ws3ouxg27nqrpfqv5a0jbhxi.lambda-url.eu-west-1.on.aws/";
|
||||
const EMAIL_ENDPOINT = "https://bst564m4ws3ouxg27nqrpfqv5a0jbhxi.lambda-url.eu-west-1.on.aws/";
|
||||
</script>
|
||||
|
||||
<div class="contact-page">
|
||||
@@ -17,16 +16,12 @@
|
||||
<h1>Contact Us</h1>
|
||||
<h2>We look forward to hearing from you!</h2>
|
||||
<p>
|
||||
Interested in contributing, collaborating, or otherwise getting
|
||||
in touch with the AM-D-Model team? We are always looking for
|
||||
input on our project from others in the wider L-PBF research
|
||||
community. Please use the form below to email our corresponding
|
||||
Interested in contributing, collaborating, or otherwise getting in touch with the
|
||||
AM-D-Model team? We are always looking for input on our project from others in the
|
||||
wider L-PBF research community. Please use the form below to email our corresponding
|
||||
researcher and they will reply as soon as they are able.
|
||||
</p>
|
||||
<ContactForm
|
||||
class="contact-form"
|
||||
emailEndpointApi={EMAIL_ENDPOINT}
|
||||
/>
|
||||
<ContactForm class="contact-form" emailEndpointApi={EMAIL_ENDPOINT} />
|
||||
</div>
|
||||
<div class="contact-image-column">
|
||||
<div class="contact-image-pane hover:bg-blue-200">
|
||||
|
||||
Reference in New Issue
Block a user