M _includes/layouts/base.njk => _includes/layouts/base.njk +3 -4
@@ 33,7 33,7 @@
<main style="display: grid;">
<header>
<h2>
- <a href="/">/ home / chrono /</a> {{ title }}
+ <a href="/">/ home / chrono /</a> {% if tags[0] %} <a href="/{{ tags [0] }}/">{{ tags [0] }} /</a> {% endif %} {% if tags[0] == "positions" or tags[0] == "blog" %} {{ id }} {% else %} {{ title }} {% endif %}
</h2>
<p>
@@ 50,8 50,8 @@
</p>
<p>
<a href="/blog/">blog</a>
- / <a href="/work/">work</a>
/ <a href="/projects/">projects</a>
+ / <a href="/positions/">positions</a>
</p>
</header>
@@ 62,9 62,8 @@
<footer>
<a style="margin: .1vh .1vh 0em" href="https://www.digitalocean.com/?refcode=0cbd24ae5dba&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge"></a>
<br />
- The content of this site is all rights reserved. <br />
- Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/">dtinth</a>.<br />
+ The content of this site is all rights reserved. <br />
The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.<br />
</footer>
</main>
A _includes/layouts/position.njk => _includes/layouts/position.njk +10 -0
@@ 0,0 1,10 @@
+---
+layout: layouts/base.njk
+---
+<article>
+ <header>
+ <h1>{{ title }}</h1>
+ <time datetime="{{ date | dateIso }}">{{ date | dateReadable }}</time>
+ </header>
+ {{ content | safe }}
+</article>
M blog/index.html => blog/index.html +1 -1
@@ 2,7 2,7 @@
layout: layouts/base.njk
title: blog
pagination:
- data: collections.post
+ data: collections.blog
size: 100
reverse: true
alias: posts
M css/style.css => css/style.css +2 -6
@@ 48,16 48,12 @@ div#about {
grid-row: 1;
}
-div#bio {
- grid-row: 2;
-}
-
div#work {
- grid-row: 3;
+ grid-row: 2;
}
div#projects {
- grid-row: 4;
+ grid-row: 3;
}
footer {
M index.html => index.html +14 -95
@@ 1,95 1,14 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">
- <link rel="stylesheet" type="text/css" href="/css/normalize.css" async />
- <link rel="stylesheet" type="text/css" href="/css/style.css" async />
-
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta charset="utf-8" />
-
- <title>chrono</title>
- <meta name="description" content="hi, i'm chrono. visit my site." />
- <meta name="twitter:card" content="summary_large_image" />
- <meta name="twitter:creator" content="@chronomly" />
- <meta property="og:description" content="hi, i'm chrono. visit my site." />
- <meta property="og:type" content="website" />
- <meta property="og:image" content="https://disilla.org/img/social.png" />
- <meta property="og:image:alt" content="chrono-byte" />
- <meta property="og:image:width" content="319" />
- <meta property="og:image:height" content="161" />
- <meta property="og:locale" content="en_US" />
- <meta property="og:site_name" content="chrono" />
- <meta name="robots" content="index,follow" />
- <meta property="og:title" content="chrono" />
- <meta property="og:url" content="https://disilla.org" />
- <link rel="canonical" href="https://disilla.org/" />
- <meta name="theme-color" content="#e9debb" />
- </head>
-
- <body>
- <main style="display: grid;">
- <header>
- <h2>
- <a href="/">/ home / chrono /</a>
- </h2>
-
- <p>
- <script language="JavaScript">
- var name = "chrono";
- var addr_tld = "org"
- var addr_org = "disilla";
- var address = name + "@" + addr_org + "." + addr_tld;
- document.write("<a href=" + "'mailto:" + address + "'>" + "email" + "</a>");;
- </script>
- / <a href="https://twitter.com/chronomly">twitter</a>
- / <a href="https://sr.ht/~chrono/">sr.ht</a>
- / <a href="https://github.com/Chrono-byte">github</a>
- </p>
- <p>
- <a href="/blog/">blog</a>
- / <a href="/work/">work</a>
- / <a href="/projects/">projects</a>
- </p>
- </header>
-
- <content>
- <div id="about">
- <h4 class="headerblack">about me:</h4>
- <p>
- I'm a Computer Science student familiar with C++ and JS.<br />
- My interests are video games and engineering, specifically automobile and aerospace.
- </p>
- </div>
-
- <div id="bio">
- <h4 class="headerblack">biography:</h4>
- <p>
- I was born in Indianapolis, Indiana, USA.<br />
- I am currently finishing high school and am set to begin studying at <i style="color: #363f4741">Currently haven't decided which</i> University in 2023.<br />
- After that, I hope to ? and ?.
- </p>
- </div>
-
- <div id="work">
- <h4 class="headerblack">work: <a href="/work/">link</a></h4>
- </div>
-
- <div id="projects">
- <h4 class="headerblack">projects: <a href="/projects/">link</a></h4>
- </div>
- </content>
-
- <footer>
- <a style="margin: .1vh .1vh 0em" href="https://www.digitalocean.com/?refcode=0cbd24ae5dba&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge"></a>
- <br />
- The content of this site is all rights reserved. <br />
- The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.<br />
- Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
- Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/">dtinth</a>.<br />
- </footer>
- </main>
- </body>
-</html>
+---
+layout: layouts/base.njk
+---
+<div id="about">
+ <h4 id="about" class="headerblack">biography & about me: <a href="/positions/personal">link</a></h4>
+</div>
+
+<div id="work">
+ <h4 class="headerblack">work: <a href="/work/">link</a></h4>
+</div>
+
+<div id="projects">
+ <h4 class="headerblack">projects: <a href="/projects/">link</a></h4>
+</div>
A positions/index.html => positions/index.html +17 -0
@@ 0,0 1,17 @@
+---
+layout: layouts/base.njk
+title: positions
+pagination:
+ data: collections.positions
+ size: 100
+ reverse: true
+ alias: beliefs
+---
+{% for x in beliefs %}
+ <article style="margin:0;">
+ <h1>
+ <a href="{{ x.url | url }}">{{ x.data.title }}</a>
+ </h1>
+ <!-- <time datetime="{{ x.date | dateIso }}">{{ x.date | dateReadable }}</time> -->
+ </article>
+{% endfor %}
A positions/personal.md => positions/personal.md +14 -0
@@ 0,0 1,14 @@
+---
+layout: layouts/post.njk
+id: personal
+title: personal
+tags: ['positions']
+date: 2022-10-28
+---
+## about me:
+I'm a Computer Science student familiar with C++ and JS.
+My interests are video games and engineering, specifically automobile and aerospace.
+## biography:
+I was born in Indianapolis, Indiana, USA.
+I am currently finishing high school and am set to begin studying at <i style="color: #363f4741">Currently haven't decided which</i> University in 2023.
+After that, I hope to ? and ?.
A positions/philosophy.md => positions/philosophy.md +9 -0
@@ 0,0 1,9 @@
+---
+layout: layouts/post.njk
+id: philosophy
+title: philosophy
+tags: ['positions']
+date: 2022-10-28
+---
+
+## things
A positions/politics.md => positions/politics.md +9 -0
@@ 0,0 1,9 @@
+---
+layout: layouts/position.njk
+id: politics
+title: politics
+tags: ['positions']
+date: 2022-10-28
+---
+
+## things
M posts/2022-10-27-hello-world.md => posts/2022-10-27-hello-world.md +2 -1
@@ 1,8 1,9 @@
---
layout: layouts/post.njk
title: Hello, World!
+id: hello-world.md
date: 2022-10-27
-tags: ['post']
+tags: ['blog']
---
Finally got around to putting this old website together. Neat thing about it - powered by [Eleventy](https://www.11ty.dev/), and I can use Markdown to author my posts. It actually is a lot easier than I thought it was going to be.
M projects/index.html => projects/index.html +2 -3
@@ 4,12 4,12 @@ title: projects
---
<style>
.subgroup1 {
- font-size: calc(1rem + 0.5vw);
+ font-size: calc(.6rem + 0.5vw);
max-width: fit-content;
}
div#projectspage {
- max-width: 90%;
+ max-width: 60%;
}
h5 {
@@ 37,4 37,3 @@ h5 {
</p>
</div>
</div>
-
M work/index.html => work/index.html +0 -1
@@ 19,4 19,3 @@ title: work
</p>
</div>
</div>
-