Merge pull request FiQCI#35 from FiQCI/ft-ui-updates

update bckgrd color and image effect

_config.yml

@@ -17,7 +17,7 @@ minimal_mistakes_skin    : "air" # "air", "aqua", "contrast", "dark", "dirt", "n
 # Site Settings
 locale                   : "en-GB"
 title                    : ""
-title_separator          : "-"
+title_separator          : ""
 subtitle                 : # site tagline that appears below site title in masthead
 name                     : "The FiQCI Consortium"
 description              : "Web presence of the Finnish Quantum-Computing Infrastructure"

_includes/seo.html

@@ -4,7 +4,7 @@
 {%- endif -%}
 {%- assign seo_url = seo_url | default: site.github.url -%}
 
-{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
+{% assign title_separator = site.title_separator | default: '' | replace: '|', '|' %}
 
 {%- if page.title -%}
   {%- assign seo_title = page.title | append: " " | append: title_separator | append: " " | append: site.title -%}

_layouts/default.html

@@ -57,19 +57,21 @@
     </div>
 
     {% include scripts.html %}
-    <script>
-      async function getHelmiStatus() {
-        const response = await fetch("https://fiqci-backend-fiqci-workspace.rahtiapp.fi/healthcheck")
-        const result = await response.json();
-        if (result?.data) {
-          const {data: { status }} = result;
-          document.getElementById("helmi_status").innerHTML= status ? "🟢" : "🔴";
-        } else{
-          document.getElementById("helmi_status").innerHTML="🔴";
+    {% if page.title == "Status" %}
+      <script>
+        async function getHelmiStatus() {
+          const response = await fetch("https://fiqci-backend-fiqci-workspace.rahtiapp.fi/healthcheck")
+          const result = await response.json();
+          if (result?.data) {
+            const {data: { status }} = result;
+            document.getElementById("helmi_status").innerHTML= status ? "🟢" : "🔴";
+          } else{
+            document.getElementById("helmi_status").innerHTML="🔴";
           }
         }
-      getHelmiStatus();
-    </script>
+        getHelmiStatus();
+      </script>
+    {% endif %}
 
   </body>
 </html>

_pages/landing-page.md

@@ -43,8 +43,5 @@ feature_row:
 
 <!-- [Read more here](posts/2022-10-31-Helmi-pilot/). -->
 
-<p style="text-align:center"> <a href="_posts/2022-11-01-Helmi-pilot/">  <font size="+3"> Read more here </font></a> </p>
-
-
 {% include feature_row %}
 

_posts/2023-07-17-Helmi-SW-update.md

@@ -1,7 +1,7 @@
 ---
 title: 'Helmi Software Update'
 date: 2023-07-17
-permalink: /_pages/status/Helmi-SW-update/
+permalink: /_posts/2023-07-17-Helmi-SW-update/
 header:
   teaser: /assets/images/access-icon.png
 published: true
@@ -30,7 +30,7 @@ The new software allows for additional new changes:
 
 - Job initialization time should now be reduced.
 - [Job metadata can be queried](https://docs.csc.fi/computing/quantum-computing/helmi/running-on-helmi/#job-metadata).
-- [Readout Heralding](https://arxiv.org/abs/1202.5541) has been implemented to filter out state preparation errors. It can be used by setting it in the [backend options](https://iqm-finland.github.io/qiskit-on-iqm/user_guide.html#running-a-quantum-circuit-on-an-iqm-quantum-computer). For the description of the option see [here](https://iqm-finland.github.io/iqm-client/api/iqm_client.iqm_client.HeraldingMode.html).
+- [Readout Heralding](https://arxiv.org/abs/1202.5541) has been implemented to filter out state preparation errors. It can be used by setting it in the [backend options](https://iqm-finland.github.io/qiskit-on-iqm/user_guide.html#running-a-quantum-circuit-on-an-iqm-quantum-computer). For the description of the option see [here](https://iqm-finland.github.io/iqm-client/api/iqm.iqm_client.iqm_client.HeraldingMode.html).
 - A fake backend with noise model has been added called `FakeAdonis`. See [here](https://iqm-finland.github.io/qiskit-on-iqm/user_guide.html#noisy-simulation-of-quantum-circuit-execution) for more information. Only available through Qiskit!
 - [Batched job submission and parameterized circuits](https://iqm-finland.github.io/qiskit-on-iqm/user_guide.html#more-advanced-examples).
 - You can get the latest figures of merit using this helpful [script](https://github.com/FiQCI/helmi-examples/blob/main/scripts/get_calibration_data.py)

_sass/minimal-mistakes/_archive.scss

@@ -93,6 +93,11 @@
   img {
     width: 100%;
   }
+  // &:hover {
+  //   img {
+  //     transform: scale(1.1);
+  //   }
+  // }
 }
 
 .archive__item-caption {

_sass/minimal-mistakes/_footer.scss

@@ -14,7 +14,7 @@
   animation: $intro-transition;
   -webkit-animation-delay: 0.45s;
   animation-delay: 0.45s;
-  background-color: $footer-background-color;
+  background: $footer-background-color;
 
   footer {
     @include clearfix;

_sass/minimal-mistakes/skins/_air.scss

@@ -6,9 +6,10 @@
 $background-color: #eeeeee !default;
 $text-color: #222831 !default;
 $muted-text-color: #393e46 !default;
-$primary-color: #0092ca !default;
+$primary-color: #2f5a9f !default;
 $border-color: mix(#fff, #393e46, 75%) !default;
-$footer-background-color: $primary-color !default;
+$colour-gradient: linear-gradient(to right, #3f69ad, #2647a2);
+$footer-background-color: $colour-gradient !default;
 $link-color: #393e46 !default;
 $masthead-link-color: $text-color !default;
 $masthead-link-color-hover: $text-color !default;