Improve on the main page

MinBZK · Nov 26, 2024 · d829088 · d829088
1 parent 5effea5
commit d829088
Show file tree

Hide file tree

Showing 14 changed files with 251 additions and 212 deletions.
diff --git a/docs/about/team.md b/docs/about/team.md
@@ -1,10 +1,11 @@
 # Our Team
 
+## Current team members
 <!-- markdownlint-disable MD030 MD033 -->
 
 <div class="grid cards" markdown>
 
--   ## Robbert Bos
+-   ### Robbert Bos
 
     Product Owner
 
@@ -21,7 +22,7 @@
 
     [:fontawesome-brands-linkedin: Robbert Bos](https://www.linkedin.com/in/robbertbos/)
 
--   ## Berry den Hartog
+-   ### Berry den Hartog
 
     Engineer
 
@@ -38,7 +39,7 @@
 
     [:fontawesome-brands-linkedin: Berry den Hartog](https://www.linkedin.com/in/berry-denhartog)
 
--   ## Anne Schuth
+-   ### Anne Schuth
 
     Engineering Manager
 
@@ -55,7 +56,7 @@
 
     [:octicons-link-24: anneschuth.nl](https://anneschuth.nl)
 
--   ## Christopher Spelt
+-   ### Christopher Spelt
 
     Engineer
 
@@ -71,7 +72,7 @@
 
     [:fontawesome-brands-linkedin: Christopher Spelt](https://www.linkedin.com/in/christopher-spelt-27b39357/)
 
--   ## Robbert Uittenbroek
+-   ### Robbert Uittenbroek
 
     Engineer
 
@@ -88,7 +89,7 @@
 
     [:fontawesome-brands-linkedin: Robbert Uittenbroek](https://www.linkedin.com/in/robbert-uittenbroek-48a215/)
 
--   ## Laurens Weijs
+-   ### Laurens Weijs
 
     Engineer
 
@@ -104,7 +105,7 @@
 
     [:fontawesome-brands-linkedin: Laurens Weijs](https://www.linkedin.com/in/laurensweijs)
 
--   ## Ruben Rouwhof
+-   ### Ruben Rouwhof
 
     UX/UI Designer
 
@@ -121,7 +122,7 @@
 
     [:octicons-link-24: rubenrouwhof.nl](https://rubenrouwhof.nl)
 
--   ## Ravi Meijer
+-   ### Ravi Meijer
 
     Product Researcher
 
@@ -136,7 +137,7 @@
 
     [:fontawesome-brands-linkedin: Ravi Meijer](https://www.linkedin.com/in/ravi-meijer)
 
--   ## Renate Burema
+-   ### Renate Burema
 
     Intern
 
@@ -171,7 +172,7 @@
 
     [:fontawesome-brands-linkedin: Willy Tadema](https://www.linkedin.com/in/willytadema/)
 
--   ## Lucas Haitsma
+-   ### Lucas Haitsma
 
     Researcher in Residence
 
@@ -187,7 +188,7 @@
 
     [:octicons-link-24: rug.nl](https://www.rug.nl/staff/l.m.haitsma/?lang=en)
 
--   ## Guusje Juijn
+-   ### Guusje Juijn
 
     Trainee
 

diff --git a/docs/assets/logo-ada.svg b/docs/assets/logo-ada.svg
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -34,3 +34,40 @@ img.round {
     position: top: 10px; /* Adjust as needed */
     right: 20%; /* Adjust as needed */;
 }
+
+/* This part is to remake the search bar which is an extension of mkdocs*/
+.md-search__form {
+    background: #F8F8F8 !important;
+
+}
+
+.md-search__options {
+    width: 0;
+    padding: 0;
+}
+
+.md-search__suggest {
+    width: 0;
+    padding: 0;
+}
+
+ .md-search__inner {
+     width: 2.1rem;
+ }
+
+.md-search__input::placeholder {
+    color: transparent !important; /*  Hide the Search placeholder*/
+}
+
+.md-header__source {
+    margin-left: 0 !important;
+}
+
+.md-header {
+    background: #F8F8F8 !important;
+}
+
+.md-tabs {
+    border-bottom: none !important;
+    background: #F8F8F8 !important;
+}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -26,15 +26,13 @@ theme:
   name: material
   custom_dir: overrides
   features:
-    - announce.dismiss
     - content.action.edit
     - content.action.view
     - content.code.annotate
     - content.code.copy
     - content.code.select
     - content.footnote.tooltips
     - content.tooltips
-    - navigation.footer
     - navigation.indexes
     - navigation.sections
     - navigation.tabs
@@ -43,12 +41,12 @@ theme:
     - search.highlight
     - search.share
     - search.suggest
-    - toc.follow
   palette:
     primary: white
     scheme: slate
   icon:
-    logo: logo
+    logo: fontawesome/solid/house
+    annotation: fontawesome/solid/circle-info
   language: en
 
 # Plugins
@@ -108,6 +106,9 @@ markdown_extensions:
   - pymdownx.tasklist:
       custom_checkbox: true
   - pymdownx.tilde
+  - pymdownx.emoji:
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
 
 nav:
   - AI Validation Team: index.md

diff --git a/overrides/assets/javascripts/custom.js b/overrides/assets/javascripts/custom.js
@@ -2386,7 +2386,7 @@
             r.subscribe(({active: o}) => {
                 o.hidden = !1
             }), navigator.userAgent.includes("Gecko/") && Ke(e).pipe(A(({y: o}) => o > 1), ne()).subscribe(o => {
-                let n = Ye("hero");
+                // let n = Ye("hero");
                 // n.hidden = o
             });
             let t = Z(":scope > :nth-child(2)", e);
@@ -2434,7 +2434,16 @@
         circles_container.appendChild(person_circle);
     }
 
-    const imagePaths = ["./img/anne.png", "./img/berry.jpeg", "./img/christopher.jpeg", "./img/laurens.jpeg", "./img/ravi.jpg", "./img/renate.jpg", "./img/robbert_bos.jpeg", "./img/robbert_uittenbroek.jpeg", "./img/ruben.png", // Change here when people leave the active team
+    const imagePaths = ["./img/anne.png",
+                                "./img/berry.jpeg",
+                                "./img/christopher.jpeg",
+                                "./img/laurens.jpeg",
+                                "./img/ravi.jpg",
+                                "./img/renate.jpg",
+                                "./img/robbert_bos.jpeg",
+                                "./img/robbert_uittenbroek.jpeg",
+                                "./img/ruben.png",
+                                // Change here when people leave the active team
     ];
 
     imagePaths.forEach(imagePath => {

diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
@@ -9,7 +9,15 @@
 
 .md-content__inner {
     margin-bottom: 0;
-    padding: 5.2rem 0
+}
+
+.mdx-parallax__group{
+    padding-top: 2rem;
+    padding-bottom: 3rem;
+}
+
+.mdx-parallax__group:first-child{
+    padding-top: calc(4rem + 52.8px); /* Add the height of the navigation to the first parallax */
 }
 
 .md-content__inner:before {
@@ -55,44 +63,12 @@
     transform-style: preserve-3d
 }
 
-.mdx-parallax__group:last-child {
-    background-color: var(--md-default-bg-color)
-}
-
-.mdx-parallax__layer {
-    height: max(120vh, 100vw);
-    pointer-events: none;
-    position: absolute;
-    top: 0;
-    transform: translateZ(calc(var(--md-parallax-perspective) * var(--md-parallax-depth) * -1)) scale(calc(var(--md-parallax-depth) + 1));
-    transform-origin: 50vw 50vh;
-    width: 100vw;
-    z-index: calc(10 - var(--md-parallax-depth, 0))
-}
-
-.mdx-parallax__image {
-    display: block;
-    height: 100%;
-    object-fit: cover;
-    object-position: var(--md-image-position, 50%);
-    position: absolute;
-    width: 100%;
-    z-index: -1
-}
-
-.mdx-parallax__blend {
-    background-image: linear-gradient(to bottom, #FFFFFF, var(--md-default-bg-color));
-    bottom: 0;
-    height: min(100vh, 100vw);
-    top: auto
-}
-
-.mdx-content__column:last-child {
-    margin-top: 2.4rem
+.mdx-content__column {
+    max-width: 50%;
 }
 
-.mdx-content__column p:last-child {
-    margin-bottom: 0
+.mdx-content-amt__column {
+    max-width: 60%;
 }
 
 @media screen and (min-width: 60em) {
@@ -109,11 +85,6 @@
     .mdx-content__column:first-child {
         flex: 2 0
     }
-
-    .mdx-content__column:last-child {
-        flex: 1 0;
-        margin-top: 0
-    }
 }
 
 .mdx-ai-val {
@@ -228,12 +199,6 @@
     }
 }
 
-/*[data-md-color-primary] .md-tabs {*/
-/*    background-color: initial;*/
-/*    position: absolute;*/
-/*    top: 2.4rem*/
-/*}*/
-
 .ai-val-team-page-person-circles-container {
   display: flex; /* Plaats de cirkels naast elkaar */
   justify-content: center; /* Centreer de cirkels horizontaal */
@@ -242,7 +207,7 @@
 }
 
 .ai-val-amt-screenshot {
-    max-width: 50%;
+    max-width: 60%;
     margin: auto;
 }
 
@@ -253,11 +218,29 @@
     margin: 0 -20px; /* Overlap van 20px aan elke kant */
 }
 
-.md-header {
-    background: #FFFFFF !important;
+
+.md-tabs__item--active {
+    font-weight: bold;
+}
+
+.ai-val-ada-logo{
+    max-width: 60% !important;
 }
 
-.md-tabs {
-    border-bottom: none !important;
+.ai-val-h1{
+    font-size: 3em !important;
 }
+
+.ai-val-h2{
+    font-size: 2.5em !important;
+}
+
+.md-typeset h1 {
+    margin: 0 0 0.5em !important;
+}
+
+.mdx-content-centralized_column{
+    margin: 0 auto;
+}
+
 /* cSpell: enable */
diff --git a/overrides/home.html b/overrides/home.html
@@ -7,10 +7,9 @@
 <link rel="stylesheet" href="{{ 'assets/stylesheets/home.css' | url }}">
 <script>"Apple Computer, Inc." === navigator.vendor && document.documentElement.classList.add("safari")</script>
 {% endblock %}
-{% block announce %}{% endblock %}
 {% block hero %}
 {% include "partials/parallax.html" %}
 {% endblock %}
 {% block tabs %}{% endblock %}
 {% block content %}{% endblock %}
-{% block footer %}{% endblock %}
+<!--{% block footer %}{% endblock %}-->
diff --git a/overrides/partials/header.html b/overrides/partials/header.html
diff --git a/overrides/partials/parallax.html b/overrides/partials/parallax.html
@@ -4,7 +4,5 @@
     {% include "partials/parallax/ai-act_decision_tree.html" %}
     {% include "partials/parallax/the_team.html" %}
     {% include "partials/parallax/way_of_working.html" %}
-    <div class="mdx-parallax__group" data-md-color-scheme="slate">
-        {% include "partials/footer.html" %}
-    </div>
 </div>
+{% include "partials/footer.html" %}
diff --git a/overrides/partials/parallax/ai-act_decision_tree.html b/overrides/partials/parallax/ai-act_decision_tree.html
@@ -2,8 +2,8 @@
     <div class="md-content md-grid" data-md-component="content">
         <div class="md-content__inner mdx-content__inner">
             <div class="mdx-content__column">
-                <header class="md-typeset ai-val-ai-act-tree-content" hidden>
-                    <h1 id="ai-act-decision-tree">
+                <header class="md-typeset ai-val-ai-act-tree-content">
+                    <h1 class="ai-val-h2" id="ai-act-decision-tree">
                         AI-act decision tree
                     </h1>
                 </header>