Merge pull request #19 from To1ne/dark-mode

Dark mode tweaks

Author: dscho

assets/sass/dark-mode.css

@@ -77,7 +77,7 @@
 
             // the images in the About section would be too dark
             body#about {
-                img:not([alt="Git"]) {
+                img:not(.no-filter) {
                     filter: brightness(0.9) contrast(0.6) invert(1);
                 }
 

assets/sass/layout.scss

@@ -329,12 +329,21 @@ footer {
   padding: 20px 0 40px;
   margin-top: 35px;
   clear: both;
-  @include clearfix;
   font-size: 12px;
   line-height: $base-line-height * 0.7;
   color: var(--light-font-color);
   border-top: solid 1px var(--base-border-color);
 
+  &:before {
+    content: "</>";
+    color: var(--light-font-color);
+    float: left;
+    font-family: monospace;
+    font-size: 24px;
+    letter-spacing: -4px;
+    padding: 5px;
+  }
+
   a {
     color: var(--light-font-color-darker-35);
 
@@ -345,8 +354,6 @@ footer {
 
   .site-source {
     float: left;
-    padding-left: 46px;
-    @include background-image-2x($baseurl + "images/icons/code", 38px, 23px, 0 2px);
   }
 
   .sfc-member {

content/about/data-assurance.html

@@ -17,7 +17,7 @@ <h2>Data Assurance</h2>
     checksum when checked back out. It's impossible to get anything out of Git
     other than the <strong>exact bits you put in</strong>.
     </p>
-    <img height="522" src="{{< relurl "images/[email protected]" >}}" width="628">
+    <img class="no-filter" height="522" src="{{< relurl "images/[email protected]" >}}" width="628">
     <p>
     It is also impossible to change any file, date, commit message, or any other
     data in a Git repository without changing the IDs of everything after it.

layouts/partials/header.html

@@ -1,6 +1,6 @@
 <header>
 
-  <a href="{{ relURL "" }}"><img src="{{ relURL "images/[email protected]" }}" width="110" height="46" alt="Git" /></a>
+  <a href="{{ relURL "" }}"><img src="{{ relURL "images/[email protected]" }}" width="110" height="46" alt="Git" class="no-filter" /></a>
   <span id="tagline"></span>
   <script type="text/javascript">
     const taglines = [