crabmail

commit c8988ce985a575890af334ce4870186124beb9d8
parent 1ed00a31b126fdc9b04c00e48b360b7fdba6e292
Author: alex wennerberg <alex@alexwennerberg.com>
Date:   Fri, 31 Dec 2021 23:58:20 -0800

refactor CSS

Diffstat:
M
src/main.rs
 | 
13
++++++-------
M
src/style.css
 | 
76
++++++++++++++++------------------------------------------------------------

2 files changed, 22 insertions(+), 67 deletions(-)
diff --git a/src/main.rs b/src/main.rs
@@ -197,7 +197,7 @@ impl<'a> ThreadList<'a> {
                     hr;
                     @ for thread in &self.threads {
                         div(class="message-sum") {
-                            a(class="threadlink", href=format!("threads/{}.html", &thread.hash)) {
+                            a(class="bigger", href=format!("threads/{}.html", &thread.hash)) {
                                 : &thread.messages[0].subject
                             }
                             : format!(" ({})", thread.messages.len() -1) ;
@@ -206,7 +206,7 @@ impl<'a> ThreadList<'a> {
         : short_name(&thread.messages[0].from)
         }
 
-                       span(class="timeago") {
+                       span(class="light") {
                             : format!(" {created} | updated {last}",  created=timestring(thread.messages[0].date), last=timestring(thread.last_reply()))
                         }                     br;
 
@@ -317,11 +317,11 @@ impl<'a> MailThread<'a> {
                         }
                     }
                     br;
-                   a(href=format!("mailto:{}", &message.from.addr), class="addr bold") {
+                   a(href=format!("mailto:{}", &message.from.addr), class="bold") {
                             : &message.from.to_string();
                         }
                         br;
-                    span(class="timeago") {
+                    span(class="light") {
                         : &message.date_string
                     }
                     a(title="permalink", href=format!("#{}", &message.id)) {
@@ -505,11 +505,10 @@ fn write_index(lists: Vec<String>) -> Result<()> {
     }
     hr;
     @for list in &lists {
-        p{
-        a(href=list, class="threadlink") {
+        a(href=list, class="bigger") {
             :list;
         }
-        }
+        br;
     }
     };
     let file = File::create(&Config::global().out_dir.join("index.html"))?;
diff --git a/src/style.css b/src/style.css
@@ -1,19 +1,17 @@
 :root {
-  --light-text: dimgrey;
-  --main-link: #00F;
-  --secondary-link: #00F;
+  --link: #00F;
   --background: white;
   --main-text: black;
+  --light-text: dimgrey;
 }
-@media (prefers-color-scheme: dark) {
+/* @media (prefers-color-scheme: dark) { */
 :root {
   --main-text: white;
   --light-text: #CCC;
-  --main-link: #55F;
-  --secondary-link: #55F;
-  --background: #111;
-}
+  --link: #21e6c1;
+  --background: #1b262c;
 }
+/* } */
 
 body {
     padding: 2ch;
@@ -41,41 +39,34 @@ table { border-spacing: 0.5em 0.1em; }
   margin-top: 6px;
   margin-bottom: 12px;
 }
+
 .right {
   text-align: right;
 }
 
-.addr {
-  color: var(--secondary-link);
-}
-
 .bold {
   font-weight: bold;
 }
 
-.threadlink {
-  font-size: 1.2rem;
-  color: var(--main-link);
+a {
+  text-decoration: none;
+  color: var(--link);
 }
 
-.timeago {
-  color: var(--light-text);
+.bigger {
+  font-size: 1.2rem;
 }
 
-.reply-text {
+.light {
   color: var(--light-text);
 }
+
 .email-body {
   white-space:pre-line;
   font-family:monospace;
   font-size: 1rem;
 }
 
-
-.filesize {
-    text-align: right;
-}
-
 .footer {
     text-align: center;
     font-style: italic;
@@ -93,53 +84,18 @@ h1, h2, h3 {
      margin: 0;
 }
 
-h3 {
-    margin-right: 2em;
-}
-
-pre {
-    line-height: 1.2;
-    font-size: 1rem;
-    overflow: auto;
-    margin: 0;
-    padding: 0;
-}
-
-td {
-    white-space: nowrap;
-    margin: 0;
-    border-style:hidden;
-    padding: 0;
-}
-
-table td {
-    padding: 0 0.1em;
-}
-
-a {
-  text-decoration: none;
-  color: var(--secondary-link);
-}
-
 a:visited {
 }
+
 a:hover{
+  text-decoration: none;
   text-decoration: underline;
 }
-table.core {
-    width: 100%;
-    border-collapse: collapse;
-}
-
 
 @media only screen and (max-width: 600px) {
     body {
         font-size: 16px;
     }
-
-    .junk {
-        display: none;
-    }
 }