excluded subdir containing actual authored content

.gitignore

@@ -43,3 +43,5 @@ go.work.sum
 **/*.bak
 **/*.bak/
 **/*.css.map
+
+/content/

themes/sukaato/assets/css/abstracts/_fonts.sass

@@ -3,7 +3,8 @@
 @include fun.create_font("headerTitle", "Cronicle.ttf")
 @include fun.create_font("postTitle", "Satanic_Demon.ttf")
 @include fun.create_font("postMatter", "erika-pl.regular.ttf")
-@include fun.create_font("postContent", "faustus.regular.ttf")
+// @include fun.create_font("postContent", "faustus.regular.ttf")
+@include fun.create_font("postContent", "vinque.regular.otf")
 @include fun.create_font("postFirstChar", "goudy-initialen.regular.ttf")
 @include fun.create_font("catTerm", "CaesarDressing.regular.ttf")
 @include fun.create_font("navFont", "black-magnet.regular.otf")

themes/sukaato/assets/css/base/_site.sass

@@ -109,8 +109,12 @@ body
                 & > p
                     color: c.$fg
                     font-family: postContent
-                    font-size: clamp(10pt,1.4vw, 18pt)
+                    font-size: clamp(11pt,1.2vw, 16pt)
                     margin: 2% 0
+
+                    &::after
+                        content: " [  . . .  ]"
+                        color: c.$accent
                 
                 & > h2
                     // color: c.$state
@@ -146,14 +150,14 @@ body
     & #content
         margin: 0 10%
         font-family: postContent
-        font-size: clamp(12pt, 1.8vw, 18pt)
+        font-size: clamp(12pt, 1.1vw, 16pt)
 
         & img
             filter: saturate(0) contrast(1.75)
 
         & > img, & > p > img
             margin: 2% auto
-            max-width: 75%
+            max-width: 50%
             height: auto
             display: block
             border-top: 12px
@@ -206,9 +210,36 @@ body
                     font-size: clamp(9pt, 1.5vw, 14pt)
                     text-align: justify
 
+        & .footnotes
+            font-size: clamp(9pt, 1vw, 12pt)
+            max-height: 33vh
+            overflow-y: scroll
+            background: no-repeat url("images/snek.svg") 33% center c.$fg
+            border-bottom-left-radius: 5%
+            border-bottom-right-radius: 5%
+            margin-top: 10%
+
+            & ol
+                padding-left: 5%
+
+            & li
+                padding: 0 5%
+                margin: 5% 5% 5% 0
+                border-radius: 3%
+                background-color: c.$state
+                color: c.$bg
+                text-shadow: 0 0 4px c.$bg
+                opacity: 85%
+
+                &::marker
+                    color: c.$accent
+
+        & h1, & h2, & h3, & h4, & h6
+            color: c.$state
+
     & h1:first-child
         text-align: center
-        font-size: clamp(16pt, 24pt, 32pt)
+        font-size: clamp(24pt, 2vw, 72pt)
         color: c.$accent
         font-weight: bold
 
@@ -266,7 +297,7 @@ body
             overflow-y: scroll
 
     & > img
-        max-width: 100%
+        width: 100%
         filter: saturate(0) contrast(1.75)
 
 #categories.expo
@@ -295,6 +326,7 @@ body
             display: initial
             text-shadow: 2px 2px 5px c.$bg
             font-family: pageFont
+            backdrop-filter: blur(3px)
 
 .page.tag
     & > h1
@@ -346,6 +378,11 @@ body
     // & .tag.content
     //     visibility: collapse
 
+#home
+    & img
+        max-width: 100%
+        margin: 0 auto
+
 footer
     border-top: 1px solid c.$state
     margin-top: 1rem

themes/sukaato/assets/css/main.css

@@ -12,7 +12,7 @@
 }
 @font-face {
   font-family: "postContent";
-  src: url("fonts/faustus.regular.ttf");
+  src: url("fonts/vinque.regular.otf");
 }
 @font-face {
   font-family: "postFirstChar";
@@ -70,7 +70,7 @@ code {
 }
 
 html {
-  background-color: #191816;
+  background-color: rgb(29.475, 26.2875, 21.825);
   background-image: url("images/rocky_wall.png");
 }
 
@@ -142,8 +142,7 @@ body main {
   max-height: 900px;
   margin: 0 auto;
   shape-outside: circle(50%);
-  -webkit-clip-path: circle(45vw);
-          clip-path: circle(45vw);
+  clip-path: circle(45vw);
   background-color: #121212;
   border-radius: 50%;
   background: radial-gradient(circle at 7.5vw, #121212 66%, #9d1934);
@@ -182,9 +181,13 @@ body main {
 #posts > a:has(.post) > .post > p {
   color: #cccccc;
   font-family: postContent;
-  font-size: clamp(10pt, 1.4vw, 18pt);
+  font-size: clamp(11pt, 1.2vw, 16pt);
   margin: 2% 0;
 }
+#posts > a:has(.post) > .post > p::after {
+  content: " [  . . .  ]";
+  color: #9d1934;
+}
 #posts > a:has(.post) > .post > h2 {
   font-size: clamp(14pt, 2.5vw, 20pt);
   font-weight: 900;
@@ -206,7 +209,7 @@ body main {
 }
 
 .post {
-  background-image: linear-gradient(to top right, #121212, rgba(74, 74, 74, 0.1));
+  background-image: linear-gradient(to top right, #121212, rgba(74.1, 74.1, 74.1, 0.1));
   font-family: postTitle;
   padding: 3%;
   margin: 2% 0;
@@ -219,14 +222,14 @@ body main {
 #post #content {
   margin: 0 10%;
   font-family: postContent;
-  font-size: clamp(12pt, 1.8vw, 18pt);
+  font-size: clamp(12pt, 1.1vw, 16pt);
 }
 #post #content img {
   filter: saturate(0) contrast(1.75);
 }
 #post #content > img, #post #content > p > img {
   margin: 2% auto;
-  max-width: 75%;
+  max-width: 50%;
   height: auto;
   display: block;
   border-top: 12px;
@@ -279,9 +282,36 @@ body main {
   font-size: clamp(9pt, 1.5vw, 14pt);
   text-align: justify;
 }
+#post #content .footnotes {
+  font-size: clamp(9pt, 1vw, 12pt);
+  max-height: 33vh;
+  overflow-y: scroll;
+  background: no-repeat url("images/snek.svg") 33% center #cccccc;
+  border-bottom-left-radius: 5%;
+  border-bottom-right-radius: 5%;
+  margin-top: 10%;
+}
+#post #content .footnotes ol {
+  padding-left: 5%;
+}
+#post #content .footnotes li {
+  padding: 0 5%;
+  margin: 5% 5% 5% 0;
+  border-radius: 3%;
+  background-color: #e9b074;
+  color: #121212;
+  text-shadow: 0 0 4px #121212;
+  opacity: 85%;
+}
+#post #content .footnotes li::marker {
+  color: #9d1934;
+}
+#post #content h1, #post #content h2, #post #content h3, #post #content h4, #post #content h6 {
+  color: #e9b074;
+}
 #post h1:first-child {
   text-align: center;
-  font-size: 24pt;
+  font-size: clamp(24pt, 2vw, 72pt);
   color: #9d1934;
   font-weight: bold;
 }
@@ -339,7 +369,7 @@ body main {
   overflow-y: scroll;
 }
 .page.category > img {
-  max-width: 100%;
+  width: 100%;
   filter: saturate(0) contrast(1.75);
 }
 
@@ -369,6 +399,7 @@ body main {
   display: initial;
   text-shadow: 2px 2px 5px #121212;
   font-family: pageFont;
+  backdrop-filter: blur(3px);
 }
 
 .page.tag > h1 {
@@ -417,6 +448,11 @@ body main {
   color: #121212;
 }
 
+#home img {
+  max-width: 100%;
+  margin: 0 auto;
+}
+
 footer {
   border-top: 1px solid #e9b074;
   margin-top: 1rem;

themes/sukaato/content/categories/critical theory/_index.md

@@ -0,0 +1,6 @@
++++
+title = "critical theory"
+summary = "The systematic critical analysis of systemic power relations in society, especially in their influence on or underpinning in normative communication, social knowledge production, and popular or conventionl concepts of values like \"truth\", with the normative aim of challenging or undermining those systemic power relations"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/critical theory"
++++

themes/sukaato/content/categories/cultural studies/_index.md

@@ -0,0 +1,6 @@
++++
+title = "cultural studies"
+summary = "The systematic study or examination of the dynamics of contemporary culture--that is, a systematic study and examination of the process and conditions of cultural change as well as the role of culture in processes of social, political or economic change more broadly"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/cultural studies"
++++

themes/sukaato/content/categories/ethnic studies/_index.md

@@ -0,0 +1,6 @@
++++
+title = "ethnic studies"
+summary = "The systematic study of the production of difference, especially difference in terms of *marking* or culture, through the exercise of power, and the influence of difference, especially difference in terms of *marking* or culture, on the opportunities for and constrants on power"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/ethnic studies"
++++

themes/sukaato/content/categories/feminist theory/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Feminist Theory"
+summary = "The systematic study of the phenomena and nature of gender inequality and the role of power in the production of gender difference, as well as examining those consequent differences and their impact in various social fields or domains"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/feminist theory"
++++

themes/sukaato/content/categories/gender studies/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Gender Studies"
+summary = "The systematic study of the phenomenon of gender identity, the ascription or perception of gender in bodies, behaviors or activities, and the social construction as well as performance of gender"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/gender studies"
++++

themes/sukaato/content/categories/philosophy/_index.md

@@ -1,6 +1,6 @@
 +++
 title = "Philosophy"
 summary = "The systematic normative study of the relationships among concepts, typically for purposes of sharpening discrimination of worldviews and developing perceptual or normative discernment"
-draft = true # @TODO creaste shortcode that toggles draft bool for each and every category
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
 image = "/images/philosophy"
 +++

themes/sukaato/content/categories/psychoanalysis/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Psychoanalysis"
+summary = "The development or application of a set of theories or techniques whereby meanings or implications that occur independent of the subject's/self's/agent's awareness/intention when self-expressing are interpreted or extracted, with the aim of disrupting, destabilizing or challenging the established self- or life narrative of that subject/self/agent and its role in their system of behavior"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/psychoanalysis"
++++

themes/sukaato/content/categories/psychology/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Psychology"
+summary = "The plausible positing and repeated empirical corroboration of hypotheses explaining collections of mental and behavioral facts, the mathematical modeling of relationships among mental or behavioral factors, and the statistical analysis of observed patterns of mental activity or behavior"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/psychology"
++++

themes/sukaato/content/categories/queer theory/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Queer Theory"
+summary = "The systematic study and theorization of those gender or gender-related phenomena as well as sexual practices which challenge heteronormativity or destabilize heterosexuality as a fixed and wholly exclusive or \"untainted\" category"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/queer theory"
++++

themes/sukaato/content/categories/sexuality studies/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Sexuality Studies"
+summary = "The systematic study of the concept of sexuality and the phenomenon of sexual identity, the ascription or perception of sexuality or sexual categories for activities or behaviors, and the social construction of sexuality or sexiness, as well as the performance of sex or 'sexiness'"
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/sexuality studies"
++++

themes/sukaato/content/categories/sociology/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Sociology"
+summary = "The plausible positing and repeated empirical corroboration of hypotheses explaining collections of facts regarding persistent interaction among agents or the behavior of agents that share an infrastructure they are embedded in; the mathematical modeling of relationships among factors involved in such persistent interaction, shared infrastructure or coordinated action among agents; and the statistical analysis of observed patterns within interactions between agents, in the impacts of shared infrastructure upon agents, and the outcomes of strategies or tactics of coordination among agents."
+draft = false # @TODO creaste shortcode that toggles draft bool for each and every category
+image = "/images/sociology"
++++

themes/sukaato/content/posts/post-1/index.md

@@ -6,6 +6,9 @@ tags = ['red']
 type = 'post'
 categories = ['philosophy']
 author = 'admin'
+style = 'prose'
+editor = 'admin'
+hidden = false
 +++
 
 Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.

themes/sukaato/content/posts/post-2/index.md

@@ -12,7 +12,19 @@ Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi
 
 $$ E = mc^2 $$
 
-Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.
+Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur.
+
+```mermaid
+timeline
+    title History of Social Media Platform
+    2002 : LinkedIn
+    2004 : Facebook
+         : Google
+    2005 : Youtube
+    2006 : Twitter
+```
+
+Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.
 
 ```javascript
 document.getElementById("test")

themes/sukaato/hugo.toml

@@ -44,7 +44,7 @@ weight = 30
 [taxonomies]
 category = "categories"
 # @TODO work on building below taxonomies
-# author = "authors"
+editor = "editors"
 # style = "styles"
 
 [module]

themes/sukaato/layouts/_default/baseof.html

@@ -3,6 +3,7 @@
 <head>
   {{ partial "head.html" . }}
 </head>
+{{ partial "audio_autoplay.html" . }}
 <body>
   <header>
     {{ partial "header.html" . }}

themes/sukaato/layouts/_default/single.html

@@ -14,10 +14,8 @@
       {{ with .Params.author }}
         <p>Written by {{ . }}</p>
       {{ end }}
-      {{ with .Params.editor }}
-        {{ if ne .Params.editor .Params.author }}
+      {{ if ne .Params.editor .Params.author }}
           <p>Edited by {{ .Params.editor }}</p>
-        {{ end }}
       {{ end }}
       {{ with .Params.translator }}
         <p>Translated by {{ . }}</p>

themes/sukaato/layouts/partials/audio_autoplay.html

@@ -0,0 +1,7 @@
+<audio preload autoplay class="audioplay" id="bgmusic">
+    <source src="/audio/dark-folktronica.mp3" type="audio/mpeg">
+</audio>
+<script>
+    var bg_audio = document.getElementById("bgmusic")
+    bg_audio.volume = 0.05
+</script>