From b0d23f0f9daf2935de56646e599d40ff641cbbce Mon Sep 17 00:00:00 2001
From: David Luevano Alvarado <david@luevano.xyz>
Date: Sat, 17 Jul 2021 17:01:07 -0600
Subject: forgot to update repo

---
 static/css/style.css                    |  41 +++++++++++++++++++++++---------
 static/css/theme.css                    |  22 +++++++++++++++++
 static/images/a/hand_sketches.png       | Bin 0 -> 1282263 bytes
 static/images/a/hand_sketches_small.png | Bin 0 -> 371409 bytes
 static/images/crypto/bitcoin.png        | Bin 0 -> 972 bytes
 5 files changed, 52 insertions(+), 11 deletions(-)
 create mode 100755 static/images/a/hand_sketches.png
 create mode 100755 static/images/a/hand_sketches_small.png
 create mode 100644 static/images/crypto/bitcoin.png

(limited to 'static')

diff --git a/static/css/style.css b/static/css/style.css
index 915a1f2..5a18881 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -52,6 +52,12 @@ a{
   text-decoration: none;
 }
 
+mark,
+mark * {
+  background: none;
+  animation: mark-rainbow 2s linear infinite;
+}
+
 body > header,
 body > footer,
 main {
@@ -75,15 +81,10 @@ main.art p {
 /* article/art elements */
 div.article-info,
 div.art-info {
-  line-height: 0.3;
+  line-height: 0.5;
   font-size: smaller;
 }
 
-div.article-info > div.article-tags,
-div.art-info > div.art-tags {
-  font-size: larger;
-}
-
 
 /* nav bar / header */
 body > header {
@@ -253,11 +254,6 @@ img.wrap-left {
   float: left;
 }
 
-img.qr {
-  max-width: 200px;
-  padding: 1em;
-}
-
 /* img grid */
 div.img-grid,
 div.img-grid > p {
@@ -274,6 +270,26 @@ div.img-grid img {
   overflow: hidden;
 }
 
+/* crypto grid */
+div.crypto-grid {
+  display: grid;
+  gap: 1em;
+  /* the 200px corresponds tothe img qr size */
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+}
+
+div.crypto-grid figure {
+  margin: 0;
+}
+
+div.crypto-grid a {
+  display: contents;
+}
+
+div.crypto-grid img.qr {
+  max-width: 140px;
+}
+
 /* art grid / art gallery */
 div.art-grid {
   display: grid;
@@ -296,8 +312,11 @@ div.art-grid a {
 
 div.art-grid img {
   object-fit: cover;
+  width: 100%;
+  height: 100%;
 }
 
+/* not sure if these two are needed as the one above works fine */
 div.art-grid a.wide img {
   width: 100%;
 }
diff --git a/static/css/theme.css b/static/css/theme.css
index b3bbb18..c9b85c6 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -86,6 +86,28 @@
   --pagenav-link-hl: var(--color6);
 }
 
+/* animations */
+@keyframes mark-rainbow {
+  0%{
+    color: var(--color11);
+  }
+  20%{
+    color: var(--color12);
+  }
+  40%{
+    color: var(--color13);
+  }
+  60%{
+    color: var(--color14);
+  }
+  80%{
+    color: var(--color15);
+  }
+  100%{
+    color: var(--color11);
+  }
+}
+
 /* general */
 a {
   color: var(--link);
diff --git a/static/images/a/hand_sketches.png b/static/images/a/hand_sketches.png
new file mode 100755
index 0000000..5d246d5
Binary files /dev/null and b/static/images/a/hand_sketches.png differ
diff --git a/static/images/a/hand_sketches_small.png b/static/images/a/hand_sketches_small.png
new file mode 100755
index 0000000..d294b75
Binary files /dev/null and b/static/images/a/hand_sketches_small.png differ
diff --git a/static/images/crypto/bitcoin.png b/static/images/crypto/bitcoin.png
new file mode 100644
index 0000000..fd78b61
Binary files /dev/null and b/static/images/crypto/bitcoin.png differ
-- 
cgit v1.2.3-70-g09d2