Merge pull request #260 from noi-techpark/design-guidelines

add design guidelines to nav and add logos
noi-techpark · Dec 13, 2024 · 9886962 · 9886962
2 parents e55dcbc + 7a33010
commit 9886962
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/config/_default/config.yml b/src/config/_default/config.yml
@@ -220,6 +220,11 @@ menu:
       URL: /community/get-involved
       weight: 6
 
+    - parent: community
+      name: Design Guidelines
+      URL: /community/design-guidelines
+      weight: 7
+
     # --- Events ---
     - identifier: events
       URL: /events

diff --git a/src/content/design-guidelines/_index.md b/src/content/design-guidelines/_index.md
@@ -2,7 +2,7 @@
 
 ---
 position: "Community"
-
+aliases: /design-guidelines
 title: "Design Guidelines"
 subtitle: "Explore our Design Guidelines to understand the principles and best practices for creating consistent and user-friendly designs. Learn how to align your projects with our standards and ensure a seamless user experience."
 

diff --git a/src/themes/odh-fbe/layouts/design-guidelines/list.html b/src/themes/odh-fbe/layouts/design-guidelines/list.html
@@ -121,11 +121,11 @@ <h1 type="button" data-bs-toggle="collapse" data-bs-target="#logos-content" aria
     <div class="video collapse" id="logos-content">
     <div class="row gy-4 py-4">
         <div class="col-lg-4 col-md-6 col-12 flex-column">
-            <img src="https://cloud.opendatahub.com/index.php/apps/files_sharing/publicpreview/dimRZHxYYw8rc6b?file=/NOI_OPENDATAHUB_NEW_BK-01.png&fileId=379818&x=1920&y=1200&a=true" alt=""/>
+            <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS43ODFtbSIgaGVpZ2h0PSIzOS43MjVtbSIgdmlld0JveD0iMCAwIDExMi43NjQgMTEyLjYwNSI+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0yNS4yNTYsNDIuNTMxYzAtNy43ODMsNS4yMjktMTQuODg5LDE0LjgwOS0xNC44ODlzMTQuNzY5LDcuMDI2LDE0Ljc2OSwxNC43M2MwLDcuNzgzLTUuMDMsMTUuMDA4LTE0LjY1LDE1LjAwOC05LjU4LS4wNC0xNC45MjgtNy4xMDUtMTQuOTI4LTE0Ljg0OW0yMy4xOTEsMGMwLTUuMzQ5LTIuNDc1LTkuOTc5LTguMjIzLTkuOTc5cy04LjQ2Miw0LjQ3MS04LjQ2Miw5LjgyYzAsNS4zODgsMi42MzQsMTAuMDU5LDguMzQzLDEwLjA1OSw1Ljc0OCwwLDguMzQyLTQuNTUxLDguMzQyLTkuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIvPg0KICAgIDxwYXRoIGQ9Ik02MC4yMjMsMjguMTYxaDkuNDJjNi4yMjcsMCwxMC45NzcsMi44NzQsMTAuOTc3LDkuMDYxLDAsNi4yMjctNC41MTEsOS40MjEtMTEuNjU2LDkuNDIxSDY2LjMzVjU2Ljg2MUg2MC4yMjNabTguODIxLDEzLjg1MWMzLjgzMiwwLDUuNDY5LTEuNTU2LDUuNDY5LTQuNzUsMC0yLjg3NC0xLjYtNC40Ny01LjM0OS00LjQ3SDY2LjMzdjkuMjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUuMjU2IC0yNy42NDIpIi8+DQogICAgPHBvbHlnb24gcG9pbnRzPSI2MC40NzQgMC41MTkgNzcuMDM5IDAuNTE5IDc3LjAzOSA1LjUwOCA2Ni40NjEgNS41MDggNjYuNDYxIDExLjk3NSA3NS43NjIgMTEuOTc1IDc1Ljc2MiAxNi43MjUgNjYuNDYxIDE2LjcyNSA2Ni40NjEgMjQuMTg5IDc3LjMxOSAyNC4xODkgNzcuMzE5IDI5LjE3OSA2MC40NzQgMjkuMTc5IDYwLjQ3NCAwLjUxOSIvPg0KICAgIDxwYXRoIGQ9Ik0xMDguNTIyLDI4LjE2MWg2LjEwN0wxMjQuOTY3LDQzLjAxYTQ3LjA0Myw0Ny4wNDMsMCwwLDEsMi45OTQsNC44M2guMDhjLS4wNC0uNC0uMTYtMi4zMTUtLjE2LTQuNTFWMjguMTYxaDUuNTA5djI4LjdoLTUuNTQ5TDExNi43MDUsNDAuOTM1Yy0xLjU1Ny0yLjE1Ni0yLjM5NS0zLjc1My0yLjc1NS00LjMxMWgtLjA4Yy4wNC40LjE2LDIuMDM1LjE2LDMuODMydjE2LjRoLTUuNTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIvPg0KICAgIDxwYXRoIGQ9Ik0yNi44NTIsNjUuNzYzaDguNjYyYzExLjMsMCwxNi40MDYsNS42NjgsMTYuNDA2LDEzLjk3MSwwLDguMjYyLTUuMjI5LDE0LjcyOS0xNi42MDUsMTQuNzI5SDI2Ljg1MlptOC45LDIzLjgzYzYuNDY2LDAsOS43MzktMy4zMTMsOS43MzktOS43LDAtNi40MjYtMy4xNTMtOS4yNi05LjkzOS05LjI2SDMyLjkydjE4Ljk2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIvPg0KICAgIDxwYXRoIGQ9Ik02NS41NzEsNjUuNzYzaDUuODY4TDgyLjcsOTQuNDYzSDc2LjA2OWwtMS45NTUtNS4zODlINjIuNjU3bC0xLjkxNiw1LjM4OUg1NC42MzRaTTcyLjM1Nyw4NC4ybC0yLjQ3NS02LjgyNmMtLjkxOC0yLjQ3NC0xLjI3Ny00LjMxMS0xLjU1Ni00Ljk0OWgtLjA4Yy0uMi42NzgtLjY3OSwyLjYzNC0xLjUxNyw0Ljk0OUw2NC4yOTQsODQuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiLz4NCiAgICA8cG9seWdvbiBwb2ludHM9IjY4LjAxOCA0My4xMSA2MC4wNzUgNDMuMTEgNjAuMDc1IDM4LjEyIDgxLjk4OSAzOC4xMiA4MS45ODkgNDMuMTEgNzQuMTI1IDQzLjExIDc0LjEyNSA2Ni44MiA2OC4wMTggNjYuODIgNjguMDE4IDQzLjExIi8+DQogICAgPHBhdGggZD0iTTEyMC45LDY1Ljc2M2g1Ljg2OGwxMS4yNTYsMjguN2gtNi42MjZsLTEuOTU2LTUuMzg5SDExNy45ODJsLTEuOTE2LDUuMzg5aC02LjEwN1pNMTI3LjY4Miw4NC4ybC0yLjQ3NS02LjgyNmMtLjkxOC0yLjQ3NC0xLjI3OC00LjMxMS0xLjU1Ny00Ljk0OWgtLjA0Yy0uMi42NzgtLjY3OCwyLjYzNC0xLjUxNyw0Ljk0OUwxMTkuNjU4LDg0LjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUuMjU2IC0yNy42NDIpIi8+DQogICAgPHBvbHlnb24gcG9pbnRzPSIxLjU5NyA3NC41MjQgNy45NDMgNzQuNTI0IDcuOTQzIDg5Ljc3MiAyNi42NjQgODkuNzcyIDI2LjY2NCA3NC41MjQgMzMuMDExIDc0LjUyNCAzMy4wMTEgMTExLjk2NiAyNi42NjQgMTExLjk2NiAyNi42NjQgOTUuMDAyIDcuOTQzIDk1LjAwMiA3Ljk0MyAxMTEuOTY2IDEuNTk3IDExMS45NjYgMS41OTcgNzQuNTI0Ii8+DQogICAgPHBhdGggZD0iTTY5LjA0NCwxMjUuMzE4VjEwMi4xNjdoNi4zNDdWMTI0LjcyYzAsNi45ODUsMi43MTQsMTAuMjU4LDkuMSwxMC4yNTgsNi4wNjcsMCw4Ljc4MS0zLjgzMiw4Ljc4MS05LjY2VjEwMi4xNjdoNS45MDhWMTI0LjhjMCw5LjctNC44MywxNS40NDgtMTQuODQ5LDE1LjQ0OC0xMC41MzguMDQtMTUuMjg4LTUuNTg4LTE1LjI4OC0xNC45MjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiLz4NCiAgICA8cGF0aCBkPSJNMTEwLjc1NywxMDIuMTY3aDExLjNjNi45ODYsMCwxMi42NTQsMi40MzUsMTIuNjU0LDkuMzQsMCw0LjY3LTIuNTk1LDcuMzQ1LTYuNzA2LDguNDIzdi4xMTljNC41NS43MTksOC4yNjMsMy44MzIsOC4yNjMsOS4xLDAsNy42MjQtNS45MDgsMTAuNDU5LTE0LjM3LDEwLjQ1OUgxMTAuNzU3Wk0xMjEuMywxMTcuODU0YzQuOTEsMCw3LjAyNS0xLjc1Niw3LjAyNS01LjUwOSwwLTMuNTkyLTIuMzU1LTUuMTg5LTYuOS01LjE4OWgtNC40MzF2MTAuN1ptLjM1OSwxNi43NjVjNS40MjksMCw4LjE0My0xLjY3Nyw4LjE0My01Ljc4OCwwLTMuOTUyLTIuMTk1LTYuMTg3LTcuODIzLTYuMTg3aC00Ljk5djExLjk3NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiLz4NCiAgPC9nPg0KPC9zdmc+DQo=" alt=""/>
             <h5>Black</h5>
         </div>
         <div class="col-lg-4 col-md-6 col-12 flex-column">
-            <img class="bg-black" src="https://cloud.opendatahub.com/index.php/apps/files_sharing/publicpreview/dimRZHxYYw8rc6b?file=/NOI_OPENDATAHUB_NEW_WH-01.png&fileId=379827&x=1920&y=1200&a=true" alt=""/>
+            <img class="bg-black" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS43ODFtbSIgaGVpZ2h0PSIzOS43MjVtbSIgdmlld0JveD0iMCAwIDExMi43NjQgMTEyLjYwNSI+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0yNS4yNTYsNDIuNTMxYzAtNy43ODMsNS4yMjktMTQuODg5LDE0LjgwOS0xNC44ODlzMTQuNzY5LDcuMDI2LDE0Ljc2OSwxNC43M2MwLDcuNzgzLTUuMDMsMTUuMDA4LTE0LjY1LDE1LjAwOC05LjU4LS4wNC0xNC45MjgtNy4xMDUtMTQuOTI4LTE0Ljg0OW0yMy4xOTEsMGMwLTUuMzQ5LTIuNDc1LTkuOTc5LTguMjIzLTkuOTc5cy04LjQ2Miw0LjQ3MS04LjQ2Miw5LjgyYzAsNS4zODgsMi42MzQsMTAuMDU5LDguMzQzLDEwLjA1OSw1Ljc0OCwwLDguMzQyLTQuNTUxLDguMzQyLTkuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIgZmlsbD0iI2ZmZiIvPg0KICAgIDxwYXRoIGQ9Ik02MC4yMjMsMjguMTYxaDkuNDJjNi4yMjcsMCwxMC45NzcsMi44NzQsMTAuOTc3LDkuMDYxLDAsNi4yMjctNC41MTEsOS40MjEtMTEuNjU2LDkuNDIxSDY2LjMzVjU2Ljg2MUg2MC4yMjNabTguODIxLDEzLjg1MWMzLjgzMiwwLDUuNDY5LTEuNTU2LDUuNDY5LTQuNzUsMC0yLjg3NC0xLjYtNC40Ny01LjM0OS00LjQ3SDY2LjMzdjkuMjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUuMjU2IC0yNy42NDIpIiBmaWxsPSIjZmZmIi8+DQogICAgPHBvbHlnb24gcG9pbnRzPSI2MC40NzQgMC41MTkgNzcuMDM5IDAuNTE5IDc3LjAzOSA1LjUwOCA2Ni40NjEgNS41MDggNjYuNDYxIDExLjk3NSA3NS43NjIgMTEuOTc1IDc1Ljc2MiAxNi43MjUgNjYuNDYxIDE2LjcyNSA2Ni40NjEgMjQuMTg5IDc3LjMxOSAyNC4xODkgNzcuMzE5IDI5LjE3OSA2MC40NzQgMjkuMTc5IDYwLjQ3NCAwLjUxOSIgZmlsbD0iI2ZmZiIvPg0KICAgIDxwYXRoIGQ9Ik0xMDguNTIyLDI4LjE2MWg2LjEwN0wxMjQuOTY3LDQzLjAxYTQ3LjA0Myw0Ny4wNDMsMCwwLDEsMi45OTQsNC44M2guMDhjLS4wNC0uNC0uMTYtMi4zMTUtLjE2LTQuNTFWMjguMTYxaDUuNTA5djI4LjdoLTUuNTQ5TDExNi43MDUsNDAuOTM1Yy0xLjU1Ny0yLjE1Ni0yLjM5NS0zLjc1My0yLjc1NS00LjMxMWgtLjA4Yy4wNC40LjE2LDIuMDM1LjE2LDMuODMydjE2LjRoLTUuNTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIgZmlsbD0iI2ZmZiIvPg0KICAgIDxwYXRoIGQ9Ik0yNi44NTIsNjUuNzYzaDguNjYyYzExLjMsMCwxNi40MDYsNS42NjgsMTYuNDA2LDEzLjk3MSwwLDguMjYyLTUuMjI5LDE0LjcyOS0xNi42MDUsMTQuNzI5SDI2Ljg1MlptOC45LDIzLjgzYzYuNDY2LDAsOS43MzktMy4zMTMsOS43MzktOS43LDAtNi40MjYtMy4xNTMtOS4yNi05LjkzOS05LjI2SDMyLjkydjE4Ljk2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI1NiAtMjcuNjQyKSIgZmlsbD0iI2ZmZiIvPg0KICAgIDxwYXRoIGQ9Ik02NS41NzEsNjUuNzYzaDUuODY4TDgyLjcsOTQuNDYzSDc2LjA2OWwtMS45NTUtNS4zODlINjIuNjU3bC0xLjkxNiw1LjM4OUg1NC42MzRaTTcyLjM1Nyw4NC4ybC0yLjQ3NS02LjgyNmMtLjkxOC0yLjQ3NC0xLjI3Ny00LjMxMS0xLjU1Ni00Ljk0OWgtLjA4Yy0uMi42NzgtLjY3OSwyLjYzNC0xLjUxNyw0Ljk0OUw2NC4yOTQsODQuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiIGZpbGw9IiNmZmYiLz4NCiAgICA8cG9seWdvbiBwb2ludHM9IjY4LjAxOCA0My4xMSA2MC4wNzUgNDMuMTEgNjAuMDc1IDM4LjEyIDgxLjk4OSAzOC4xMiA4MS45ODkgNDMuMTEgNzQuMTI1IDQzLjExIDc0LjEyNSA2Ni44MiA2OC4wMTggNjYuODIgNjguMDE4IDQzLjExIiBmaWxsPSIjZmZmIi8+DQogICAgPHBhdGggZD0iTTEyMC45LDY1Ljc2M2g1Ljg2OGwxMS4yNTYsMjguN2gtNi42MjZsLTEuOTU2LTUuMzg5SDExNy45ODJsLTEuOTE2LDUuMzg5aC02LjEwN1pNMTI3LjY4Miw4NC4ybC0yLjQ3NS02LjgyNmMtLjkxOC0yLjQ3NC0xLjI3OC00LjMxMS0xLjU1Ny00Ljk0OWgtLjA0Yy0uMi42NzgtLjY3OCwyLjYzNC0xLjUxNyw0Ljk0OUwxMTkuNjU4LDg0LjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUuMjU2IC0yNy42NDIpIiBmaWxsPSIjZmZmIi8+DQogICAgPHBvbHlnb24gcG9pbnRzPSIxLjU5NyA3NC41MjQgNy45NDMgNzQuNTI0IDcuOTQzIDg5Ljc3MiAyNi42NjQgODkuNzcyIDI2LjY2NCA3NC41MjQgMzMuMDExIDc0LjUyNCAzMy4wMTEgMTExLjk2NiAyNi42NjQgMTExLjk2NiAyNi42NjQgOTUuMDAyIDcuOTQzIDk1LjAwMiA3Ljk0MyAxMTEuOTY2IDEuNTk3IDExMS45NjYgMS41OTcgNzQuNTI0IiBmaWxsPSIjZmZmIi8+DQogICAgPHBhdGggZD0iTTY5LjA0NCwxMjUuMzE4VjEwMi4xNjdoNi4zNDdWMTI0LjcyYzAsNi45ODUsMi43MTQsMTAuMjU4LDkuMSwxMC4yNTgsNi4wNjcsMCw4Ljc4MS0zLjgzMiw4Ljc4MS05LjY2VjEwMi4xNjdoNS45MDhWMTI0LjhjMCw5LjctNC44MywxNS40NDgtMTQuODQ5LDE1LjQ0OC0xMC41MzguMDQtMTUuMjg4LTUuNTg4LTE1LjI4OC0xNC45MjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiIGZpbGw9IiNmZmYiLz4NCiAgICA8cGF0aCBkPSJNMTEwLjc1NywxMDIuMTY3aDExLjNjNi45ODYsMCwxMi42NTQsMi40MzUsMTIuNjU0LDkuMzQsMCw0LjY3LTIuNTk1LDcuMzQ1LTYuNzA2LDguNDIzdi4xMTljNC41NS43MTksOC4yNjMsMy44MzIsOC4yNjMsOS4xLDAsNy42MjQtNS45MDgsMTAuNDU5LTE0LjM3LDEwLjQ1OUgxMTAuNzU3Wk0xMjEuMywxMTcuODU0YzQuOTEsMCw3LjAyNS0xLjc1Niw3LjAyNS01LjUwOSwwLTMuNTkyLTIuMzU1LTUuMTg5LTYuOS01LjE4OWgtNC40MzF2MTAuN1ptLjM1OSwxNi43NjVjNS40MjksMCw4LjE0My0xLjY3Nyw4LjE0My01Ljc4OCwwLTMuOTUyLTIuMTk1LTYuMTg3LTcuODIzLTYuMTg3aC00Ljk5djExLjk3NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNS4yNTYgLTI3LjY0MikiIGZpbGw9IiNmZmYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=" alt=""/>
             <h5>White</h5>
         </div>
     </div>
@@ -165,7 +165,8 @@ <h5> The left side contains the Open Data Hub logo followed by a horizontal navi
                     Data Consumers, 
                     Partnerships, 
                     Contributor of the Year, 
-                    Get Involved  
+                    Get Involved,  
+                    Design Guidelines
                     <br>
                     <br>
                     <b>Events</b>: