Add `section-folds.js'

1 files changed, 24 insertions, 0 deletions

diff --git a/haunt/static/css/style.css b/haunt/static/css/style.css
index 58db3a9..930ef02 100644
--- a/haunt/static/css/style.css
+++ b/haunt/static/css/style.css
@@ -308,8 +308,24 @@ button {
     background-color: #f6f5f4;
 }
 
+/* Folded sections. */
+.fold-hidden {
+    height: 45px;
+    overflow: hidden;
+    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
+}
+
 /* Styles specific to the "about" page. */
 
+.portrait {
+    max-width: 30%;
+    float: right;
+}
+
+.portrait > img {
+    max-width: 100%;
+}
+
 .project-section td:nth-child(1) {
     width: 15%;
 }
@@ -409,6 +425,14 @@ button {
   padding: 0.25em 1em 0.25em 7em;
 }
 
+.article-future-interjection {
+  background-image: url('/static/image/clock.png');
+  background-repeat: no-repeat;
+  background-size: 4em 4em;
+  background-position: 1.5em 50%;
+  padding: 0.25em 1em 0.25em 7em;
+}
+
 #loading {
     border: 1px solid;
     width: fit-content;