From 65c654fede4aaac819802ba29eac04f2c7af2da0 Mon Sep 17 00:00:00 2001
From: n07070 <social+git@n07070.xyz>
Date: Mon, 18 Jul 2022 02:36:32 +0200
Subject: [PATCH] Fix white theme and borders uniformity

---
 assets/css/style.css       | 34 ++++++++++++++++------------------
 layouts/_default/home.html |  2 ++
 layouts/_default/li.html   |  3 +--
 3 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 978a7da..9ef04ac 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -16,17 +16,15 @@
 body {
     font-family: Avenir, HelveticaNeue-Light, "Helvetica Neue Light",
                  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-    /* color: #454545; */
+    color: #454545;
     font-size: 1.1em;
-    background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white;
-    background-color: #C9C8C8;
     background-size: 22px 22px;
     margin: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
-    box-sizing: border-box;
+    /* box-sizing: border-box; */
     word-break: break-word;
 }
 
@@ -54,7 +52,7 @@ p {
     width: 100%;
     background-color: white;
     border-radius: 1.2rem;
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+    /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */
 }
 .home-faceshot {
     margin: 0;
@@ -168,10 +166,10 @@ p {
     max-width: 50rem;
     /* border-radius: 1.2rem; */
     z-index: 2;
-    transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
+    /* transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); */
 
     border: solid;
-    border-width: 1px;
+    border-width: 3px;
     border-color: black;
 }
 
@@ -204,13 +202,12 @@ p {
     /* margin: 3rem 0; */
     width: 100%;
     max-width: 50rem;
-    box-sizing: border-box;
+    /* /* box-sizing: border-box; */ */
     background-color: white;
     text-decoration: none;
     /* border-radius: 1.2rem; */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
-    /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */
+    /* transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); */
 }
 .home-card {
     padding: 0.8em;
@@ -225,7 +222,7 @@ p {
     display: flex;
 
     border: solid;
-    border-color: grey;
+    border-color: black;
     border-width: 3px;
 
     flex-direction: column;
@@ -260,7 +257,7 @@ p {
     text-align: center;
     padding: 0.77em 0;
     width: 100%;
-    box-sizing: border-box;
+    /* /* box-sizing: border-box; */ */
     margin: 0;
     color: white;
     background-color: rgba(0, 0, 0, 0.4);
@@ -321,11 +318,11 @@ p {
     background-color: #FFF;
     text-decoration: none;
     border-radius: 0.3rem;
-    transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+    /* transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); */
+    /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */
 }
 .button:hover {
-    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12), 0 0.05rem 0.1rem rgba(0,0,0,0.24);
+    /* box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12), 0 0.05rem 0.1rem rgba(0,0,0,0.24); */
     transform: scale(0.97);
 }
 .button:active {
@@ -338,12 +335,12 @@ p {
 .side-padding {
     padding-left: 1.2rem !important;
     padding-right: 1.2rem !important;
-    box-sizing: border-box !important;
+    /* /* box-sizing: border-box !important; */ */
 }
 .side-text-padding {
     padding-left: 1.2rem !important;
     padding-right: 1.2rem !important;
-    box-sizing: border-box !important;
+    /* /* box-sizing: border-box !important; */ */
 }
 .small-pic {
     display: block;
@@ -529,8 +526,9 @@ footer h3 {
         flex-direction: row;
         align-items: stretch;
         border: solid;
-        border-color: grey;
+        border-color: black;
         border-width: 3px;
+        border-style: solid;
     }
     .card-img {
         margin: 0;
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index f8039ba..f52cd52 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}" dir="ltr">
+
   {{ partial "head.html" . }}
+  
   <body class="list-body">
 
     <main class="card-container side-gutter">
diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index 32e9e74..e646543 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -1,5 +1,4 @@
-<a
-  href="{{ .Permalink }}" class="card blog-card blog-card-feed" rel="bookmark" >
+<a href="{{ .Permalink }}" class="card blog-card blog-card-feed" rel="bookmark" >
   <div class="card-img-container">
       {{ with .Resources.GetMatch "featuredImage" }}
     <picture>