Back to white page

assets/css/main.scss

@@ -20,9 +20,9 @@ html {
 
 body {
   font-family: 'Montserrat', sans-serif;
-  color: $i-black; //$white;
+  color: $darken-gray;
   margin: 0;
-  background-color: $i-lighttan;// $darken-gray;
+  background-color: $white;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
@@ -34,11 +34,11 @@ body {
 
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Lato', sans-serif;
-  color: $i-darkbrown;// $light-purple;
+  color: $dark-purple;
   font-weight: 400;
 
   .invert & { // XXX
-      color: $dark-purple;
+      color: $light-purple;
   }
 }
 
@@ -68,23 +68,23 @@ img {
 }
 
 a {
-  color: $i-darkbrown; //$light-pink;
+  color: $dark-pink;
 
   .invert & {
-    color: $dark-pink;
+    color: $light-pink;
   }
 }
 
 blockquote {
-  border-left: 3px solid $i-graytan; //$dark-gray;
+  border-left: 3px solid $light-gray;
   padding-left: 18px;
   margin-left: 21px;
   font-style: italic;
-  color: $i-darkbrown; //$lighten-gray;
+  color: $darken-gray;
 
   .invert & { // XXX
-      border-left-color: $dark-purple;
+      border-left-color: $light-purple;
-      color: $dark-purple;
+      color: $light-purple;
   }
 }
 

assets/css/parts/_front.scss

@@ -14,7 +14,7 @@
 
         ul {
             list-style-type: none;
-            border-bottom: 1px solid $i-darkbrown; //$dark-gray;
+            border-bottom: 1px solid $dark-gray;
 
             li {
                 display: inline-block;
@@ -22,7 +22,7 @@
                 padding: 0.5rem 1rem;
 
                 &.on {
-                    background-color: $i-darkbrown; //$dark-gray;
+                    background-color: $dark-gray;
 
                     a {
                         color: $i-lighttan;

assets/css/parts/_header.scss

@@ -1,7 +1,7 @@
 .main-header {
   font-family: 'Lato', sans-serif;
   padding: 15px 0;
-  background-color: $i-black; //$darken-gray;
+  background-color: $white;
   box-shadow: 0px -5px 15px rgba(0,0,0,.3);
 
   .header-flex {
@@ -17,7 +17,7 @@
       text-transform: uppercase;
       font-size: 27px;
       font-weight: 300;
-      color: $i-lighttan; //$light-purple;
+      color: $dark-purple;
     }
   }
 }
@@ -29,18 +29,18 @@
   z-index: 10;
   width: 300px;
   height: 100%;
-  background-color: $i-black; //$darken-gray;
+  background-color: $white;
   padding: 25px 30px;
   transform: translate3d(-300px, 0, 0);
   ul {
-    background-color: $i-black; //$darken-gray;
+    background-color: $white;
     padding: 15px 0 0;
     margin: 0 -30px 0 -30px;
     list-style: none;
 
     li {
       border-bottom: 1px solid $black;
-      background-color: $i-black; //$darken-gray;
+      background-color: $white;
       a {
         display: block;
         margin: 0 30px;
@@ -49,10 +49,10 @@
         text-transform: uppercase;
         font-weight: 400;
         font-size: 16px;
-        color: $i-lighttan; //$light-purple;
+        color: $dark-purple;
         &:hover {
           opacity: .8;
-          color: $i-graytan; //$light-pink;
+          color: $dark-pink;
         }
       }
     }
@@ -75,7 +75,7 @@
 .search-icon-close {
   cursor: pointer;
   font-size: 18px;
-  color: $i-lighttan; //$light-purple;
+  color: $light-purple;
   transition: all .4s;
   &:hover {
     opacity: .8;

assets/css/parts/_post-page.scss

@@ -5,7 +5,7 @@
   padding: 0;
   margin: 0;
   height: 500px;
-  background-color: $i-lighttan; //$darken-gray;
+  background-color: $white;
   overflow: hidden;
 
   .cover-image {
@@ -20,7 +20,7 @@
   line-height: 1.75;
   margin-top: -5px;
   margin-bottom: 100px;
-  background-color: $white; //$i-lighttan; //$darken-gray;
+  background-color: $white;
   padding: 20px 50px;
   box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1);
 
@@ -37,8 +37,8 @@
 
   .with-image & {
       margin-top: -80px;
-      border-top-left-radius: 20px;
+      border-top-left-radius: 2px;
-      border-top-right-radius: 20px;
+      border-top-right-radius: 2px;
   }
 
   .cw {
@@ -92,10 +92,10 @@
     font-weight: 400;
     text-align: center;
     margin: 0 0 20px;
-    color: $i-darkbrown; //$light-purple;
+    color: $dark-purple;
 
     .invert & { // XXX
-        color: $dark-purple;
+        color: $light-purple;
     }
   }
   .page-meta {
@@ -114,18 +114,18 @@
   margin-top: 30px;
   padding-bottom: 30px;
   padding-bottom: 30px;
-  border-bottom: 1px solid $i-black; //$dark-gray;
+  border-bottom: 1px solid $lighten-gray;
   .page-tag,
   .page-share {
     text-transform: uppercase;
     font-size: 12px;
-    color: $i-darkbrown; //$light-purple;
+    color: $light-purple;
   }
   .page-tag {
     margin-bottom: 10px;
     a {
       text-decoration: none;
-      color: $i-darkbrown; //$light-pink;
+      color: $light-pink;
       &:hover {
         opacity: .8;
       }
@@ -136,7 +136,7 @@
     text-align: center;
     a {
       text-decoration: none;
-      color: $i-darkbrown; //$dark-gray;
+      color: $dark-gray;
       margin-left: 10px;
       font-size: 18px;
       &:hover {

content/publications/post-self/index.md

@@ -1,24 +0,0 @@
----
-type: page
-title: "Post·self"
-subtitle: "Qoheleth and other stories"
-extracss: /publications/post-self/main.css
----
-
-> *"All artists search. I search for stories, in this post-self age. What happens when you can no longer call yourself an individual, when you've split your sense of self among several instances? How do you react? Do you withdraw into yourself, become a hermit? Do you expand until you lose all sense of identity? Do you fragment? Do you go about it deliberately, or do you let nature and chance take their course?"*
-
-***Coming August 2020!***
-
-## Contents
-
-* **Qoheleth** - *For the living know that they shall die: but the dead know not any thing, neither have they any more a reward; for the memory of them is forgotten.* What means time in a world where memory does not die? RJ, trapped in a solitary world, struggles to make eir way back to reality, paving the way for a world beyond the concept of self.
-* **Assignment** - Ioan Bălan investigates a flashcult and finally comes across an interesting assignment.
-* **Après un rêve** - Nothing is without risk, Sylvie learns, not even that which saved her love's life.
-* **Gallery Exhibition** - The Simien Fang School of Art and Design is proud to invite you to the opening of Dear, Also, The Tree That Was Felled's capstone exhibition on instance art.
-
------
-
-* Cover by *TBD*.
-* Print ISBN: 978-1-948743-18-1
-* Ebook ISBN: 978-1-948743-19-8
-* Audio ISBN: 978-1-948743-20-4

content/publications/qoheleth/index.md

@@ -0,0 +1,23 @@
+---
+type: page
+title: "Qoheleth"
+subtitle: "and Gallery Exhibition"
+extracss: /publications/qoheleth/main.css
+---
+
+> *"All artists search. I search for stories, in this post-self age. What happens when you can no longer call yourself an individual, when you've split your sense of self among several instances? How do you react? Do you withdraw into yourself, become a hermit? Do you expand until you lose all sense of identity? Do you fragment? Do you go about it deliberately, or do you let nature and chance take their course?"*
+
+*For the living know that they shall die: but the dead know not any thing, neither have they any more a reward; for the memory of them is forgotten.* What means time in a world where memory does not die? RJ, trapped in a solitary world, struggles to make eir way back to reality, paving the way for a world beyond the concept of self.
+
+***Coming August 2020!***
+
+-----
+
+Also featuring **Gallery Exhibition** --- *The Simien Fang School of Art and Design is proud to invite you to the opening of Dear, Also, The Tree That Was Felled's capstone exhibition on instance art.* A non-linear exhibition of a post-self world explored in non-linear fashion.
+
+-----
+
+* Cover by [Iris Jay](http://irisjay.net).
+* Print ISBN: 978-1-948743-18-1
+* Ebook ISBN: 978-1-948743-19-8
+* Audio ISBN: 978-1-948743-20-4

layouts/index.html

@@ -13,10 +13,10 @@
         <main>
             <article>
                 <section class="carousel-item home">
-                    <div class="small">
+                    <div class="half">
-                        <img alt="Madison Scott-Clary" src="/assets/img/headshot.jpg" />
+                        <img alt="Madison Scott-Clary" src="/assets/img/headshot.png" />
                     </div>
-                    <div class="large">
+                    <div class="half">
                         <p>Welcome to the written works of Madison Scott-Clary.</p>
 
                         <p>Madison is an author of fiction, non-fiction, and poetry living in the Pacific Northwest. Her interests lie in the realms of furry fiction and non-fiction, collaborative fiction, and hypertextual writing. She is a member of the Furry Writers' Guild, and editor for several projects, fiction and non-fiction. This site collects several of her written works.</p>
@@ -34,7 +34,7 @@
                                 <a href="/publications/post-self" class="post-card-image">
                                 </a>
                                 <div class="post-card-body">
-                                    <a href="/publications/post-self" class="post-card-link"><h3 class="post-card-title">Post&middot;Self - Qoheleth and other stories</h3></a>
+                                    <a href="/publications/qoheleth" class="post-card-link"><h3 class="post-card-title">Qoheleth</h3></a>
                                 </div>
                             </div>
                         </li>

layouts/partials/header.html

@@ -16,7 +16,6 @@
       </nav>
       <p class="logo"><a href="/">Madison Scott-Clary</a></p>
       <div class="search-icon-container">
-        <span class="search-icon"><a><i class="fa fa-search" aria-hidden="true"></i></a></span>
       </div>
     </div>
   </div>