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

Design guidelines
noi-techpark · Feb 5, 2025 · e714712 · e714712
2 parents 3d2bdfb + 6741baa
commit e714712
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/themes/odh-fbe/layouts/community/design-guidelines/list.html b/src/themes/odh-fbe/layouts/community/design-guidelines/list.html
@@ -9,13 +9,13 @@
 {{ partial "title.html" .Params }}
 <br>
 <div class="container py-2">
-    <h3 type="button" style="margin-bottom: 16px;" data-bs-toggle="collapse" data-bs-target="#colors-content" aria-expanded="false" aria-controls="" class="d-inline video-section-title" id="colors">
+    <h3 type="button" style="margin-bottom: 16px;" data-bs-toggle="collapse" data-bs-target="#colors-content" aria-expanded="true" aria-controls="#colors-content" class="d-inline video-section-title" id="colors">
         <a href="#colors" class="anchor-link">
             <strong>Colors</strong>
         </a>
         <i class="fa fa-caret-up ms-1" aria-hidden="false"></i>
     </h3>
-    <div class="video collapse" id="colors-content">
+    <div class="video collapse show" id="colors-content">
         <div class="row">
             <div class="col-md-3 col-sm-6 col-12 mb-3">
                 <div class="border border-black text-center py-3" style="background-color: #212529; color: white;">
@@ -278,7 +278,7 @@ <h3 type="button" style="margin-bottom: 16px;" data-bs-toggle="collapse" data-bs
             </ul>
 
             <ul><li><b>Open Data Hub logo</b>, which links the platform to its parent organisation.</li></ul>
-            <div class="row" style="width: 50%;">
+            <div class="row" style="width: 50%;" data-bs-toggle="modal" data-bs-target="#modal-{{ .Params.img_footer | sha1 }}">
                 {{ partial "img-enlargeable" (dict "img_back" .Params.img_header) }}
             </div>    
     </div>
@@ -312,8 +312,8 @@ <h3 type="button" style="margin-bottom: 16px;" data-bs-toggle="collapse" data-bs
                 <li>Font color #212529</li>
             </ul>
         </ul>
-        <div class="row" style="width: 50%;">
-        {{ partial "img-enlargeable" (dict "img_back" .Params.img_footer) }}
+        <div class="row" style="width: 50%;" data-bs-toggle="modal" data-bs-target="#modal-{{ .Params.img_footer | sha1 }}">
+            {{ partial "img-enlargeable" (dict "img_back" .Params.img_footer) }}
         </div>
     </div>
 </div>

diff --git a/src/themes/odh-fbe/static/css/custom.css b/src/themes/odh-fbe/static/css/custom.css
@@ -153,7 +153,7 @@ footer a:hover {
 }
 
 footer .bg {
-  background-color: #F4F8F9;
+  background-color: #f3f3f3;
 }
 
 footer .text-muted,