From 50e0db94c6389b82cae7173add116a5e4dacc721 Mon Sep 17 00:00:00 2001
From: Peter Molnar <hello@petermolnar.eu>
Date: Sun, 17 Jun 2018 20:24:35 +0000
Subject: [PATCH] "animation" for contrast change

---
 templates/block_header_close.html |  3 +--
 templates/style-dark.css          | 14 ++++----------
 templates/style-light.css         |  4 ++++
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/templates/block_header_close.html b/templates/block_header_close.html
index dc9ed65..c6d5494 100644
--- a/templates/block_header_close.html
+++ b/templates/block_header_close.html
@@ -6,9 +6,8 @@
     </style>
     <script>
         function toggleStylesheet(trigger){
-            var curr = document.querySelector('#light').getAttribute("media");
             var setto = 'all';
-            if (curr == 'all') {
+            if (document.querySelector('#light').getAttribute("media") == 'all') {
                 setto = 'none';
             }
             document.querySelector('#light').setAttribute("media", setto);
diff --git a/templates/style-dark.css b/templates/style-dark.css
index d931a3c..23a3273 100644
--- a/templates/style-dark.css
+++ b/templates/style-dark.css
@@ -271,6 +271,10 @@ code {
     padding: 0;
 }
 
+.contrast.active {
+    transform: rotate(180deg);
+}
+
 .contrast a {
     color: #ccc;    
 }
@@ -409,7 +413,6 @@ figure figcaption {
     margin-right: 1em;
 }
 
-
 .content-footer img {
     width: 1em;
 }
@@ -433,24 +436,16 @@ body script {
     margin: 0;
 }
 
-/*
-.h-feed .h-entry {
-    margin-left: 1em;
-}
-*/
-
 .h-feed h2,
 .h-entry.singular .e-content h2 {
     border-bottom: 2px solid #999;
 }
 
-
 .h-feed h3,
 .h-entry.singular .e-content h3 {
     border-bottom: 1px dotted #777;
 }
 
-
 .h-feed > h1 {
     display: none;
 }
@@ -485,7 +480,6 @@ body script {
 .follow {
     display: block;
     text-align: right;
-
 }
 
 .donation ul {
diff --git a/templates/style-light.css b/templates/style-light.css
index 2394f73..626f4bf 100644
--- a/templates/style-light.css
+++ b/templates/style-light.css
@@ -39,3 +39,7 @@ pre {
 .h-entry.singular h1 a {
     color: #111;
 }
+
+.contrast svg {
+    transform: rotate(180deg);
+}
\ No newline at end of file