mirror of
https://github.com/Cian-H/am-d-model.eu.git
synced 2025-12-22 13:41:56 +00:00
First commit (export from figma)
This commit is contained in:
3
.envrc
Normal file
3
.envrc
Normal file
@@ -0,0 +1,3 @@
|
||||
source_url "https://raw.githubusercontent.com/cachix/devenv/82c0147677e510b247d8b9165c54f73d32dfd899/direnvrc" "sha256-7u4iDd1nZpxL4tCzmPG0dQgC5V+/44Ba+tHkPob1v2k="
|
||||
|
||||
use devenv
|
||||
40
.gitignore
vendored
Normal file
40
.gitignore
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
# Devenv
|
||||
.devenv*
|
||||
devenv.local.nix
|
||||
|
||||
# direnv
|
||||
.direnv
|
||||
|
||||
# pre-commit
|
||||
.pre-commit-config.yaml
|
||||
|
||||
**/*.trace
|
||||
**/*.zip
|
||||
**/*.tar.gz
|
||||
**/*.tgz
|
||||
**/*.log
|
||||
|
||||
package-lock.json
|
||||
**/*.bun
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
100
devenv.lock
Normal file
100
devenv.lock
Normal file
@@ -0,0 +1,100 @@
|
||||
{
|
||||
"nodes": {
|
||||
"devenv": {
|
||||
"locked": {
|
||||
"dir": "src/modules",
|
||||
"lastModified": 1736273305,
|
||||
"owner": "cachix",
|
||||
"repo": "devenv",
|
||||
"rev": "cc48e044747cef4e4f69897e20a100adf5b716a3",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"dir": "src/modules",
|
||||
"owner": "cachix",
|
||||
"repo": "devenv",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"flake-compat": {
|
||||
"flake": false,
|
||||
"locked": {
|
||||
"lastModified": 1733328505,
|
||||
"owner": "edolstra",
|
||||
"repo": "flake-compat",
|
||||
"rev": "ff81ac966bb2cae68946d5ed5fc4994f96d0ffec",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "edolstra",
|
||||
"repo": "flake-compat",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"gitignore": {
|
||||
"inputs": {
|
||||
"nixpkgs": [
|
||||
"pre-commit-hooks",
|
||||
"nixpkgs"
|
||||
]
|
||||
},
|
||||
"locked": {
|
||||
"lastModified": 1709087332,
|
||||
"owner": "hercules-ci",
|
||||
"repo": "gitignore.nix",
|
||||
"rev": "637db329424fd7e46cf4185293b9cc8c88c95394",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "hercules-ci",
|
||||
"repo": "gitignore.nix",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"nixpkgs": {
|
||||
"locked": {
|
||||
"lastModified": 1733477122,
|
||||
"owner": "cachix",
|
||||
"repo": "devenv-nixpkgs",
|
||||
"rev": "7bd9e84d0452f6d2e63b6e6da29fe73fac951857",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "cachix",
|
||||
"ref": "rolling",
|
||||
"repo": "devenv-nixpkgs",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"pre-commit-hooks": {
|
||||
"inputs": {
|
||||
"flake-compat": "flake-compat",
|
||||
"gitignore": "gitignore",
|
||||
"nixpkgs": [
|
||||
"nixpkgs"
|
||||
]
|
||||
},
|
||||
"locked": {
|
||||
"lastModified": 1735882644,
|
||||
"owner": "cachix",
|
||||
"repo": "pre-commit-hooks.nix",
|
||||
"rev": "a5a961387e75ae44cc20f0a57ae463da5e959656",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "cachix",
|
||||
"repo": "pre-commit-hooks.nix",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"root": {
|
||||
"inputs": {
|
||||
"devenv": "devenv",
|
||||
"nixpkgs": "nixpkgs",
|
||||
"pre-commit-hooks": "pre-commit-hooks"
|
||||
}
|
||||
}
|
||||
},
|
||||
"root": "root",
|
||||
"version": 7
|
||||
}
|
||||
17
devenv.nix
Normal file
17
devenv.nix
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
pkgs,
|
||||
lib,
|
||||
config,
|
||||
inputs,
|
||||
...
|
||||
}: {
|
||||
packages = with pkgs; [
|
||||
bun
|
||||
git
|
||||
];
|
||||
|
||||
languages.javascript.bun = {
|
||||
enable = true;
|
||||
install.enable = true;
|
||||
};
|
||||
}
|
||||
15
devenv.yaml
Normal file
15
devenv.yaml
Normal file
@@ -0,0 +1,15 @@
|
||||
# yaml-language-server: $schema=https://devenv.sh/devenv.schema.json
|
||||
inputs:
|
||||
nixpkgs:
|
||||
url: github:cachix/devenv-nixpkgs/rolling
|
||||
|
||||
# If you're using non-OSS software, you can set allowUnfree to true.
|
||||
# allowUnfree: true
|
||||
|
||||
# If you're willing to use a package that's vulnerable
|
||||
# permittedInsecurePackages:
|
||||
# - "openssl-1.1.1w"
|
||||
|
||||
# If you have more than one devenv you can merge them
|
||||
#imports:
|
||||
# - ./backend
|
||||
14
index.html
Normal file
14
index.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + Svelte</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
21
package.json
Normal file
21
package.json
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "vite-svelte-starter",
|
||||
"version": "0.1.0",
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
"devDependencies": {
|
||||
"@sveltejs/vite-plugin-svelte": "^2.0.0",
|
||||
"svelte": "^4.2.3",
|
||||
"svelte-preprocess": "^5.1.3",
|
||||
"sass": "^1.72.0",
|
||||
"vite": "^4.0.3"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"browserslist": ["> 1%", "last 2 versions", "not dead"],
|
||||
"type": "module",
|
||||
"private": true
|
||||
}
|
||||
BIN
public/background-f-000143-10.png
Normal file
BIN
public/background-f-000143-10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
public/buildplate0.png
Normal file
BIN
public/buildplate0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 551 KiB |
BIN
public/data0.png
Normal file
BIN
public/data0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
3
public/icon0.svg
Normal file
3
public/icon0.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2.04004C6.5 2.04004 2 6.53004 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85004C10.44 7.34004 11.93 5.96004 14.22 5.96004C15.31 5.96004 16.45 6.15004 16.45 6.15004V8.62004H15.19C13.95 8.62004 13.56 9.39004 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96C15.9164 21.5879 18.0622 20.3856 19.6099 18.5701C21.1576 16.7546 22.0054 14.4457 22 12.06C22 6.53004 17.5 2.04004 12 2.04004Z" fill="#828282"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 532 B |
3
public/icon1.svg
Normal file
3
public/icon1.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z" fill="#828282"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1006 B |
3
public/icon2.svg
Normal file
3
public/icon2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 15L15.19 12L10 9V15ZM21.56 7.17C21.69 7.64 21.78 8.27 21.84 9.07C21.91 9.87 21.94 10.56 21.94 11.16L22 12C22 14.19 21.84 15.8 21.56 16.83C21.31 17.73 20.73 18.31 19.83 18.56C19.36 18.69 18.5 18.78 17.18 18.84C15.88 18.91 14.69 18.94 13.59 18.94L12 19C7.81 19 5.2 18.84 4.17 18.56C3.27 18.31 2.69 17.73 2.44 16.83C2.31 16.36 2.22 15.73 2.16 14.93C2.09 14.13 2.06 13.44 2.06 12.84L2 12C2 9.81 2.16 8.2 2.44 7.17C2.69 6.27 3.27 5.69 4.17 5.44C4.64 5.31 5.5 5.22 6.82 5.16C8.12 5.09 9.31 5.06 10.41 5.06L12 5C16.19 5 18.8 5.16 19.83 5.44C20.73 5.69 21.31 6.27 21.56 7.17Z" fill="#828282"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 702 B |
3
public/icon3.svg
Normal file
3
public/icon3.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z" fill="#828282"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/open-science-palettematched0.png
Normal file
BIN
public/open-science-palettematched0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
1
public/readme.md
Normal file
1
public/readme.md
Normal file
@@ -0,0 +1 @@
|
||||
In this folder you can store your assets...
|
||||
14
src/App.svelte
Normal file
14
src/App.svelte
Normal file
@@ -0,0 +1,14 @@
|
||||
|
||||
<div>
|
||||
<LandingPage />
|
||||
</div>
|
||||
|
||||
<script>
|
||||
import LandingPage from "./LandingPage/LandingPage.svelte";
|
||||
import "./vars.css";
|
||||
import "./styles.css";
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
937
src/LandingPage/LandingPage.svelte
Normal file
937
src/LandingPage/LandingPage.svelte
Normal file
@@ -0,0 +1,937 @@
|
||||
<script>
|
||||
let className = "";
|
||||
export { className as class };
|
||||
</script>
|
||||
|
||||
<div class="{'landing-page ' + className}">
|
||||
<div class="navigation-footer">
|
||||
<div class="items">
|
||||
<div class="topic">Topic</div>
|
||||
<div class="data-repository">Data Repository</div>
|
||||
<div class="how-to-contribute">How to Contribute</div>
|
||||
<div class="contact-us">Contact Us</div>
|
||||
</div>
|
||||
<div class="return-to-top">↥↥↥ Return to top ↥↥↥</div>
|
||||
<div class="site-name">AM-D-Model.eu</div>
|
||||
<div class="social-icons">
|
||||
<div class="buttons-icon">
|
||||
<img class="icon" src="icon0.svg" />
|
||||
</div>
|
||||
<div class="buttons-icon">
|
||||
<img class="icon2" src="icon1.svg" />
|
||||
</div>
|
||||
<div class="buttons-icon">
|
||||
<img class="icon3" src="icon2.svg" />
|
||||
</div>
|
||||
<div class="buttons-icon">
|
||||
<img class="icon4" src="icon3.svg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
</div>
|
||||
<div class="bottom-call">
|
||||
<div class="buttons">
|
||||
<div class="button">
|
||||
<div class="get-involved">Get Involved!</div>
|
||||
</div>
|
||||
<div class="button2">
|
||||
<div class="contact-us2">Contact Us</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interested-in-the-project">Interested in the project?</div>
|
||||
</div>
|
||||
<div class="section-3">
|
||||
<img
|
||||
class="open-science-palettematched"
|
||||
src="open-science-palettematched0.png"
|
||||
/>
|
||||
<div class="text">
|
||||
<div class="text2">
|
||||
<div class="fair-transparent-and-open">FAIR, Transparent, and Open</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="visibility-accessibility-and-impact">
|
||||
Visibility, Accessibility and Impact
|
||||
</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="serving-the-research-community">
|
||||
Serving the Research Community
|
||||
</div>
|
||||
<div
|
||||
class="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>
|
||||
<div class="open-science">Open Science</div>
|
||||
</div>
|
||||
<div class="section-2">
|
||||
<img class="data" src="data0.png" />
|
||||
<div class="text3">
|
||||
<div class="text2">
|
||||
<div class="building-the-future-of-l-pbf">
|
||||
Building the Future of L-PBF
|
||||
</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="community-focused-data-management">
|
||||
Community Focused Data Management
|
||||
</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="data-science-as-a-core-discipline">
|
||||
Data Science, as a Core Discipline
|
||||
</div>
|
||||
<div
|
||||
class="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>
|
||||
<div class="data-driven-research">Data Driven Research</div>
|
||||
</div>
|
||||
<div class="section-1">
|
||||
<img class="buildplate" src="buildplate0.png" />
|
||||
<div class="text4">
|
||||
<div class="text2">
|
||||
<div class="experienced-research-teams">Experienced Research Teams</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="international-excellence">International Excellence</div>
|
||||
<div
|
||||
class="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="text2">
|
||||
<div class="backed-by-research-associations">
|
||||
Backed by Research Associations
|
||||
</div>
|
||||
<div
|
||||
class="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>
|
||||
<div class="experts-in-l-pbf">Experts in L-PBF</div>
|
||||
</div>
|
||||
<div class="bottom-blend"></div>
|
||||
<img class="background-f-000143-1" src="background-f-000143-10.png" />
|
||||
<div class="copy">
|
||||
<div class="page-title">
|
||||
<div class="benchmarking-the-future-of-metal-3-d-printing">
|
||||
Benchmarking the future of metal 3d printing
|
||||
</div>
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
<div class="button3">
|
||||
<div class="get-involved2">Get Involved!</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<div class="items2">
|
||||
<div class="data-repository2">Data Repository</div>
|
||||
<div class="how-to-contribute2">How to Contribute</div>
|
||||
<div class="button4">
|
||||
<div class="contact-us3">Contact Us</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.landing-page,
|
||||
.landing-page * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.landing-page {
|
||||
background: var(--background, #090541);
|
||||
height: 3860px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.navigation-footer {
|
||||
background: #ffffff;
|
||||
height: 264px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-s, 24px);
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
width: 187px;
|
||||
position: absolute;
|
||||
right: 80px;
|
||||
top: 42px;
|
||||
}
|
||||
.topic {
|
||||
color: #000000;
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.data-repository {
|
||||
color: #454545;
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.how-to-contribute {
|
||||
color: #454545;
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.contact-us {
|
||||
color: #454545;
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.return-to-top {
|
||||
color: rgba(69, 69, 69, 0.5);
|
||||
text-align: left;
|
||||
font-family: var(--small-text-font-family, "Inter-Medium", sans-serif);
|
||||
font-size: var(--small-text-font-size, 16px);
|
||||
line-height: var(--small-text-line-height, 150%);
|
||||
font-weight: var(--small-text-font-weight, 500);
|
||||
position: absolute;
|
||||
left: 627px;
|
||||
top: 114px;
|
||||
width: 187px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.site-name {
|
||||
color: #000000;
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 55px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.social-icons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--spacing-xs, 8px);
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 176px;
|
||||
}
|
||||
.buttons-icon {
|
||||
border-radius: 4px;
|
||||
padding: 8px;
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
}
|
||||
.icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
overflow: visible;
|
||||
}
|
||||
.icon2 {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
overflow: visible;
|
||||
}
|
||||
.icon3 {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
overflow: visible;
|
||||
}
|
||||
.icon4 {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
overflow: visible;
|
||||
}
|
||||
.divider {
|
||||
margin-top: -1px;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
border-width: 1px 0 0 0;
|
||||
width: 1280px;
|
||||
height: 0px;
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 1px;
|
||||
transform-origin: 0 0;
|
||||
transform: rotate(0deg) scale(1, 1);
|
||||
}
|
||||
.bottom-call {
|
||||
background: #f7f7f7;
|
||||
width: 1440px;
|
||||
height: 236px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 3365px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.buttons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 24px;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
right: 80px;
|
||||
top: 80px;
|
||||
}
|
||||
.button {
|
||||
background: var(--background, #090541);
|
||||
border-radius: 8px;
|
||||
padding: 20px 32px 20px 32px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
box-shadow: var(
|
||||
--button-shadow-box-shadow,
|
||||
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
|
||||
);
|
||||
}
|
||||
.get-involved {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.button2 {
|
||||
background: var(--cpalettecomplimentary, #ffffff);
|
||||
border-radius: 8px;
|
||||
padding: 20px 32px 20px 32px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
box-shadow: var(
|
||||
--button-shadow-box-shadow,
|
||||
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
|
||||
);
|
||||
}
|
||||
.contact-us2 {
|
||||
color: var(--background, #090541);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.interested-in-the-project {
|
||||
color: var(--background, #090541);
|
||||
text-align: left;
|
||||
font-family: var(--title-font-family, "Martel-Regular", sans-serif);
|
||||
font-size: var(--title-font-size, 64px);
|
||||
font-weight: var(--title-font-weight, 400);
|
||||
position: absolute;
|
||||
left: calc(50% - 675px);
|
||||
top: 64px;
|
||||
width: 874px;
|
||||
}
|
||||
.sections {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.section-3 {
|
||||
width: 1348px;
|
||||
height: 680px;
|
||||
position: static;
|
||||
}
|
||||
.open-science-palettematched {
|
||||
border-radius: var(--corner-extra-large, 28px);
|
||||
width: 680px;
|
||||
height: 680px;
|
||||
position: absolute;
|
||||
left: 53px;
|
||||
top: 2571px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 48px;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
width: 35.83%;
|
||||
height: 13.55%;
|
||||
position: absolute;
|
||||
right: 10.21%;
|
||||
left: 53.96%;
|
||||
bottom: 16.75%;
|
||||
top: 69.7%;
|
||||
}
|
||||
.text2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
align-self: stretch;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
}
|
||||
.fair-transparent-and-open {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.the-am-d-model-benchmark-project-is-designed-with-open-science-in-mind-following-fair-principles-of-transparency-and-openness {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.visibility-accessibility-and-impact {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.by-making-these-results-open-we-believe-that-visibility-and-accessibility-will-maximize-their-impact-on-the-l-pbf-field {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.serving-the-research-community {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
}
|
||||
.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 {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.open-science {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Martel-Bold", sans-serif;
|
||||
font-size: 54px;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
right: 2.71%;
|
||||
left: 53.96%;
|
||||
width: 43.33%;
|
||||
bottom: 31.04%;
|
||||
top: 66.61%;
|
||||
height: 2.36%;
|
||||
}
|
||||
.section-2 {
|
||||
width: 1305px;
|
||||
height: 680px;
|
||||
position: static;
|
||||
}
|
||||
.data {
|
||||
border-radius: var(--corner-extra-large, 28px);
|
||||
width: 680px;
|
||||
height: 680px;
|
||||
position: absolute;
|
||||
left: 721px;
|
||||
top: 1805px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.text3 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 48px;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
width: 35.83%;
|
||||
position: absolute;
|
||||
right: 57.5%;
|
||||
left: 6.67%;
|
||||
top: 50%;
|
||||
translate: 0 -50%;
|
||||
}
|
||||
.building-the-future-of-l-pbf {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.am-d-model-aims-to-provide-a-key-cornerstone-for-the-future-of-l-pbf-research-a-universal-benchmark-for-process-modelling {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.community-focused-data-management {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.we-aim-to-provide-a-blueprint-for-future-big-data-am-projects-working-with-contributors-to-ensure-this-benchmarking-dataset-is-managed-responsibly {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.data-science-as-a-core-discipline {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
}
|
||||
.our-team-includes-expert-data-scientists-responsible-for-managing-data-contributions-and-maximizing-data-impact {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.data-driven-research {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Martel-Bold", sans-serif;
|
||||
font-size: 54px;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
right: 49.93%;
|
||||
left: 6.74%;
|
||||
width: 43.33%;
|
||||
bottom: 50.88%;
|
||||
top: 46.76%;
|
||||
height: 2.36%;
|
||||
}
|
||||
.section-1 {
|
||||
width: 1347px;
|
||||
height: 680px;
|
||||
position: static;
|
||||
}
|
||||
.buildplate {
|
||||
border-radius: var(--corner-extra-large, 28px);
|
||||
width: 680px;
|
||||
height: 680px;
|
||||
position: absolute;
|
||||
left: 54px;
|
||||
top: 1040px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.text4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 48px;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-start;
|
||||
width: 35.83%;
|
||||
height: 11.94%;
|
||||
position: absolute;
|
||||
right: 10.28%;
|
||||
left: 53.89%;
|
||||
bottom: 58.12%;
|
||||
top: 29.94%;
|
||||
}
|
||||
.experienced-research-teams {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.our-collaboration-is-comprised-of-expert-l-pbf-researchers-with-years-of-experience-in-the-field {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.international-excellence {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
width: 515px;
|
||||
}
|
||||
.am-d-model-contributors-include-scientists-and-engineers-from-respected-research-institutions-across-europe {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 515px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.backed-by-research-associations {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-SemiBold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
}
|
||||
.am-d-model-is-supported-and-funded-by-esaform-a-globally-recognized-association-of-research-leaders-in-additive-manufacturing {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: relative;
|
||||
width: 520px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.experts-in-l-pbf {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Martel-Bold", sans-serif;
|
||||
font-size: 54px;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
right: 2.71%;
|
||||
left: 53.96%;
|
||||
width: 43.33%;
|
||||
bottom: 70.7%;
|
||||
top: 26.94%;
|
||||
height: 2.36%;
|
||||
}
|
||||
.landing-splash {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.bottom-blend {
|
||||
background: var(--background, #090541);
|
||||
width: 1522.79px;
|
||||
height: 33.31px;
|
||||
position: absolute;
|
||||
left: -45px;
|
||||
top: 905.69px;
|
||||
box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.background-f-000143-1 {
|
||||
width: 1545px;
|
||||
height: 922.88px;
|
||||
position: absolute;
|
||||
left: -45px;
|
||||
top: 0px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.copy {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
width: 892.53px;
|
||||
height: 647.85px;
|
||||
position: absolute;
|
||||
left: 48.06px;
|
||||
top: 227.77px;
|
||||
}
|
||||
.page-title {
|
||||
align-self: stretch;
|
||||
flex-shrink: 0;
|
||||
height: 492px;
|
||||
position: relative;
|
||||
}
|
||||
.benchmarking-the-future-of-metal-3-d-printing {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: "Martel-Bold", sans-serif;
|
||||
font-size: 64px;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 844px;
|
||||
}
|
||||
.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 {
|
||||
color: var(--cpalettecomplimentary, #ffffff);
|
||||
text-align: left;
|
||||
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
|
||||
font-size: var(--body-font-size, 24px);
|
||||
font-weight: var(--body-font-weight, 400);
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 258px;
|
||||
width: 844px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.button3 {
|
||||
background: var(--cpalettemedium, #074799);
|
||||
border-radius: 8px;
|
||||
padding: 20px 32px 20px 32px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
box-shadow: var(
|
||||
--button-shadow-box-shadow,
|
||||
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
|
||||
);
|
||||
}
|
||||
.get-involved2 {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-Bold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.navigation {
|
||||
height: 116.03px;
|
||||
position: absolute;
|
||||
right: -47.31px;
|
||||
left: -35.482441902160645px;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.items2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--spacing-m, 48px);
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
right: 79.79px;
|
||||
top: 28px;
|
||||
}
|
||||
.data-repository2 {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-Bold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.how-to-contribute2 {
|
||||
color: var(--cpalettelight, #009990);
|
||||
text-align: left;
|
||||
font-family: "Assistant-Bold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.button4 {
|
||||
background: var(--cpalettelight, #009990);
|
||||
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)
|
||||
);
|
||||
}
|
||||
.contact-us3 {
|
||||
color: var(--cpalettedark, #001a6e);
|
||||
text-align: left;
|
||||
font-family: "Assistant-Bold", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
</style>
|
||||
7
src/main.js
Normal file
7
src/main.js
Normal file
@@ -0,0 +1,7 @@
|
||||
import App from './App.svelte';
|
||||
|
||||
|
||||
const app = new App({
|
||||
target: document.getElementById('app'),
|
||||
})
|
||||
export default app
|
||||
26
src/styles.css
Normal file
26
src/styles.css
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
background: none;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
menu, ol, ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
18
src/vars.css
Normal file
18
src/vars.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* 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;
|
||||
|
||||
/* Effects */
|
||||
|
||||
}
|
||||
|
||||
8
svelte.config.js
Normal file
8
svelte.config.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import preprocess from "svelte-preprocess";
|
||||
|
||||
const config = {
|
||||
preprocess: preprocess({}),
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
||||
7
vite.config.js
Normal file
7
vite.config.js
Normal file
@@ -0,0 +1,7 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import {svelte} from '@sveltejs/vite-plugin-svelte'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [svelte()],
|
||||
})
|
||||
Reference in New Issue
Block a user