initial commit

.gitignore

@@ -0,0 +1,2 @@
+public/
+stashed/

config.toml

@@ -0,0 +1,22 @@
+# The URL the site will be built for
+base_url = "https://collective-conciousness.monster"
+title = "Blog of Ittihadyya"
+description = "Adyya's den"
+default_language = "en"
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+generate_feeds = true
+#default auithor
+author = "Ittihadyya (unmarked)"
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+generate_robots_txt = true
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = false
+render_emoji = true
+external_links_target_blank = true
+[extra]
+# Put all your custom variables here

content/about/_index.md

@@ -0,0 +1,6 @@
++++
+title = "List of pages with descriptive information about the entities who made this website"
+template = "about.html"
+sort_by = "title"
+page_template = "about-page.html"
++++

content/about/eli.md

@@ -0,0 +1,18 @@
++++
+title = "eli"
+[extra]
+footnote1 = "There is no canon pronunciation."
+footnote2 = "Undecided what kind, exactly."
+footnote3 = "Silksong is coming out soon, right?"
++++
+**Pronouns** : she/her preferred, but they/them is also fine.
+
+{{ br() }}
+
+I'm Eli {{ footnote() }}, an entity{{ footnote() }} of some sorts. Computers fear me, for I usually fuck them up ( *unwillingly*, if I may add ) while tinkering with them. Currently kinda interested in distributed computing.{{br()}}
+My favourite song is {% link(url="https://www.youtube.com/watch?v=Yh5RSv52g6U") %} Vital Signs by Rush {% end %}. {{br()}}
+My favourite videogames are *Hollow Knight*{{ footnote() }}, *Sekiro: Shadows Die Twice* and *Terraria*. {{br()}}
+-\-\-
+{{ footnoted() }}
+{{ footnoted() }}
+{{ footnoted() }}

content/about/jade.md

@@ -0,0 +1,9 @@
++++
+title = "jade"
+[extra]
+footnote1 = "Depending on when you are reading this you might find art of it on the website"
++++
+**Pronouns**: they/them and she/her are fine, no preference between the two. {{br()}}
+Hii! I'm Jade, my 'sona is a dragon{{footnote()}}! I like drawing! I also do pixel art! My favourite game is *Crying Suns*. If I ever remember to write blog posts they'll probably be about one of the aforementioned things. That's about it ! {{br()}}
+\-\-\-
+{{ footnoted() }}

content/about/vulcan.md

@@ -0,0 +1,5 @@
++++
+title = "vulcan"
++++
+
+thing

content/blogs/eli/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Eli's blog posts"
+sort_by = "date"
+template = "eli-blog.html"
+page_template = "eli-blog-page.html"
++++

content/blogs/eli/test.md

@@ -0,0 +1,6 @@
++++
+title = "damm"
+date = "2024-05-05"
++++
+
+test

content/blogs/jade/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Jade's blog posts"
+sort_by = "date"
+template = "jade-blog.html"
+page_template = "jade-blog-page.html"
++++

content/blogs/vulcan/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Vulcan's blog posts"
+sort_by = "date"
+template = "vulcan-blog.html"
+page_template = "vulcan-blog-page.html"
++++

content/contact.md

@@ -0,0 +1,11 @@
++++
+title = "Contact information"
+template = "contact.html"
+page_template = "contact.html"
+[extra]
+footnote1 = "That should be within our respective \"about\" pages."
++++
+
+You can contact us on our respective fediverse profiles{{ footnote() }}. {{br()}} You can also contact us on email at {% link(url="mailto:ittihadyya@collective-conciousness.monster") %}ittihadyya@collective-conciousness.monster{% end %}.{{br()}}
+\-\-\-
+{{footnoted()}}

static/css/about.css

@@ -0,0 +1,3 @@
+.about-content {
+	font-family: monospace;
+}

static/css/blog.css

@@ -0,0 +1,3 @@
+.blockquote-div {
+	background-color: calc(var(--member-bg-color));
+}

static/css/eli-style.css

@@ -0,0 +1,12 @@
+@import url(eli-blog.css);
+:root {
+	--eli-color-one: rgb(112, 16, 150);
+	--eli-color-two: rgb(175, 14, 81);
+	--eli-color-three: rgb(136, 97, 13);
+	--navbar-accent-color: var(--eli-color-one);
+	--fnColor: var(--eli-color-three);
+	--member-fg-color: rgb(185, 243, 243);
+}
+#navbar-accent {
+	background: linear-gradient(to right, var(--navbar-accent-color), var(--eli-color-two));
+}

static/css/footnotes.css

@@ -0,0 +1,108 @@
+:root {
+    --posX: 25%;
+    --fnTransition: 0.3s;
+    --fnLinger: 0.15s;
+    --fnInteract: calc(var(--fnTransition) + var(--fnLinger));
+}
+ 
+/*--- Footnote Auto-counter --*/
+#main-content {
+    counter-reset: megacount;
+}
+ 
+/*--- Footnote Superscript Number --*/
+.fnnum {
+    display: inline-block;
+    width: max-content;
+    text-indent: -0.475ex;
+    vertical-align: super;
+    line-height: 80%;
+    word-break: initial;
+    text-decoration: none;
+    font-weight: bold;
+    font-style: initial;
+    color: transparent;
+    position: relative;
+    font-size: 80%;
+    padding: .15em .05em;
+    margin-right: -0.25em;
+    counter-increment: megacount;
+    -webkit-user-select: none;
+    user-select: none;
+}
+.fnnum::after {
+    content: "" counter(megacount);
+    color: var(--fnColor, #E6283C);
+}
+.fnnum:hover {
+    text-decoration: none;
+    cursor: pointer;
+    background-color: var(--fnColor, #E6283C);
+}
+.fnnum:hover::after { color: white; }
+ 
+/*--- Footnote Content Wrapper --*/
+.fncon {
+    position: absolute;
+    left: calc(0.9375rem + 100% - var(--posX));
+    line-height: 1.25;
+    padding: 0.8125rem;
+    width: 12.5rem;
+    box-sizing: border-box;
+    background: white;
+    border: .125rem solid black;
+    font-size: .9125rem;
+    font-weight: initial;
+    font-style: normal;
+    text-align: initial;
+    visibility: hidden;
+    opacity: 0;
+    z-index: 9;
+    transition:
+        opacity 0.15s linear var(--fnLinger),
+        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
+        visibility 0.01s linear var(--fnInteract);
+}
+.fnnum:hover + .fncon, .fncon:hover {
+    opacity: 1;
+    z-index: 10;
+    left: calc(0.9375rem + 100% - var(--posX));
+    visibility: visible;
+    transition:
+        opacity 0.15s linear,
+        right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
+}
+ 
+.fncon::before {
+    position: absolute;
+    top: 0; left: 0;
+    transform: translateX(-52%) translateY(-55%) scale(1.15);
+    background-color: var(--fnColor, #E6283C);
+    color: white;
+    content: counter(megacount);
+    font-size: initial;
+    font-weight: bold;
+    font-style: initial;
+    padding: 0.18rem 0.32em 0.08rem;
+}
+ 
+/*--- Mobile Query --*/
+@media only screen and (max-width: 80rem) {
+    .fncon {
+        position: fixed;
+        bottom: 1.5rem;
+        left: calc(15% - 3.125rem);
+        width: 70%;
+        transition:
+            opacity 0.15s linear var(--fnLinger),
+            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
+            visibility 0.01s linear var(--fnInteract);
+    }
+    .fnnum:hover + .fncon, .fncon:hover {
+        left: 15%;
+        transition:
+            opacity 0.15s linear,
+            left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
+    }
+}
+

static/css/general-style.css

@@ -0,0 +1,84 @@
+@import url(setup.css);
+@import url(footnotes.css);
+@import url(navbar.css);
+:root {
+    /* DEFAULT LIGHT SCHEME COLOURS  still WIP */ 
+    --main-text-color: #1B2430;
+    --outlink-color: #4169e1;
+    --inlink-color: #006400;
+    --purple: #800080;
+    --grey: #878787;
+    --table-color: #000000;
+    --shadow-color: #999999;
+    --transparent-shadow: rgb(29, 29, 29, 0.5);
+    --very-transparent-shadow: rgb(200, 200, 200, 0.01);
+    --title-color: white;
+	--member-bg-color: rgb(177, 174, 160);
+	--member-fg-color: rgb(121, 116, 120);
+    --white: rgb(225,225,225);
+
+    --padsize: 5rem;
+}
+@media screen and (prefers-color-scheme: dark) {
+    :root {
+      --member-bg-color: #1B2430;
+      --outlink-color: #ff8080;
+      --inlink-color: #7aff7a;
+      --main-text-color: #FFFFFF;
+      --purple: #ffd1ff ;
+      --grey: #E7F6F2;
+      --table-color: #F7EDDB;
+      --title-color: #FFFFFF;
+    }
+  }
+  
+.base-body {
+	background-color: var(--member-bg-color);
+}
+
+
+.container {
+    max-width: none;
+    padding-left: 1.4rem;
+    padding-right: 1.4rem;
+    margin-left: 5%;
+    margin-right: 5%;
+    margin-bottom: 0%;
+}
+#first-container {
+    margin: auto;
+    width: 100%;
+    box-sizing: border-box;
+    margin-top: var(--padsize);
+    overflow: auto;
+    max-height: calc(100%-5rem);
+}
+.flex-justified{
+    display: flex;
+	margin-left: 25%;
+	margin-right: 25%;
+    justify-self: center;
+	justify-content: center;
+    display: flex
+}
+#first-section{ 
+	background-color: var(--member-fg-color);
+	box-shadow: 0 0.125rem 0.25rem var(--transparent-shadow);
+}
+#FooterSpacer {
+    min-height: 100vh;
+    background-color: var(--very-transparent-shadow); 
+    backdrop-filter: blur(0.1rem);
+    flex-shrink: 0;
+}
+#FootFooter{
+    background-color: var(--member-fg-color);
+    justify-content: center;
+}
+.title {
+	display: flex;
+	justify-content: center;
+}
+.centered-text {
+    text-align: center;
+}

static/css/jade-blog.css

@@ -0,0 +1,7 @@
+.blockquote-div {
+	border: 0.125rem solid var(--jade-color-three);
+	background-color: var(--white);
+}
+.blockquote-actual {
+	white-space: pre-line;
+}

static/css/jade-style.css

@@ -0,0 +1,17 @@
+@import url(jade-blog.css);
+.base-body {
+	background-image: url(../images/jade-web-background.png);
+	background-repeat: repeat;
+	image-rendering: pixelated;
+}
+:root {
+	--jade-color-one: rgb(13, 109, 77);
+	--jade-color-two: rgb(93, 184, 71);
+	--navbar-accent-color: var(--jade-color-one);
+	--jade-color-three: rgb(70, 14, 116);
+	--fnColor: var(--jade-color-three);
+	--member-fg-color: rgb(243, 187, 187);
+}
+#navbar-accent {
+	background: linear-gradient(to right, var(--navbar-accent-color), var(--jade-color-two));
+}

static/css/navbar.css

@@ -0,0 +1,116 @@
+/*
+    the following is for the navbar
+*/
+:root {
+    --navbar-bg-color: hsl(0, 0%, 15%);
+    --navbar-text-color: hsl(0, 0%, 85%);
+    --navbar-text-color-focus: white;
+    --navbar-bg-contrast: hsl(0, 0%, 25%);
+    --navbar-accent-color: rgb(255, 255, 255);
+}
+
+#navbar {
+    --navbar-height: 4rem;
+    --navbar-gradient-color: rgb(65, 64, 63);
+    position: fixed;
+    height: var(--navbar-height);
+    background: linear-gradient(90deg, var(--navbar-gradient-color), transparent, var(--navbar-gradient-color) );
+    background-color: var(--navbar-bg-color);
+    left: 0;
+    right: 0;
+    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
+    z-index: 100; /* don't judge me ok -e */
+}
+#navbar-accent {
+    background-color: var(--navbar-accent-color);
+    display:flex;
+    height: 25%;
+}
+.navbar-container {
+    display: flex;
+    justify-content: space-between;
+    height: 100%;
+    align-items: center;
+}
+
+.home-link,
+.navbar-link {
+    color: var(--navbar-text-color);
+    transition: color 0.2s ease-in-out;
+    text-decoration: none;
+    display: flex;
+    font-weight: 400;
+    align-items: center;
+    transition: background-color 0.2s ease-in-out,
+                color 0.2s ease-in-out;
+}
+
+.home-link:focus,
+.home-link:hover {
+    color: var(--navbar-text-color-focus);
+}
+
+.navbar-link {
+    justify-content: center;
+    width: 100%;
+    padding: 0.4em 0.8em;
+    border-radius: 0.3125rem;    
+}
+
+.navbar-link:focus,
+.navbar-link:hover {
+    color: var(--navbar-text-color-focus);
+    background-color: var(--navbar-bg-contrast);
+}
+
+.navbar-logo {
+    background-color: var(--navbar-text-color-focus);
+    border-radius: 0%;
+    width: 8rem;
+    height: 2rem;
+    margin-right: 0.5em;
+}
+.icon-bar {
+    display: block;
+    width: 1.5625rem;
+    height: 0.25rem;
+    margin: calc(1/8)rem;
+    transition: background-color 0.2s ease-in-out,
+                transform 0.2s ease-in-out,
+                opacity 0.2s ease-in-out;
+    background-color: var(--navbar-text-color);
+}
+
+.navbar-links {
+    list-style-type: none;
+    max-height: 0;
+    overflow: auto;
+    position: absolute;
+    background: transparent;
+  /*  background-color: var(--navbar-bg-color); */
+    display: flex;
+    align-items: center;
+}
+.navbar-item {
+    margin: 0.4em;
+    white-space: nowrap;
+    width: 100%;
+}
+
+#navbar .navbar-links,
+#navbar-links {
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    position: static;
+    flex-direction: row;
+    list-style-type: none;
+    max-height: max-content;
+    width: 100%;
+    height: 100%;
+}
+
+#options {
+    display: flex;
+    flex-direction: column;
+}

static/css/setup.css

@@ -0,0 +1,11 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    height: 100vh;
+    font-family: sans-serif, monospace, system-ui;
+    line-height: 1.6;
+}

static/css/vulcan-style.css

@@ -0,0 +1,13 @@
+.base-body {
+	/*background-image: url(../vulcan-web-background.jpg);*/
+	background-image: url(../images/vulcan-pixel-new13.png);
+	image-rendering: pixelated;
+}
+:root {
+	--vulcan-color-one: rgb(133, 84, 52);
+	--vulcan-color-two: rgb(131, 36, 36);
+	--navbar-accent-color: var(--vulcan-color-one);
+}
+#navbar-accent {
+	background: linear-gradient(to right, var(--navbar-accent-color), var(--vulcan-color-two))
+}

templates/about-page.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+
+{% block head %}
+{% set name = page.title %}
+<title>About {{name}}</title>
+<link rel="stylesheet" href={{get_url(path="css/about.css")}}>
+{% set css_path = get_url(path="css") ~ "/" ~ name ~ "-style.css" %}
+<link rel="stylesheet" href="{{css_path}}"/>
+{% endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ page.title }}
+</h1>
+<p class = "about-content">
+{{ page.content | safe }}
+</p>
+{% endblock content %}

templates/about.html

@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>About Ittihadyya</title>
+{% endblock head %}
+
+{% block content %}
+<h1 class ="title">
+	{{ section.title }}
+</h1>
+<ul>
+	{% for page in section.pages %}
+	<li><a href="{{ page.permalink | safe}}">{{ page.title }}</a></li>
+	{% endfor %}
+</ul>
+{% endblock content %}

templates/base.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="{{ get_url(path="css/general-style.css") }}"/>
+  <link rel="stylesheet" href="{{ get_url(path="css/navbar.css") }}"/>
+  {% block head %} {% endblock %}
+</head>
+<body class="base-body">
+<header id="navbar">
+  <nav class="navbar-container container">
+    <a href="/" class="home-link" aria-label="Go to site home">
+      <div class="navbar-logo"></div>
+    </a>
+    <div id="navbar-menu" class="menu">
+      <ul class="navbar-links">
+        <li class="navbar-item"><a class="navbar-link" href="/blogs/eli">Eli's blog</a></li>
+        <li class="navbar-item"><a class="navbar-link" href="/blogs/jade">Jade's blog</a></li>
+        <li class="navbar-item"><a class="navbar-link" href="/blogs/vulcan">Vulcan's blog</a></li>
+        <li class="navbar-item"><a class="navbar-link" href="/contact">Contact</a></li>
+        <li class="navbar-item"><a class="navbar-link" href="/about">About</a></li>
+      </ul>
+    </div>
+  </nav>
+  <div id="navbar-accent"></div>
+</header>
+<section id="first-section" class="flex-justified">
+  <div id = "first-container" class="container">
+    {% block content %} {% endblock %}
+  </div>
+</section>
+<div id="FooterSpacer" class ="flex-justified"></div>
+<footer id="FootFooter" class = "flex-justified">
+  <p class="centered-text">[ Previous space left intentionally blank ]<br> This website is powered by <a href="https://getzola.org">Zola</a></p>
+</footer>
+</body>
+
+</html>

templates/contact.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Ittihadyya | Contact</title>
+{% endblock head %}
+
+{% block content %}
+<h1 class="title">
+  Contact
+</h1>
+{{ page.content | safe }}
+{% endblock content %}

templates/eli-blog-page.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Eli's Blog | {{ page.title }}</title>
+<link rel="stylesheet" href="{{get_url(path="css/blog.css")}}">
+<link rel="stylesheet" href="{{ get_url(path="css/eli-style.css") }}">
+
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<p class="blog post">
+{{ page.content | safe }}
+</p>
+{% endblock content %}

templates/eli-blog.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Eli's Blog</title>
+<link rel="stylesheet" href="{{ get_url(path="css/eli-style.css") }}">
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ section.title }}
+</h1>
+<ul>
+  <!-- If you are using pagination, section.pages will be empty.
+       You need to use the paginator object -->  
+  {% for page in section.pages %}
+  <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+  {% endfor %}
+</ul>
+{% endblock content %}

templates/index.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block head  %}
+<title>Ittihadyya's Website</title>
+{% endblock head %}
+
+{% block content %}
+<h1 class="title">
+  This is Ittihadyya's den
+</h1>
+<p> Hi! This is the website of Ittihadyya.</p>
+{% endblock content %}

templates/jade-blog-page.html

@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Jade's Blog | {{page.title}}</title>
+<link rel="stylesheet" href="{{get_url(path="css/blog.css")}}">
+<link rel="stylesheet" href="{{ get_url(path="css/jade-style.css") }}">
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<p class="blog post">
+  {{ page.content | safe }}
+  </p>
+{% endblock content %}

templates/jade-blog.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Jade's Blog</title>
+<link rel="stylesheet" href="{{ get_url(path="css/jade-style.css") }}"/>
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ section.title }}
+</h1>
+<ul>
+  <!-- If you are using pagination, section.pages will be empty.
+       You need to use the paginator object -->  
+  {% for page in section.pages %}
+  <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+  {% endfor %}
+</ul>
+{% endblock content %}

templates/shortcodes/blockquote.html

@@ -0,0 +1,6 @@
+<div class="blockquote-div">
+	<blockquote class="blockquote-actual"{% if url %} cite="{{url}}"{% endif %}>
+		<p>{{body}}</p>
+	</blockquote>
+	{% if author %} <p>{{author}}, {% if source %}<cite>{{source}}</cite>{% endif %}</p> {% endif %}
+</div>

templates/shortcodes/br.html

@@ -0,0 +1 @@
+<br>

templates/shortcodes/embed-youtube.html

@@ -0,0 +1,8 @@
+<div {% if class %}class="{{class}}"{% endif %}></div>
+    <iframe
+        src="https://www.youtube.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
+        webkitallowfullscreen
+        mozallowfullscreen
+        allowfullscreen>
+    </iframe>
+</div>

templates/shortcodes/embedimage.html

@@ -0,0 +1 @@
+<div><img {% if h %} height={{h}} {% endif %} {% if w %} width={{w}} {% endif %} src="{{file}}" alt="{{alt}}"></img></div>

templates/shortcodes/footnote.html

@@ -0,0 +1,6 @@
+{% set footnum = "footnote" ~ nth %}
+{% set footnum2 = "#"~footnum %}
+<a class = "fnnum" href={{footnum2}} id={{"initial-" ~ footnum }} >.</a>
+<span class = "fncon">
+	 {{ page.extra[footnum] }}
+</span>

templates/shortcodes/footnoted.html

@@ -0,0 +1,3 @@
+{% set footnum = "footnote" ~ nth %}
+{% set initial = "#initial-footnote" ~ nth%}
+<div class = "footnote-footer"><a href = {{initial}} id = {{footnum}} aria-label="Jump up" title = "Jump up">{{nth}}.</a> {{ page.extra[footnum] }}</div>

templates/shortcodes/footnotee.html

@@ -0,0 +1,6 @@
+{% set footnum = "footnote" ~ id %}
+{% set footnum2 = "#"~footnum %}
+<a class = "fnnum" href={{footnum2}} id={{"initial-" ~ footnum }} >.</a>
+<span class = "fncon">
+	 {{ page.extra[footnum] }}
+</span>

templates/shortcodes/h1.html

@@ -0,0 +1 @@
+<h1>{{body}}</h1>

templates/shortcodes/h2.html

@@ -0,0 +1 @@
+<h2>{{body}}</h2>

templates/shortcodes/h3.html

@@ -0,0 +1 @@
+<h3>{{body}}</h3>

templates/shortcodes/link.html

@@ -0,0 +1 @@
+<a href={{url}}><em>{{body}}</em></a>

templates/vulcan-blog-page.html

@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Vulcan's Blog | {{page.title}}</title>
+<link rel="stylesheet" href="{{ get_url( path="css/blog.css" ) }} ">
+<link rel="stylesheet" href="{{ get_url(path="css/vulcan-style.css") }} ">
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<p class="blog post">
+  {{ page.content | safe }}
+  </p>
+{% endblock content %}

templates/vulcan-blog.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block head %}
+<title>Vulcan's Blog</title>
+<link rel="stylesheet" href="{{ get_url(path="css/vulcan-style.css") }}"/>
+{%endblock head %}
+
+{% block content %}
+<h1 class="title">
+  {{ section.title }}
+</h1>
+<ul>
+  <!-- If you are using pagination, section.pages will be empty.
+       You need to use the paginator object -->  
+  {% for page in section.pages %}
+  <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+  {% endfor %}
+</ul>
+{% endblock content %}

test

@@ -1 +0,0 @@
-test