diff --git a/assets/images/continous_dems_banner.png b/assets/images/continous_dems_banner.png new file mode 100644 index 0000000..8f9b4e9 Binary files /dev/null and b/assets/images/continous_dems_banner.png differ diff --git a/assets/styles/style.css b/assets/styles/style.css index 2a05b86..6601835 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -23,6 +23,7 @@ main, article, .prose { font-size: 1.1rem; } + .welcome-section-layout { display: grid; place-items: center; @@ -37,3 +38,81 @@ main, article, .prose { left: 50%; transform: translateX(-50%); } + +/* /\* Testing for `hero-content` */ +/* /\* The root container *\/ */ +/* .hero-container { */ +/* position: relative !important; */ +/* width: 100% !important; */ +/* height: 350px !important; */ +/* overflow: hidden !important; */ +/* border-radius: 8px !important; */ +/* margin-bottom: 2rem !important; */ +/* display: block !important; /\* Forces block context instead of grid/flex alignment *\/ */ +/* background-color: #1a1a1a !important; */ +/* } */ + +/* /\* Force MyST image wrappers into the absolute background layer *\/ */ +/* .hero-container > span, */ +/* .hero-container > figure, */ +/* .hero-container div[class*="image"], */ +/* .hero-container img { */ +/* position: absolute !important; */ +/* inset: 0 !important; */ +/* width: 100% !important; */ +/* height: 100% !important; */ +/* margin: 0 !important; */ +/* padding: 0 !important; */ +/* z-index: 1 !important; */ +/* object-fit: cover !important; */ +/* } */ + +/* /\* Create the dark visual contrast mask layer *\/ */ +/* .hero-container::after { */ +/* content: ''; */ +/* position: absolute !important; */ +/* inset: 0 !important; */ +/* background: rgba(0, 0, 0, 0.15) !important; */ +/* z-index: 2 !important; */ +/* pointer-events: none !important; */ +/* } */ + +/* /\* Force the Text Container to stretch over the image layer *\/ */ +/* .hero-content { */ +/* position: absolute !important; */ +/* inset: 0 !important; /\* Spans top to bottom, left to right *\/ */ +/* z-index: 3 !important; */ + +/* /\* Flexbox positioning inside the text layer for centering text blocks *\/ */ +/* display: flex !important; */ +/* flex-direction: column !important; */ +/* align-items: center !important; */ +/* justify-content: center !important; */ + +/* text-align: left !important; */ +/* padding: 2.5rem !important; */ +/* background: transparent !important; /\* Strips the default black block background color *\/ */ +/* box-sizing: border-box !important; */ +/* } */ + + +/* /\* Enforce high-visibility formatting on text nodes inside the book-theme grid *\/ */ +/* .hero-content h2 { */ +/* color: #ffffff !important; */ +/* font-size: 2.6rem !important; /\* Slightly smaller than H1, clean and impactful *\/ */ +/* font-weight: 700 !important; */ +/* margin-top: 0 !important; */ +/* margin-bottom: 0.5rem !important; */ +/* line-height: 1.2 !important; */ +/* border-bottom: none !important; /\* Strips out any book-theme accent lines *\/ */ + +/* /\* Deep text shadow for solid readability against any background graphic *\/ */ +/* text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important; */ +/* } */ + +/* .hero-content p { */ +/* color: #ffffff !important; */ +/* font-size: 1.3rem; */ +/* margin: 0.4rem 0 !important; */ +/* text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7) !important; */ +/* } */ diff --git a/index.md b/index.md index b7b05b2..7c3c85b 100644 --- a/index.md +++ b/index.md @@ -5,13 +5,19 @@ ::::{div} :class: welcome-section-layout - -**Welcome to the Continuous DEMs Landing!** + +![banner](/assets/images/continous_dems_banner.png) + :::: + Continuous DEMs provides open-source tools for fetching, transforming, processing and validating Digital Elevation Models (DEMs). We are building a collaborative community dedicated to high-accuracy elevation workflows. Whether you need a drop-in solution for your data pipeline or want to contribute to the future of elevation modeling, you are in the right place. Here you can start your journey in building high-accuracy, vertically consistent elevation models with open-source tools that automate fetching, transforming, and validating DEMs across global datasets. -The following projects are the Continuous DEMs core libraries and tools, choose a project below to learn more about it. +The following projects are the Continuous DEMs core libraries and tools, choose a project below to learn more. + +:::{note} Read Our White Paper +Learn about the scientific foundation, architecture, and NSF POSE Phase I transition behind our ecosystem in our newly published white paper: **[From CUDEM to Continuous DEMs](https://zenodo.org/records/22132728)**. +::: --- @@ -19,22 +25,26 @@ The following projects are the Continuous DEMs core libraries and tools, choose ::::{grid} 1 2 3 4 -:::{grid-item-card} 📥 Fetchez +:::{grid-item-card} +:header: 📥 Fetchez :link: projects/fetchez.md Fetch, download and process geospatial datasets. ::: -:::{grid-item-card} 🔄 Transformez +:::{grid-item-card} +:header: 🔄 Transformez :link: projects/transformez.md Vertically transform and reproject DEMs. ::: -:::{grid-item-card} 🌍 Globato +:::{grid-item-card} +:header: 🌍 Globato :link: projects/globato.md Generate seamless, multi-source, multi-resolution DEMs. ::: -:::{grid-item-card} 🏔️ Ivert +:::{grid-item-card} +:header: 🛰️ Ivert :link: projects/ivert.md Validate DEM vertical accuracy against IceSat2 measurements and detect artifacts. ::: @@ -46,17 +56,25 @@ Validate DEM vertical accuracy against IceSat2 measurements and detect artifacts ## 🌐 Community: ::::{grid} 2 -:::{grid-item-card} 🧭 Community Compass +:::{grid-item-card} +:header: 🧭 Community Compass :link: https://continuous-dems-community-compass.readthedocs.io A deeper dive into our community guidelines and roadmap. This compass serves as the central hub for how our team operates. Explore the sections in the compass and get involved! ::: -:::{grid-item-card} 💬 Zulip Chatspace +:::{grid-item-card} +:header: 💬 Zulip Chatspace :link: https://cudem.zulipchat.com Join our Zulip community chat space to participate in the discussions about DEMs and the tools we use to make them! ::: + + + + + + diff --git a/myst.yml b/myst.yml index 0a4a70f..341474c 100644 --- a/myst.yml +++ b/myst.yml @@ -33,6 +33,9 @@ site: options: folders: true style: "assets/styles/style.css" + static_files: + - assets + - images # favicon: assets/images/continuous_dems_favicon.ico # logo: assets/images/continuous_dems_logo_mini.svg logo_text: "Continuous-DEMs"