diff --git a/assets/css/main.scss b/assets/css/main.scss index b4d36bc..59a437b 100755 --- a/assets/css/main.scss +++ b/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; - color: $dark-purple; + border-left-color: $light-purple; + color: $light-purple; } } diff --git a/assets/css/parts/_front.scss b/assets/css/parts/_front.scss index 06b2680..3d6f9ef 100644 --- a/assets/css/parts/_front.scss +++ b/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; diff --git a/assets/css/parts/_header.scss b/assets/css/parts/_header.scss index 8083b28..d2aa264 100644 --- a/assets/css/parts/_header.scss +++ b/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; diff --git a/assets/css/parts/_post-page.scss b/assets/css/parts/_post-page.scss index 8043785..244684b 100644 --- a/assets/css/parts/_post-page.scss +++ b/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-right-radius: 20px; + border-top-left-radius: 2px; + 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 { diff --git a/content/publications/post-self/index.md b/content/publications/post-self/index.md deleted file mode 100644 index c47efb7..0000000 --- a/content/publications/post-self/index.md +++ /dev/null @@ -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 diff --git a/content/publications/qoheleth/index.md b/content/publications/qoheleth/index.md new file mode 100644 index 0000000..21a4615 --- /dev/null +++ b/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 diff --git a/content/publications/post-self/main.css b/content/publications/qoheleth/main.css similarity index 100% rename from content/publications/post-self/main.css rename to content/publications/qoheleth/main.css diff --git a/layouts/index.html b/layouts/index.html index f1c83a5..df1668a 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -13,10 +13,10 @@