css/gruvbox-dark: enable light mode if the os tells me to (#342)

* css/gruvbox-dark: enable light mode if the os tells me to

Signed-off-by: Christine Dodrill <me@christine.website>

* handlers: add Last-Modified support

Signed-off-by: Christine Dodrill <me@christine.website>

css/gruvbox-dark.css

@@ -1 +1,238 @@
-.gruvbox-dark{background-color:#282828;color:#ebdbb2}.gruvbox-dark h1,.gruvbox-dark h2,.gruvbox-dark h3,.gruvbox-dark h4,.gruvbox-dark h5,.gruvbox-dark h6{color:#98971a}.gruvbox-dark h1 a,.gruvbox-dark h2 a,.gruvbox-dark h3 a,.gruvbox-dark h4 a,.gruvbox-dark h5 a,.gruvbox-dark h6 a{color:#d79921;border-bottom-color:#d79921}.gruvbox-dark h1 a:hover,.gruvbox-dark h2 a:hover,.gruvbox-dark h3 a:hover,.gruvbox-dark h4 a:hover,.gruvbox-dark h5 a:hover,.gruvbox-dark h6 a:hover{background-color:#d79921;color:#fbf1c7}.gruvbox-dark pre{background-color:#1d2021;padding:0;border:none}.gruvbox-dark pre code{color:#689d6a}.gruvbox-dark .progress-bar-filled:after,.gruvbox-dark .progress-bar-filled:before,.gruvbox-dark code,.gruvbox-dark strong{color:#98971a}.gruvbox-dark code{font-weight:100}.gruvbox-dark .progress-bar-filled{background-color:#98971a}.gruvbox-dark table{color:#fdf4c1}.gruvbox-dark table td,.gruvbox-dark table th{border-color:#b0bec5}.gruvbox-dark table tbody td:first-child{color:#b0bec5}.gruvbox-dark .form-control,.gruvbox-dark .form-group label{color:#fdf4c1;border-color:#98971a}.gruvbox-dark .form-group.form-textarea label:after{background-color:#282828}.gruvbox-dark .form-control:focus{border-color:#bdae93;color:#bdae93}.gruvbox-dark textarea.form-control{color:#fdf4c1}.gruvbox-dark .card{border-color:#98971a}.gruvbox-dark .card .card-header{background-color:transparent;color:#fdf4c1;border-bottom:1px solid #98971a}.gruvbox-dark .btn.btn-ghost.btn-default{border-color:#607d8b;color:#607d8b}.gruvbox-dark .btn.btn-ghost.btn-default:focus,.gruvbox-dark .btn.btn-ghost.btn-default:hover{z-index:1;border-color:#ebdbb2;color:#ebdbb2}.gruvbox-dark .btn.btn-ghost.btn-primary:focus,.gruvbox-dark .btn.btn-ghost.btn-primary:hover{border-color:#689d6a;color:#689d6a}.gruvbox-dark .btn.btn-ghost.btn-success:focus,.gruvbox-dark .btn.btn-ghost.btn-success:hover{border-color:#98971a;color:#98971a}.gruvbox-dark .btn.btn-ghost.btn-info:focus,.gruvbox-dark .btn.btn-ghost.btn-info:hover{border-color:#458588;color:#458588}.gruvbox-dark .btn.btn-ghost.btn-error:focus,.gruvbox-dark .btn.btn-ghost.btn-error:hover{border-color:#cc241d;color:#cc241d}.gruvbox-dark .btn.btn-ghost.btn-warning:focus,.gruvbox-dark .btn.btn-ghost.btn-warning:hover{border-color:#d79931;color:#d79931}.gruvbox-dark .avatarholder,.gruvbox-dark .placeholder{background-color:transparent;border-color:#3c3836}.gruvbox-dark .menu .menu-item{color:#fdf4c1;border-color:#98971a}.gruvbox-dark .menu .menu-item.active,.gruvbox-dark .menu .menu-item:hover{color:#fdf4c1;border-color:#fdf4c1}.gruvbox-dark a:visited{color:#a89984;border-color:#a89984}.gruvbox-dark a:visited:hover{color:#fdf4c1;background-color:#a89984}
+
+
+.gruvbox-dark {
+	background-color: #282828;
+	color: #ebdbb2
+}
+
+.gruvbox-dark h1,
+.gruvbox-dark h2,
+.gruvbox-dark h3,
+.gruvbox-dark h4,
+.gruvbox-dark h5,
+.gruvbox-dark h6 {
+	color: #98971a
+}
+
+.gruvbox-dark h1 a,
+.gruvbox-dark h2 a,
+.gruvbox-dark h3 a,
+.gruvbox-dark h4 a,
+.gruvbox-dark h5 a,
+.gruvbox-dark h6 a {
+	color: #d79921;
+	border-bottom-color: #d79921
+}
+
+.gruvbox-dark h1 a:hover,
+.gruvbox-dark h2 a:hover,
+.gruvbox-dark h3 a:hover,
+.gruvbox-dark h4 a:hover,
+.gruvbox-dark h5 a:hover,
+.gruvbox-dark h6 a:hover {
+	background-color: #d79921;
+	color: #fbf1c7
+}
+
+.gruvbox-dark pre {
+	background-color: #1d2021;
+	padding: 0;
+	border: none
+}
+
+.gruvbox-dark pre code {
+	color: #689d6a
+}
+
+.gruvbox-dark .progress-bar-filled:after,
+.gruvbox-dark .progress-bar-filled:before,
+.gruvbox-dark code,
+.gruvbox-dark strong {
+	color: #98971a
+}
+
+.gruvbox-dark code {
+	font-weight: 100
+}
+
+.gruvbox-dark .progress-bar-filled {
+	background-color: #98971a
+}
+
+.gruvbox-dark table {
+	color: #fdf4c1
+}
+
+.gruvbox-dark table td,
+.gruvbox-dark table th {
+	border-color: #b0bec5
+}
+
+.gruvbox-dark table tbody td:first-child {
+	color: #b0bec5
+}
+
+.gruvbox-dark .form-control,
+.gruvbox-dark .form-group label {
+	color: #fdf4c1;
+	border-color: #98971a
+}
+
+.gruvbox-dark .form-group.form-textarea label:after {
+	background-color: #282828
+}
+
+.gruvbox-dark .form-control:focus {
+	border-color: #bdae93;
+	color: #bdae93
+}
+
+.gruvbox-dark textarea.form-control {
+	color: #fdf4c1
+}
+
+.gruvbox-dark .card {
+	border-color: #98971a
+}
+
+.gruvbox-dark .card .card-header {
+	background-color: transparent;
+	color: #fdf4c1;
+	border-bottom: 1px solid #98971a
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-default {
+	border-color: #607d8b;
+	color: #607d8b
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-default:focus,
+.gruvbox-dark .btn.btn-ghost.btn-default:hover {
+	z-index: 1;
+	border-color: #ebdbb2;
+	color: #ebdbb2
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-primary:focus,
+.gruvbox-dark .btn.btn-ghost.btn-primary:hover {
+	border-color: #689d6a;
+	color: #689d6a
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-success:focus,
+.gruvbox-dark .btn.btn-ghost.btn-success:hover {
+	border-color: #98971a;
+	color: #98971a
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-info:focus,
+.gruvbox-dark .btn.btn-ghost.btn-info:hover {
+	border-color: #458588;
+	color: #458588
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-error:focus,
+.gruvbox-dark .btn.btn-ghost.btn-error:hover {
+	border-color: #cc241d;
+	color: #cc241d
+}
+
+.gruvbox-dark .btn.btn-ghost.btn-warning:focus,
+.gruvbox-dark .btn.btn-ghost.btn-warning:hover {
+	border-color: #d79931;
+	color: #d79931
+}
+
+.gruvbox-dark .avatarholder,
+.gruvbox-dark .placeholder {
+	background-color: transparent;
+	border-color: #3c3836
+}
+
+.gruvbox-dark .menu .menu-item {
+	color: #fdf4c1;
+	border-color: #98971a
+}
+
+.gruvbox-dark .menu .menu-item.active,
+.gruvbox-dark .menu .menu-item:hover {
+	color: #fdf4c1;
+	border-color: #fdf4c1
+}
+
+.gruvbox-dark a:visited {
+	color: #a89984;
+	border-color: #a89984
+}
+
+.gruvbox-dark a:visited:hover {
+	color: #fdf4c1;
+	background-color: #a89984
+}
+
+@media (prefers-color-scheme: light) {
+	.gruvbox-dark {
+		background-color: #fbf1c7;
+		color: #282828;
+	}
+	.gruvbox-dark h1 a:hover,
+	.gruvbox-dark h2 a:hover,
+	.gruvbox-dark h3 a:hover,
+	.gruvbox-dark h4 a:hover,
+	.gruvbox-dark h5 a:hover,
+	.gruvbox-dark h6 a:hover {
+		background-color: #d79921;
+		color: #282828;
+	}
+	.gruvbox-dark pre {
+		background-color: #f9f5d7;
+		padding: 0;
+		border: none;
+	}
+	.gruvbox-dark table {
+		color: #1d2021;
+	}
+	.gruvbox-dark .form-control,
+	.gruvbox-dark .form-group label {
+		color: #1d2021;
+		border-color: #98971a
+	}
+	.gruvbox-dark .form-group.form-textarea label:after {
+		background-color: #3c3836;
+	}
+	.gruvbox-dark .form-control:focus {
+		border-color: #665c54;
+		color: #665c54;
+	}
+	.gruvbox-dark textarea.form-control {
+		color: #282828;
+	}
+	.gruvbox-dark .card .card-header {
+		background-color: transparent;
+		color: #282828;
+		border-bottom: 1px solid #98971a
+	}
+	.gruvbox-dark .btn.btn-ghost.btn-default:focus,
+	.gruvbox-dark .btn.btn-ghost.btn-default:hover {
+		z-index: 1;
+		border-color: #3c3836;
+		color: #3c3836;
+	}
+	.gruvbox-dark .menu .menu-item {
+		color: #282828;
+		border-color: #98971a
+	}
+	.gruvbox-dark .menu .menu-item.active,
+	.gruvbox-dark .menu .menu-item:hover {
+		color: #282828;
+		border-color: #282828;
+	}
+	.gruvbox-dark a:visited {
+		color: #7c6f64;
+		border-color: #7c6f64;
+	}
+	.gruvbox-dark a:visited:hover {
+		color: #3c3836;
+		background-color: #bdae93;
+	}
+}

src/handlers/blog.rs

@@ -1,4 +1,4 @@
-use super::{PostNotFound, SeriesNotFound};
+use super::{PostNotFound, SeriesNotFound, LAST_MODIFIED};
 use crate::{
     app::State,
     post::Post,
@@ -21,7 +21,9 @@ lazy_static! {
 #[instrument(skip(state))]
 pub async fn index(state: Arc<State>) -> Result<impl Reply, Rejection> {
     let state = state.clone();
-    Response::builder().html(|o| templates::blogindex_html(o, state.blog.clone()))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::blogindex_html(o, state.blog.clone()))
 }
 
 #[instrument(skip(state))]
@@ -38,7 +40,9 @@ pub async fn series(state: Arc<State>) -> Result<impl Reply, Rejection> {
     series.sort();
     series.dedup();
 
-    Response::builder().html(|o| templates::series_html(o, series))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::series_html(o, series))
 }
 
 #[instrument(skip(state))]
@@ -60,7 +64,9 @@ pub async fn series_view(series: String, state: Arc<State>) -> Result<impl Reply
         error!("series not found");
         Err(SeriesNotFound(series).into())
     } else {
-        Response::builder().html(|o| templates::series_posts_html(o, series, &posts))
+        Response::builder()
+            .header("Last-Modified", &*LAST_MODIFIED)
+            .html(|o| templates::series_posts_html(o, series, &posts))
     }
 }
 
@@ -81,7 +87,9 @@ pub async fn post_view(name: String, state: Arc<State>) -> Result<impl Reply, Re
                 .with_label_values(&[name.clone().as_str()])
                 .inc();
             let body = Html(post.body_html.clone());
-            Response::builder().html(|o| templates::blogpost_html(o, post, body))
+            Response::builder()
+                .header("Last-Modified", &*LAST_MODIFIED)
+                .html(|o| templates::blogpost_html(o, post, body))
         }
     }
 }

src/handlers/feeds.rs

@@ -1,3 +1,4 @@
+use super::LAST_MODIFIED;
 use crate::{app::State, templates};
 use lazy_static::lazy_static;
 use prometheus::{opts, register_int_counter_vec, IntCounterVec};
@@ -6,7 +7,7 @@ use tracing::instrument;
 use warp::{http::Response, Rejection, Reply};
 
 lazy_static! {
-    static ref HIT_COUNTER: IntCounterVec = register_int_counter_vec!(
+    pub static ref HIT_COUNTER: IntCounterVec = register_int_counter_vec!(
         opts!("feed_hits", "Number of hits to various feeds"),
         &["kind"]
     )
@@ -56,6 +57,7 @@ pub async fn atom(state: Arc<State>, since: Option<String>) -> Result<impl Reply
         .status(200)
         .header("Content-Type", "application/atom+xml")
         .header("ETag", ETAG.clone())
+        .header("Last-Modified", &*LAST_MODIFIED)
         .body(buf)
         .map_err(RenderError::Build)
         .map_err(warp::reject::custom)
@@ -88,6 +90,7 @@ pub async fn rss(state: Arc<State>, since: Option<String>) -> Result<impl Reply,
         .status(200)
         .header("Content-Type", "application/rss+xml")
         .header("ETag", ETAG.clone())
+        .header("Last-Modified", &*LAST_MODIFIED)
         .body(buf)
         .map_err(RenderError::Build)
         .map_err(warp::reject::custom)
@@ -100,6 +103,7 @@ pub async fn sitemap(state: Arc<State>) -> Result<impl Reply, Rejection> {
     Response::builder()
         .status(200)
         .header("Content-Type", "application/xml")
+        .header("Last-Modified", &*LAST_MODIFIED)
         .body(state.sitemap.clone())
         .map_err(RenderError::Build)
         .map_err(warp::reject::custom)

src/handlers/gallery.rs

@@ -5,14 +5,16 @@ use crate::{
     templates::{self, Html, RenderRucte},
 };
 use lazy_static::lazy_static;
-use prometheus::{IntCounterVec, register_int_counter_vec, opts};
+use prometheus::{opts, register_int_counter_vec, IntCounterVec};
 use std::sync::Arc;
-use warp::{http::Response, Rejection, Reply};
 use tracing::instrument;
+use warp::{http::Response, Rejection, Reply};
 
 lazy_static! {
-    static ref HIT_COUNTER: IntCounterVec =
+    static ref HIT_COUNTER: IntCounterVec = register_int_counter_vec!(
-        register_int_counter_vec!(opts!("gallery_hits", "Number of hits to gallery images"), &["name"])
+        opts!("gallery_hits", "Number of hits to gallery images"),
+        &["name"]
+    )
     .unwrap();
 }
 
@@ -35,7 +37,9 @@ pub async fn post_view(name: String, state: Arc<State>) -> Result<impl Reply, Re
     match want {
         None => Err(PostNotFound("gallery".into(), name).into()),
         Some(post) => {
-            HIT_COUNTER.with_label_values(&[name.clone().as_str()]).inc();
+            HIT_COUNTER
+                .with_label_values(&[name.clone().as_str()])
+                .inc();
             let body = Html(post.body_html.clone());
             Response::builder().html(|o| templates::gallerypost_html(o, post, body))
         }

src/handlers/mod.rs

@@ -2,6 +2,7 @@ use crate::{
     app::State,
     templates::{self, Html, RenderRucte},
 };
+use chrono::{Datelike, Timelike, Utc};
 use lazy_static::lazy_static;
 use prometheus::{opts, register_int_counter_vec, IntCounterVec};
 use std::{convert::Infallible, fmt, sync::Arc};
@@ -15,31 +16,52 @@ lazy_static! {
     static ref HIT_COUNTER: IntCounterVec =
         register_int_counter_vec!(opts!("hits", "Number of hits to various pages"), &["page"])
             .unwrap();
+    pub static ref LAST_MODIFIED: String = {
+        let now = Utc::now();
+        format!(
+            "{dayname}, {day} {month} {year} {hour}:{minute}:{second} GMT",
+            dayname = now.weekday(),
+            day = now.day(),
+            month = now.month(),
+            year = now.year(),
+            hour = now.hour(),
+            minute = now.minute(),
+            second = now.second()
+        )
+    };
 }
 
 #[instrument]
 pub async fn index() -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["index"]).inc();
-    Response::builder().html(|o| templates::index_html(o))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::index_html(o))
 }
 
 #[instrument]
 pub async fn contact() -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["contact"]).inc();
-    Response::builder().html(|o| templates::contact_html(o))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::contact_html(o))
 }
 
 #[instrument]
 pub async fn feeds() -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["feeds"]).inc();
-    Response::builder().html(|o| templates::feeds_html(o))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::feeds_html(o))
 }
 
 #[instrument(skip(state))]
 pub async fn resume(state: Arc<State>) -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["resume"]).inc();
     let state = state.clone();
-    Response::builder().html(|o| templates::resume_html(o, Html(state.resume.clone())))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::resume_html(o, Html(state.resume.clone())))
 }
 
 #[instrument(skip(state))]
@@ -53,7 +75,9 @@ pub async fn patrons(state: Arc<State>) -> Result<impl Reply, Rejection> {
                 "Could not load patrons, let me know the API token expired again".to_string(),
             )
         }),
-        Some(patrons) => Response::builder().html(|o| templates::patrons_html(o, patrons.clone())),
+        Some(patrons) => Response::builder()
+            .header("Last-Modified", &*LAST_MODIFIED)
+            .html(|o| templates::patrons_html(o, patrons.clone())),
     }
 }
 
@@ -61,13 +85,17 @@ pub async fn patrons(state: Arc<State>) -> Result<impl Reply, Rejection> {
 pub async fn signalboost(state: Arc<State>) -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["signalboost"]).inc();
     let state = state.clone();
-    Response::builder().html(|o| templates::signalboost_html(o, state.signalboost.clone()))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::signalboost_html(o, state.signalboost.clone()))
 }
 
 #[instrument]
 pub async fn not_found() -> Result<impl Reply, Rejection> {
     HIT_COUNTER.with_label_values(&["not_found"]).inc();
-    Response::builder().html(|o| templates::notfound_html(o, "some path".into()))
+    Response::builder()
+        .header("Last-Modified", &*LAST_MODIFIED)
+        .html(|o| templates::notfound_html(o, "some path".into()))
 }
 
 pub mod blog;

src/handlers/talks.rs

@@ -5,14 +5,16 @@ use crate::{
     templates::{self, Html, RenderRucte},
 };
 use lazy_static::lazy_static;
-use prometheus::{IntCounterVec, register_int_counter_vec, opts};
+use prometheus::{opts, register_int_counter_vec, IntCounterVec};
 use std::sync::Arc;
-use warp::{http::Response, Rejection, Reply};
 use tracing::instrument;
+use warp::{http::Response, Rejection, Reply};
 
 lazy_static! {
-    static ref HIT_COUNTER: IntCounterVec =
+    static ref HIT_COUNTER: IntCounterVec = register_int_counter_vec!(
-        register_int_counter_vec!(opts!("talks_hits", "Number of hits to talks images"), &["name"])
+        opts!("talks_hits", "Number of hits to talks images"),
+        &["name"]
+    )
     .unwrap();
 }
 
@@ -35,7 +37,9 @@ pub async fn post_view(name: String, state: Arc<State>) -> Result<impl Reply, Re
     match want {
         None => Err(PostNotFound("talks".into(), name).into()),
         Some(post) => {
-            HIT_COUNTER.with_label_values(&[name.clone().as_str()]).inc();
+            HIT_COUNTER
+                .with_label_values(&[name.clone().as_str()])
+                .inc();
             let body = Html(post.body_html.clone());
             Response::builder().html(|o| templates::talkpost_html(o, post, body))
         }