Merge pull request #545 from ACCESS-Hive/dev/external_review

External review comments addressed

docs/community_resources/index.md

@@ -1,32 +1,35 @@
 # Community Resources
 
-<!-- {% include "call_contribute.md" %} -->
-
-In this area of the Hive, we collect content that is not currated by us, but may be helpful for the community. You can [contribute](../contribute/index.md) to this part of the Hive too!
-
 <div class="card-container">
-    <a href="glossaries" class="vertical-card aspect-ratio1to1">
+    <a href="https://forum.access-hive.org.au/" class="vertical-card aspect-ratio1to1" target="_blank">
         <div class="card-image-container">
-            <img class="img-cover" src="../assets/glossary.png" alt="Glossaries">
+            <img class="img-cover" src="../assets/forum_screenshot.png" alt="ACCESS-Hive Forum">
         </div>
-        <div class="card-text-container   bold">Glossaries</div>
-    </a>    
+        <div class="card-text-container   bold">ACCESS-Hive Forum</div>
+    </a>
     <a href="community_working_groups" class="vertical-card aspect-ratio1to1">
         <div class="card-image-container">
-            <img class="img-cover" src="../assets/community_workinggroups.jpg" alt="Working Groups">
+            <img class="img-contain white-background" src="../assets/community_workinggroups.jpg" alt="Working Groups">
         </div>
         <div class="card-text-container   bold">Working Groups</div>
     </a>
-    <a href="https://www.access-nri.org.au/community/events/" class="vertical-card aspect-ratio1to1" target="_blank">
-        <div class="card-image-container">
-            <img class="img-cover" src="../assets/events_2.jpg" alt="Events">
-        </div>
-        <div class="card-text-container   bold">Events</div>
-    </a>
     <a href="community_med" class="vertical-card aspect-ratio1to1">
         <div class="card-image-container">
             <img class="img-cover" src="../assets/community_medlinks.jpg" alt="Model Evaluation Links">
         </div>
         <div class="card-text-container   bold">Model Evaluation Links</div>
     </a>
+    <a href="glossaries" class="vertical-card aspect-ratio1to1">
+        <div class="card-image-container">
+            <img class="img-cover" src="../assets/glossary.png" alt="Glossaries">
+        </div>
+        <div class="card-text-container   bold">Glossaries</div>
+    </a>
+    <a href="https://www.access-nri.org.au/community/events/" class="vertical-card aspect-ratio1to1" target="_blank">
+        <div class="card-image-container">
+            <img class="img-cover" src="../assets/events_2.jpg" alt="Events">
+        </div>
+        <div class="card-text-container   bold">Events</div>
+    </a>
+
 </div>

docs/css/access-nri.css

@@ -160,14 +160,15 @@
 .card-container > * {
   border: var(--border-width) solid var(--card-borders);
   border-radius: 0.6rem;
-  box-shadow: 6px 6px 10px var(--card-shadows);
+  box-shadow: 0.28rem 0.28rem 0.45rem var(--card-shadows);
   overflow: hidden;
 }
 
 /* Single card hover */
 .card-container > *:hover {
   border-color: var(--md-accent-fg-color);
-  box-shadow: 10px 10px 10px var(--card-shadows-hover);
+  box-shadow: 0.5rem 0.5rem 0.5rem var(--card-shadows);
+  box-shadow: 0.35rem 0.35rem 0.45rem 0.07rem var(--card-shadows);
   transition-property: all;
   transition-duration: 0.4s;
 }
@@ -251,6 +252,27 @@
   margin-bottom: 0.5em;
 }
 
+/* Text card */
+.text-card {
+  color: var(--md-default-fg-color) !important;
+  font-size: 1.4em;
+  border: var(--border-width) solid var(--card-borders);
+  border-radius: 0.6rem;
+  box-shadow: 0.28rem 0.28rem 0.45rem var(--card-shadows);
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0.5rem;
+  width: max-content;
+  height: 2.5rem;
+}
+.text-card:hover {
+  border-color: var(--md-accent-fg-color);
+  box-shadow: 0.35rem 0.35rem 0.45rem 0.07rem var(--card-shadows);
+  transition-property: all;
+  transition-duration: 0.4s;
+}
 /* =============================================================== 
   Main body
 */
@@ -545,9 +567,18 @@ h1.homepage {
 .md-header__title {
   margin: 0 0.2em 0 0.3em !important;
   flex-shrink: 1;
-  overflow: hidden;
   position: relative;
 }
+.md-header__img {
+  justify-content: center;
+  align-items: center;
+  margin: 0 0.2em 0 0.3em;
+  flex-shrink: 1;
+  position: relative;
+}
+.md-header__img img {
+  max-height: 2rem;
+}
 
 /* Main logo */
 .md-header__button.md-logo {
@@ -685,6 +716,7 @@ h1.homepage {
 .header-btn >:last-child {
   flex-basis: 75%;
   text-align: center;
+  white-space: nowrap;
 }
 
 /* =============================================================== 
@@ -864,17 +896,21 @@ pre:has(code):hover > button {
 */
 .external-link::after {
   font-family: "fontello";
-  content: '\e803';
+  content: '\e804';
   vertical-align: super;
   font-size: 0.5em;
-  margin-left: 0.3em;
-  display: inline-block;
-  transform: rotate(-45deg);
+  margin-left: 0.2em;
+  display: inline;
 }
 
 /* =============================================================== 
   Miscellaneous
 */
+img.intro-img {
+  max-height: 14rem;
+  display: block;
+  margin: 0 auto;
+}
 
 /* Aspect ratios */
 .aspect-ratio1to1 {
@@ -887,8 +923,7 @@ pre:has(code):hover > button {
 
 /* Gifs, videos and example images (For example the ones in 'how to run' a model */
 .example-img {
-  width: 100% !important;
-  height: auto !important;
+  width: 100%;
   border-radius: 0.6rem;
 }
 
@@ -911,7 +946,7 @@ pre:has(code):hover > button {
 
 /* Add padding to image container */
 .with-padding {
-  padding: 0.5em;
+  padding: 0.4rem;
 }
 
 .bold {
@@ -1055,3 +1090,21 @@ pre:has(code):hover > button {
     gap: 1rem;
   }
 }
+
+@media screen and (width > 400px) {
+  /* Hide logo in title */
+  .md-header__img {
+    display: none;
+  }
+}
+
+@media screen and (width <= 400px) {
+  /* Show logo in title */
+  .md-header__title {
+    display: none;
+  }
+  /* Hide text in title */
+  .md-header__img {
+    display: flex;
+  }
+}

docs/fontello/LICENSE.txt

@@ -19,12 +19,3 @@ Font license info
    Homepage:  http://zocial.smcllns.com/
 
 
-## Web Symbols
-
-   Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
-
-   Author:    Just Be Nice studio
-   License:   SIL (http://scripts.sil.org/OFL)
-   Homepage:  http://www.justbenicestudio.com/
-
-

docs/fontello/config.json

@@ -25,15 +25,23 @@
       "src": "entypo"
     },
     {
-      "uid": "74b2f1d1ee541715b3f389f7cdf63d1c",
+      "uid": "70a69602cdb2f1140d89ae05e74abcb7",
       "css": "logout",
-      "code": 59395,
-      "src": "websymbols"
+      "code": 59396,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M478.4 90.3C395.9 90.3 315.3 114.7 246.8 160.5 178.3 206.3 124.8 271.4 93.3 347.6 61.7 423.8 53.5 507.6 69.6 588.4 85.6 669.3 125.3 743.6 183.6 801.9 241.9 860.1 316.2 899.8 397.1 915.9 477.9 932 561.7 923.8 637.9 892.2 714.1 860.7 779.2 807.2 825 738.7 870.8 670.1 895.2 589.5 895.2 507.1L765 507.1C765 580.4 737 653.8 681 709.7 569.1 821.7 387.7 821.7 275.7 709.7 163.8 597.8 163.8 416.4 275.7 304.5 331.7 248.5 405 220.5 478.4 220.5L478.4 90.3ZM890.7 377.7L890.7 94.7 607.8 94.7 694 180.9 423.1 451.8 533.6 562.4 804.6 291.5 890.7 377.7Z",
+        "width": 1000
+      },
+      "search": [
+        "logout"
+      ]
     },
     {
       "uid": "2b8ed219b6f23b5db8f5718ff9ce5aeb",
       "css": "key",
-      "code": 59396,
+      "code": 59395,
       "src": "custom_icons",
       "selected": true,
       "svg": {
@@ -57,6 +65,34 @@
       "search": [
         "group-1"
       ]
+    },
+    {
+      "uid": "ea3281c8fad6d95a224d7b1e2eefc840",
+      "css": "logout",
+      "code": 59395,
+      "src": "custom_icons",
+      "selected": false,
+      "svg": {
+        "path": "M478.4 90.3C395.9 90.3 315.3 114.7 246.8 160.5 178.3 206.3 124.8 271.4 93.3 347.6 61.7 423.8 53.5 507.6 69.6 588.4 85.6 669.3 125.3 743.6 183.6 801.9 241.9 860.1 316.2 899.8 397.1 915.9 477.9 932 561.7 923.8 637.9 892.2 714.1 860.7 779.2 807.2 825 738.7 870.8 670.1 895.2 589.5 895.2 507.1H765C765 580.4 737 653.8 681 709.7 569.1 821.7 387.7 821.7 275.7 709.7 163.8 597.8 163.8 416.4 275.7 304.5 331.7 248.5 405 220.5 478.4 220.5L478.4 90.3ZM883.7 433.4H890.7L890.7 94.7 552.1 94.7V101.8L662.6 212.4 423.1 451.8 533.6 562.4 773.1 322.9 883.7 433.4Z",
+        "width": 1000
+      },
+      "search": [
+        "logout"
+      ]
+    },
+    {
+      "uid": "6dafb31a7599df19dc850647412f2572",
+      "css": "logout",
+      "code": 59395,
+      "src": "custom_icons",
+      "selected": false,
+      "svg": {
+        "path": "M478.4 90.3C395.9 90.3 315.3 114.7 246.8 160.5 178.3 206.3 124.8 271.4 93.3 347.6 61.7 423.8 53.5 507.6 69.6 588.4 85.6 669.3 125.3 743.6 183.6 801.9 241.9 860.1 316.2 899.8 397.1 915.9 477.9 932 561.7 923.8 637.9 892.2 714.1 860.7 779.2 807.2 825 738.7 870.8 670.1 895.2 589.5 895.2 507.1L765 507.1C765 580.4 737 653.8 681 709.7 569.1 821.7 387.7 821.7 275.7 709.7 163.8 597.8 163.8 416.4 275.7 304.5 331.7 248.5 405 220.5 478.4 220.5L478.4 90.3ZM890.7 409.1L890.7 94.7 576.4 94.7 678.3 196.6 423.1 451.8 533.6 562.4 788.8 307.2 890.7 409.1Z",
+        "width": 1000
+      },
+      "search": [
+        "logout"
+      ]
     }
   ]
 }

docs/fontello/css/fontello-codes.css

@@ -2,6 +2,6 @@
 .icon-alert:before { content: '\e800'; } /* '' */
 .icon-cc:before { content: '\e801'; } /* '' */
 .icon-cc-by:before { content: '\e802'; } /* '' */
-.icon-logout:before { content: '\e803'; } /* '' */
-.icon-key:before { content: '\e804'; } /* '' */
+.icon-key:before { content: '\e803'; } /* '' */
+.icon-logout:before { content: '\e804'; } /* '' */
 .icon-group-1:before { content: '\e805'; } /* '' */

docs/fontello/css/fontello-ie7-codes.css

@@ -2,6 +2,6 @@
 .icon-alert { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cc-by { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-group-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

docs/fontello/css/fontello-ie7.css

@@ -13,6 +13,6 @@
 .icon-alert { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cc-by { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-group-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

docs/fontello/css/fontello.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?31780772');
-  src: url('../font/fontello.eot?31780772#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?31780772') format('woff2'),
-       url('../font/fontello.woff?31780772') format('woff'),
-       url('../font/fontello.ttf?31780772') format('truetype'),
-       url('../font/fontello.svg?31780772#fontello') format('svg');
+  src: url('../font/fontello.eot?18498176');
+  src: url('../font/fontello.eot?18498176#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff2?18498176') format('woff2'),
+       url('../font/fontello.woff?18498176') format('woff'),
+       url('../font/fontello.ttf?18498176') format('truetype'),
+       url('../font/fontello.svg?18498176#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,7 +15,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?31780772#fontello') format('svg');
+    src: url('../font/fontello.svg?18498176#fontello') format('svg');
   }
 }
 */
@@ -57,6 +57,6 @@
 .icon-alert:before { content: '\e800'; } /* '' */
 .icon-cc:before { content: '\e801'; } /* '' */
 .icon-cc-by:before { content: '\e802'; } /* '' */
-.icon-logout:before { content: '\e803'; } /* '' */
-.icon-key:before { content: '\e804'; } /* '' */
+.icon-key:before { content: '\e803'; } /* '' */
+.icon-logout:before { content: '\e804'; } /* '' */
 .icon-group-1:before { content: '\e805'; } /* '' */

docs/fontello/demo.html

@@ -146,11 +146,11 @@
     }
     @font-face {
       font-family: 'fontello';
-      src: url('./font/fontello.eot?94335739');
-      src: url('./font/fontello.eot?94335739#iefix') format('embedded-opentype'),
-           url('./font/fontello.woff?94335739') format('woff'),
-           url('./font/fontello.ttf?94335739') format('truetype'),
-           url('./font/fontello.svg?94335739#fontello') format('svg');
+      src: url('./font/fontello.eot?69715648');
+      src: url('./font/fontello.eot?69715648#iefix') format('embedded-opentype'),
+           url('./font/fontello.woff?69715648') format('woff'),
+           url('./font/fontello.ttf?69715648') format('truetype'),
+           url('./font/fontello.svg?69715648#fontello') format('svg');
       font-weight: normal;
       font-style: normal;
     }
@@ -221,12 +221,12 @@ <h1>fontello <small>font demo</small></h1>
           <i class="demo-icon icon-cc-by">&#xe802;</i> <span class="i-name">icon-cc-by</span><span class="i-code">0xe802</span>
         </div>
         <div class="span3" title="Code: 0xe803">
-          <i class="demo-icon icon-logout">&#xe803;</i> <span class="i-name">icon-logout</span><span class="i-code">0xe803</span>
+          <i class="demo-icon icon-key">&#xe803;</i> <span class="i-name">icon-key</span><span class="i-code">0xe803</span>
         </div>
       </div>
       <div class="row">
         <div class="span3" title="Code: 0xe804">
-          <i class="demo-icon icon-key">&#xe804;</i> <span class="i-name">icon-key</span><span class="i-code">0xe804</span>
+          <i class="demo-icon icon-logout">&#xe804;</i> <span class="i-name">icon-logout</span><span class="i-code">0xe804</span>
         </div>
         <div class="span3" title="Code: 0xe805">
           <i class="demo-icon icon-group-1">&#xe805;</i> <span class="i-name">icon-group-1</span><span class="i-code">0xe805</span>