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 ++++++++++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 11 deletions(-)

(limited to 'static/css/style.css')

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%;
 }
-- 
cgit v1.2.3-54-g00ecf