Merge branch 'colour-scheme-reup' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io into colour-scheme-reup

Updated "Services we offer" section inline with #63

See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!24

src/_includes/footer.html

@@ -5,8 +5,9 @@
       <a class="named-anchor" name="contact"></a>
         <h3>Get in Touch</h3>
         Contact us to discuss your project's needs and arrange a consultation.
-        <a href="mailto:helo@autonomic.zone">helo@autonomic.zone</a></br>
-        <a href="{{ '/assets/pgp/autonomic-key.asc' | relative_url }}">PGP key</a><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
+        <a href="mailto:helo@autonomic.zone">helo@autonomic.zone</a></br></br>
+        <a href="{{ '/assets/pgp/autonomic-key.asc' | relative_url }}">PGP key:</a>
+        <code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
 
       <ul class="icons" style="margin-bottom: 0; padding-top: 1em">
         <li>
@@ -32,15 +33,16 @@
       <div class="cotech-box">
         <a href="https://www.coops.tech/">
           <img class="cotech-logo" src="{{ '/assets/images/CoTech-white-logo.png' | relative_url }}" alt="CoTech"/>
-          <span class="cotech-text">Member of Cotech</span>
+          <span class="cotech-text">Member of the Cotech Network</span>
         </a>
       </div>
       <div style="vertical-align: bottom;">
         <address>
-          Autonomic Co-operative</br>
+          Autonomic Co-operative Limited</br>
           1539 Pershore Road</br>
-          Stirchley</br>
-          B30 2JH
+          Birmingham</br>
+          B30 2JH</br>
+          United Kingdom</br>
         </address>
       </div>
     </div>

src/assets/js/main.js

@@ -85,7 +85,7 @@
             }
           },
           color: {
-            value: "#f99081"
+            value: "#ff5555"
           },
           shape: {
             type: "circle",
@@ -125,7 +125,7 @@
           line_linked: {
             enable: true,
             distance: 250,
-            color: "#f99081",
+            color: "#ff5555",
             opacity: 0.8,
             width: 2
           },

src/assets/styles/components/_banner.scss

@@ -104,7 +104,7 @@ body.is-loading {
 .particle {
   position: relative;
   user-select: none;
-  background: _palette(accent3, bg);
+  background: _palette(bg);
 
   @include breakpoint(medium) {
     background: none;

src/assets/styles/libs/_drac.scss

@@ -0,0 +1,13 @@
+$background: #282a36;
+$current-line: #44475a;
+$selection: #44475a;
+$foreground: #f8f8f2;
+$dark-foreground: mix($foreground, #000, 90%);
+$comment: #6272a4;
+$cyan: #8be9fd;
+$green: #50fa7b;
+$orange: #ffb86c;
+$pink: #ff79c6;
+$purple: #bd93f9;
+$red: #ff5555;	
+$yellow: #f1fa8c;

src/assets/styles/libs/_vars.scss

@@ -1,3 +1,5 @@
+@import "drac";
+
 // Misc.
   $misc: (
     max-spotlights:   10,
@@ -31,20 +33,20 @@
 
 // Palette.
   $palette: (
-    bg:         #29335C,
-    fg:         #fff,
-    fg-bold:      #fff,
-    fg-light:     rgba(255,255,255,0.5),
-    border:       #fff,
+    bg:         $background,
+    fg:         $foreground,
+    fg-bold:      $foreground,
+    fg-light:     rgba($foreground, 0.5),
+    border:       $foreground,
     border-bg:      rgba(144,144,144,0.25),
-    border2:      #fff,
+    border2:      $foreground,
     border2-bg:     rgba(144,144,144,0.5),
 
     accent1: (
-      bg:       #F3A712,
+      bg:       $pink,
       fg-bold:    #ffffff,
-      fg:       mix(#F3A712, #ffffff, 25%),
-      fg-light:   mix(#F3A712, #ffffff, 40%),
+      fg:       mix($pink, #ffffff, 25%),
+      fg-light:   mix($pink, #ffffff, 40%),
       border:     rgba(0,0,0,0.125),
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),
@@ -63,10 +65,10 @@
     ),
 
     accent3: (
-      bg:       #ed4933,
-      fg-bold:    #ffffff,
-      fg:       mix(#ed4933, #ffffff, 25%),
-      fg-light:   mix(#ed4933, #ffffff, 40%),
+      bg:       $red,
+      fg-bold:    $foreground,
+      fg:       #282a36,//mix($nord11, #ffffff, 25%),
+      fg-light:   #282a36,
       border:     rgba(0,0,0,0.125),
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),
@@ -74,10 +76,10 @@
     ),
 
     accent4: (
-      bg:       #25558C,
-      fg-bold:    #ffffff,
-      fg:       mix(#25558C, #ffffff, 25%),
-      fg-light:   mix(#25558C, #ffffff, 40%),
+      bg:       mix(#44475a, #000, 50%),
+      fg-bold:    $foreground,
+      fg:       $dark-foreground,
+      fg-light:   $dark-foreground,
       border:     rgba(0,0,0,0.125),
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),
@@ -87,8 +89,8 @@
     accent5: (
       bg:       #e2e2e2,
       fg-bold:    #ffffff,
-      fg:       mix(#F3A712, #ffffff, 25%),
-      fg-light:   mix(#F3A712, #ffffff, 40%),
+      fg:       mix($pink, #ffffff, 25%),
+      fg-light:   mix($pink, #ffffff, 40%),
       border:     rgba(0,0,0,0.125),
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),