Australian-Structural-Biology-Computing · supernord · Jul 10, 2025 · Jul 9, 2025 · Jul 9, 2025 · Jul 9, 2025
diff --git a/_config.yml b/_config.yml
@@ -38,7 +38,7 @@ defaults:
 
 theme_variables: 
   # git_host: GitHub
-  # back_to_top: true
+   back_to_top: true
   # privacy_statement_url: /privacy
   # github_buttons: 
   #   position: top

diff --git a/_includes/section-navigation-tiles_mod.html b/_includes/section-navigation-tiles_mod.html
@@ -10,20 +10,17 @@
     <div class="page-tiles-list">
       {%- for page in pages_to_add_as_tiles -%}
       {%- if page.type == include.type %}
-        <a href="{{ page.url | relative_url }}" class="page-tile-link">
-          <div class="page-tile-item">
+      <a href="{{ page.url | relative_url }}" class="page-tile-link">
+          <div class="page-tile-item page-tile-item-{{ page.roadmap_category | default: none }}">
             <div class="page-tile-content">
               <h3 class="page-tile-title" style="margin-top: 0.0rem">{{ page.title }}</h3>
               {% if page.description %}
               <p class="page-tile-description">{{ page.description }}</p>
               {% endif %}
-              {% if page.roadmap %}
-              <p class="page-tile-roadmap">{{ page.roadmap }}</p>
-              {% endif %}
             </div>
           </div>
-        </a>
-      {%- endif %}
+      </a>
+      {% endif %}
       {%- endfor -%}
     </div>
   </div>
@@ -44,34 +41,43 @@ <h3 class="page-tile-title" style="margin-top: 0.0rem">{{ page.title }}</h3>
   }
 
   .page-tile-item {
-           border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 25px;
            transition: all 0.3s ease;
-           background: #012152;
+           background: #9c9c9c;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
+           border: 1px solid #ffffff;
   }
 
-  .page-tile-item:hover {
-           transform: translateY(-4px);
-           box-shadow: 0 8px 25px rgba(0,0,0,0.1);
-           border-color: #012152;
+  .page-tile-item-none {
+           background: #9c9c9c;
+  }
+
+  .page-tile-item-D1 {
+           background: #a4c2f4ff;
+  }
+
+  .page-tile-item-D2 {
+           background: #6d9eebff;
+  }
+
+    .page-tile-item-D3 {
+           background: #1155ccff;
   }
 
-  .page-tile-roadmap {
-           display: inline-block;
-           font-size: 0.7rem;
-           font-weight: 700;
-           padding: 4px 10px;
-           background-color: #eef2f9;
-           color: #012152;
-           border-radius: 20px;
-           margin-bottom: 6px;
+    .page-tile-item-D4 {
+           background: #1c4587ff;
   }
 
+  .page-tile-item:hover {
+           transform: translateY(-4px);
+           box-shadow: 0 8px 25px rgba(0,0,0,0.1);
+           border: 1px solid #000000;
+  }
+
   .page-tile-title {
            color: #ffffff;
            font-size: 1.3rem;

diff --git a/_includes/tiles-simple.html b/_includes/tiles-simple.html
@@ -1,14 +1,58 @@
-<div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-2 gx-4 my-4 navigation-tiles">
-    {%- if include.yaml %}
-    {%- assign tiles = site.data.tiles[include.target] %}
-    {% else %}
-    {%- assign tiles = page[include.target] %}
-    {%- endif %}
-    {%- for item in tiles %}
-    {%- if item.title %}
-    <div class="col d-grid">
-        <a role="button" class="btn font-size-sm py-4 fs-3" href="{{ item.url | relative_url }}">{{item.title}}</a>
+{%- if include.yaml %}
+{%- assign tiles = site.data.tiles[include.target] %}
+{% else %}
+{%- assign tiles = page[include.target] %}
+{%- endif %}
+<div class="simple-tiles">
+    <div class="simple-tiles-container">
+        <div class="simple-tiles-list row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-2 gx-4 my-4">
+            {%- for item in tiles %}
+            {%- if item.title %}
+                <a href="{{ item.url | relative_url }}" class="simple-tile-link">
+                    <div class="simple-tile-item">
+                        <div class="simple-tile-content">
+                            <p class="simple-tile-title" style="font-size: 2.0rem; text-align: center">{{ item.title }}</p>
+                        </div>
+                    </div>
+                </a>
+            {%- endif %}
+            {%- endfor %}
+        </div>
     </div>
-    {%- endif %}
-    {%- endfor %}
 </div>
+
+
+<style>
+
+  .simple-tile-link {
+          text-decoration: none;
+          color: inherit;
+          display: flex;
+  }
+
+  .simple-tile-item {
+           border: 1px solid #e0e0e0;
+           border-radius: 12px;
+           padding: 25px;
+           transition: all 0.3s ease;
+           background: #1c4587ff;
+           width: 100%;
+           display: flex;
+           flex-direction: column;
+           justify-content: space-between;
+  }
+
+  .simple-tile-item:hover {
+           transform: translateY(-4px);
+           box-shadow: 0 8px 25px rgba(0,0,0,0.1);
+           border-color: #012152;
+  }
+
+  .simple-tile-title {
+           color: #ffffff;
+           font-weight: 400;
+           margin-top: 0px;
+           margin-bottom: 0px;
+  }
+
+</style>
diff --git a/index.md b/index.md
@@ -13,7 +13,7 @@ tiles:
 
 This website is a virtual meeting place and hub for all users of **computing for structural biology research in Australia**. This is a collective community effort. It can be what we make it!
 
-{% include tiles-simple.html target = "tiles" col = "1" %}
+{% include tiles-simple.html target = "tiles" col = "2" %}
 
 
 ## Upcoming Events

diff --git a/pages/activities.md b/pages/activities.md
@@ -1,10 +1,69 @@
 ---
-title: Community Activities
+title: Community activities
 page_id: activities
 #type: resources
 toc: false
 ---
 
+<div class="legend-item legend-item-1">
+    <div class="legend-tile-content-1">
+        <p class="legend-title" style="text-align: center">Roadmap deliverable 1: An Australian Structural Biology community space capable of fostering collaboration and knowledge sharing</p>
+    </div>
+</div>
+<div class="legend-item legend-item-2">
+    <div class="legend-tile-content-2">
+        <p class="legend-title" style="text-align: center">Roadmap deliverable 2: A computational structural biology training program, developed in conjunction with the community</p>
+    </div>
+</div>
+<div class="legend-item legend-item-3">
+    <div class="legend-tile-content-3">
+        <p class="legend-title" style="text-align: center">Roadmap deliverable 3: A shared platform, or platforms, for computational structural biology</p>
+    </div>
+</div>
+<div class="legend-item legend-item-4">
+    <div class="legend-tile-content-4">
+        <p class="legend-title" style="text-align: center">Roadmap deliverable 4: Alignment, adoption and contribution to global best-practice efforts</p>
+    </div>
+</div>
+
+<style>
+
+.legend-item {
+    border: 1px solid #e0e0e0;
+    border-radius: 12px;
+    width: 90%;
+    background: #a4c2f4ff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-bottom: 2px;
+    margin: auto;
+  }
+
+.legend-item-1 {
+    background: #a4c2f4ff;;
+  }
+
+.legend-item-2 {
+    background: #6d9eebff;
+  }
+
+.legend-item-3 {
+    background: #1155ccff;
+  }
+
+.legend-item-4 {
+    background: #1c4587ff;
+  }
+
+.legend-title {
+    color: #ffffff;
+    font-size: 0.9rem;
+    font-weight: 600;
+    margin: 4px;
+  }
+
+</style>
 
 ## In progress
 

diff --git a/pages/activities/batch_structure_prediction.md b/pages/activities/batch_structure_prediction.md
@@ -3,6 +3,7 @@ title: Batch Structure Prediction Workflows
 description: Developing optimized batch workflows for structure prediction.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3A)
+roadmap_category: D3
 contributors: [Ziad Al-Bkhetan, Mitchell O'Brien, Joshua Storm Caley, Keiran Rowell, Cameron Hyde, Thomas Litfin]
 toc: false
 ---

diff --git a/pages/activities/bindcraft_access.md b/pages/activities/bindcraft_access.md
@@ -3,6 +3,7 @@ title: Community Access to BindCraft
 description: Increasing community access to an end-to-end solution for protein binder design.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3Ac)
+roadmap_category: D3
 contributors: [Ziad Al-Bkhetan, Thomas Litfin]
 toc: false
 ---

diff --git a/pages/activities/infrastructure_roadmap.md b/pages/activities/infrastructure_roadmap.md
@@ -3,6 +3,7 @@ title: Infrastructure Roadmap
 description: Draft and publish an Australian infrastructure roadmap for addressing computational challenges facing structural biology.
 type: activity_in_progress
 roadmap: Community co-authored document
+roadmap_category: none
 toc: false
 ---
 

diff --git a/pages/activities/nci_data_collections.md b/pages/activities/nci_data_collections.md
@@ -3,6 +3,7 @@ title: NCI Data Collection
 description: Create a stable release of up-to-date reference data (with DOI) at the NCI.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3F)
+roadmap_category: D3
 contributors: [Matthew Downton, Kisaru Liyanage, Wenjing Xue, Joshua Storm Caley, Thomas Litfin]
 toc: false
 ---

diff --git a/pages/activities/nci_ood_proteinfold.md b/pages/activities/nci_ood_proteinfold.md
@@ -3,6 +3,7 @@ title: OpenOnDemand GUI ProteinFold app
 description: Create and adapt a pilot ProteinFold app for OpenOnDemand.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3Ac)
+roadmap_category: D3
 contributors: [Matthew Downton, Kisaru Liyanage, Wenjing Xue, Joshua Storm Caley, Keiran Rowell, Thomas Litfin]
 toc: false
 ---

diff --git a/pages/activities/nfcore_proteinfold.md b/pages/activities/nfcore_proteinfold.md
@@ -3,6 +3,7 @@ title: nf-core ProteinFold v2.0 Release
 description: Contribute towards, and locally deploy, v2.0 of nf-core ProteinFold workflow.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3A)
+roadmap_category: D3
 contributors: [Ziad Al-Bkhetan, Mitchell O'Brien, Joshua Storm Caley, Keiran Rowell, Thomas Litfin]
 toc: false
 ---

diff --git a/pages/activities/nfcore_proteinfold_pawsey.md b/pages/activities/nfcore_proteinfold_pawsey.md
@@ -3,6 +3,7 @@ title: nf-core ProteinFold at Pawsey
 description: Deploy nf-core ProteinFold workflow at Pawsey Supercomputing Research Centre.
 type: activity_in_progress
 roadmap: A shared platform, or platforms (Roadmap D3Ab)
+roadmap_category: D3
 contributors: [Sarah Beecroft, Joshua Storm Caley]
 toc: false
 ---

diff --git a/pages/activities/protein_design_seminars.md b/pages/activities/protein_design_seminars.md
@@ -3,6 +3,7 @@ title: Protein Design Seminar Series (2025)
 description: Community members will host a monthly seminar series to share knowledge on protein design strategies.
 type: activity_in_progress
 roadmap: A computational structural biology training program (Roadmap D2)
+roadmap_category: D2
 contributors: [Rhys Grinter, Gavin Knott, Cyntia Taveneau, Josh Hardy, Kate Michie, Johan Gustafsson, Melissa Burke]
 toc: false
 ---

diff --git a/pages/join_conversation.md b/pages/join_conversation.md
@@ -14,6 +14,8 @@ If you would like to, there are multiple ways to join the conversation:
 
 {% include tiles-simple.html col = "2" target = "tiles" %}
 
+<br>
+
 If you join the mailing list (below), you will receive community updates and automatic community meeting invitations.
 
 ### Mailing list
-Original file line number
+Diff line change
@@ Expand Up @@
     {% include tiles-simple.html col = "2" target = "tiles" %}
+    <br>
     If you join the mailing list (below), you will receive community updates and automatic community meeting invitations.
     ### Mailing list
@@ Expand Down @@