logo a sx

themes/maya0x17/static/ruotalogo.js

@@ -16,7 +16,7 @@ document.addEventListener('DOMContentLoaded', function() {
   var logo = document.getElementById('logo-img')
   logo.classList.add('rotate')
   function ruotaLogo() {
-    logo.style.transform = 'rotate(' + window.pageYOffset/2+'deg)'
+    logo.style.transform = 'rotate(' + -window.pageYOffset/2+'deg)'
   }
   function scrollSetup() {
     "use strict";

themes/maya0x17/static/theme.scss

@@ -60,16 +60,6 @@ $c-links: $c-titles;
 
 
 
-#all-wrapper {
-    h1,h2,h3,strong,b { color: $c-titles; }
-    h4,h5,h6 {
-        color: $c-smalltitles;
-    }
-    h1,h2,h3 {
-            font-family: 'Caesar Dressing', Helvetica, cursive;
-    }
-    strong { font-weight: 800; }
-}
 body {
     margin-top: 3rem;
     background-color: $c-bg;
@@ -85,6 +75,14 @@ h1 > (a, a:focus, a:active) { color: $c-titles; }
     padding-left: 2vw;
     max-width: 50em;
     margin: auto;
+    h1,h2,h3,strong,b { color: $c-titles; }
+    h4,h5,h6 {
+        color: $c-smalltitles;
+    }
+    h1,h2,h3 {
+            font-family: 'Caesar Dressing', Helvetica, cursive;
+    }
+    strong { font-weight: 800; }
 }
 #menu-row {
     display: none;
@@ -108,7 +106,7 @@ h1 > (a, a:focus, a:active) { color: $c-titles; }
 #logo-div {
     position: fixed;
     top: 5vw;
-    right: -6.5vw;
+    left: -6.5vw;
 
     border-radius: 50%;
     box-shadow: 0px 0 1.3vw black;