complete overhaul of site in delan abazani's style, minor edits concerning projects & home tag filtering

2026-01-31 04:26:31 -06:00 · 2020-12-04 11:14:23 -06:00
parent ee826879da
commit 26955a69d9
37 changed files with 509 additions and 28 deletions
@@ -0,0 +1,13 @@
+Copyright (c) 2013, Delan Azabani <delan@azabani.com>
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
@@ -23,7 +23,7 @@ email: xevion@xevion.dev
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://xevion.dev" # the base hostname & protocol for your site, e.g. http://example.com
 github:  xevion
-
+highlighter: rouge
 # Build settings
 theme: minima
 plugins:
@@ -0,0 +1,80 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="preload" as="style" href="/assets/main.css">
+    <link rel="stylesheet" href="/assets/main.css">
+<!--    <link rel="stylesheet" href="/assets/print.css" media="print">-->
+    <link rel="stylesheet" href="/assets/rouge.css">
+    <title>
+        {%- if page.title %}
+        {{- page.title -}}{{- " " -}}|{{- " " -}}
+        {%- endif -%}
+        {{- site.title -}}
+    </title>
+    <link rel="preload" as="font" crossorigin href="/assets/fonts/-cmunrm.woff2">
+    <link rel="preload" as="font" crossorigin href="/assets/fonts/-cmuntt.woff2">
+    <link rel="preload" as="font" crossorigin href="/assets/fonts/-cmunti.woff2">
+    <link rel="alternate" type="application/atom+xml" href="/feed/tag/home.xml">
+    {% if page.date -%}
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ page.url | absolute_url }}">
+    <meta property="og:title" content="{{ page.title }}">
+    <meta name="twitter:title" content="{{ page.title }}">
+    {% if page._preview_description -%}
+    <meta property="og:description" content="{{ page._preview_description }}">
+    <meta property="twitter:description" content="{{ page._preview_description }}">
+    {% endif -%}{%- if page._preview_image -%}
+    <meta property="og:image" content="{{ page._preview_image | absolute_url }}">
+    <meta name="twitter:image" content="{{ page._preview_image | absolute_url }}">
+    <meta name="twitter:card" content="summary_large_image">
+    {%- else -%}
+    <meta name="twitter:card" content="summary">
+    {%- endif -%}
+    {%- endif %}
+</head>
+<body>
+<header>Ryan Walters</header>
+<nav>
+    <a href="/">~/</a> :
+    <a href="/about/">~/about/</a> :
+    <a href="/projects/">~/projects/</a>
+</nav>
+
+{% if page.title %}
+    {% if page.date %}
+        {% if page._link %}
+            <h1>
+                <a href="{{ page._link }}">
+                    {{ page.title }}
+                </a>
+            </h1>
+        {% else %}
+            <h1>{{ page.title }}</h1>
+        {% endif %}
+    {% else %}
+        <h1>{{ page.title }}</h1>
+    {% endif %}
+{% endif %}
+
+{% if page.date %}
+<p><i>
+    <a href="{{ page.url }}">
+        <time datetime="{{ page.date | date: '%Y-%m-%dT%H:%M:%SZ' }}">
+            {{- page.date | date: '%Y-%m-%d %H:%M %Z' -}}
+        </time>
+    </a>
+    {%- for tag in page.tags -%}
+    {{- " " -}}{{- tag -}}
+    {%- endfor -%}
+</i>
+    {% endif %}
+    <article>
+
+        {{ content }}
+
+    </article>
+<p>
+</body>
+</html>
@@ -0,0 +1,36 @@
+---
+layout: default
+---
+
+{{ content }}
+
+{% for post in site.posts %}
+<div class="post_summary">
+    <div class="post_date">
+        <a href="{{ post.url }}">
+            <time datetime="{{ post.date | date: '%Y-%m-%dT%H:%M:%SZ' }}">
+			<span class="month">
+				{{ post.date | date: '%b' }}</span><br>
+                <span class="date">
+				{{ post.date | date: '%d' }}</span><br>
+                <span class="year">
+				{{ post.date | date: '%Y' }}</span>
+            </time>
+        </a>
+    </div>
+    <div class="post_combo">
+        <h2><a href="{{ post._link | default: post.url }}">{{ post.title }}</a></h2><i>
+        {%- for tag in post.tags -%}
+        {%- unless page.tag == tag -%}
+        {{- " " -}}{{- tag -}}
+        {%- endunless -%}
+        {%- endfor -%}
+    </i>
+    </div>
+    {{ post.excerpt }}
+</div>
+{% endfor %}
+
+<hr>
+
+<p style="text-align: center;"><a href="/feed/tag/{{ page.tag }}.xml">Atom</a>
@@ -1,8 +1,8 @@
 ---
-layout: post
-title:  "Welcome to Jekyll!"
+layout: default
+title:  Welcome to Jekyll!
 date:   2020-12-03 09:45:50 -0600
-categories: jekyll update
+tags: jekyll update
 ---
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

@@ -0,0 +1,34 @@
+@mixin font($path, $family, $weight: normal, $style: normal, $range...) {
+  @font-face {
+    font: {
+      display: fallback;
+      family: $family;
+      weight: $weight;
+      style: $style;
+    }
+    @if length($range) > 0 {
+      unicode-range: $range;
+    }
+    src: url($path);
+  }
+}
+
+:lang(ckb) {
+  font-family: 'Noto Naskh Arabic';
+}
+
+
+@include font("fonts/cmunrm.woff2", "CMU Serif", normal, normal, U+0-10FFFF);
+@include font("fonts/-cmunrm.woff2", "CMU Serif", normal, normal, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/cmunti.woff2", "CMU Serif", normal, italic, U+0-10FFFF);
+@include font("fonts/-cmunti.woff2", "CMU Serif", normal, italic, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/cmunbx.woff2", "CMU Serif", bold, normal, U+0-10FFFF);
+@include font("fonts/-cmunbx.woff2", "CMU Serif", bold, normal, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/cmunbi.woff2", "CMU Serif", bold, italic, U+0-10FFFF);
+@include font("fonts/-cmunbi.woff2", "CMU Serif", bold, italic, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/cmuntt.woff2", "CMU Typewriter Text", normal, normal, U+0-10FFFF);
+@include font("fonts/-cmuntt.woff2", "CMU Typewriter Text", normal, normal, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/Symbola.woff2", "Symbola", normal, normal, U+0-10FFFF);
+@include font("fonts/-Symbola.woff2", "Symbola", normal, normal, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
+@include font("fonts/NotoNaskhArabic-Regular.woff2", "Noto Naskh Arabic", normal, normal, U+0-10FFFF);
+@include font("fonts/-NotoNaskhArabic-Regular.woff2", "Noto Naskh Arabic", normal, normal, U+20-7E,U+A0-FF,U+17F,U+200-2FF,U+627,U+62F,U+644,U+646,U+649,U+2010-201F,U+2122,U+1F4D6);
@@ -0,0 +1,232 @@
+::selection {
+  background: black;
+  color: white;
+}
+
+::-moz-selection {
+  background: black;
+  color: white;
+}
+
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+img {
+  image-orientation: from-image;
+}
+
+html {
+  overflow-y: scroll;
+  font-size: 16pt;
+}
+
+body {
+  max-width: 42em;
+  margin: 1em auto 2em auto;
+  padding: 0 1em;
+  font-family: CMU Serif, serif;
+  line-height: 1.5;
+}
+
+p, table {
+  margin: 0.5em 0;
+}
+
+header {
+  font-size: 4em;
+  text-align: center;
+  text-transform: lowercase;
+  letter-spacing: 0.1em;
+}
+
+@media (max-width: 720px) {
+  header {
+    font-size: 3em;
+  }
+}
+
+header span {
+  letter-spacing: 0;
+}
+
+aside, blockquote {
+  margin: 1em 1em 1em 4em;
+}
+
+aside.references:before, blockquote:before {
+  display: block;
+  float: left;
+  margin-left: -4rem;
+  color: #808080;
+}
+
+aside.references:before {
+  font-size: 3em;
+  margin-top: -0.5rem;
+  font-family: Symbola, serif;
+
+  /* OPEN BOOK in text presentation */
+  content: '\1F4D6\FE0E';
+}
+
+blockquote:before {
+  font-size: 4em;
+  margin-top: -1rem;
+
+  content: '“';
+}
+
+h1, h2, h3, h4 {
+  margin-top: 0.5em;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+h2 {
+  font-size: 1.5em;
+}
+
+h3 {
+  font-size: 1.25em;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin-left: 2em;
+}
+
+pre, code {
+  font-family: CMU Typewriter Text, monospace, monospace;
+  font-size: 0.75em;
+  font-style: normal !important;
+}
+
+pre {
+  background: #f9f9f9;
+  padding: 0.5em;
+}
+
+pre code {
+  font-size: 1em;
+}
+
+a, hr {
+  color: black;
+}
+
+hr {
+  font-size: 1.5em;
+  margin: 1rem 0;
+  border: none;
+}
+
+hr:before {
+  display: block;
+  text-align: center;
+  content: "❦ ❦ ❦";
+}
+
+i, i *, em, em * {
+  font-style: italic;
+}
+
+b, b *, strong, strong * {
+  font-weight: bold;
+}
+
+strong, strong * {
+  font-style: italic;
+}
+
+ul, ol, dl {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+ul ul, ul ol, ul dl,
+ol ul, ol ol, ol dl,
+dl ul, dl ol, dl dl {
+  margin: 0 0 0 2em;
+  list-style: circle outside none;
+}
+
+ul {
+  list-style: disc outside none;
+}
+
+ol {
+  list-style: decimal outside none;
+}
+
+sub {
+  vertical-align: sub;
+  font-size: 0.75em;
+}
+
+sup {
+  vertical-align: super;
+  font-size: 0.75em;
+}
+
+nav {
+  text-align: center;
+  font-family: CMU Typewriter Text, monospace, monospace;
+  font-size: 1.25em;
+  color: #808080;
+}
+
+nav a {
+  color: black;
+}
+
+.post_summary {
+  clear: both;
+}
+
+.post_date {
+  float: right;
+  margin: 0 0 1em 2em;
+  line-height: 1;
+  text-align: center;
+  text-transform: uppercase;
+  border: thin solid black;
+  border-width: thin 0;
+  padding: 0.25em 0;
+}
+
+.post_date a {
+  text-decoration: none;
+}
+
+.post_date .date {
+  font-size: 2em;
+}
+
+.post_combo {
+  margin-top: 0.75em;
+}
+
+.post_combo > h2 {
+  display: inline;
+}
+
+.post_image {
+  max-width: 30%;
+  margin: 0.5em;
+  vertical-align: middle;
+}
+
+.post_image_half {
+  width: 50%;
+  vertical-align: top;
+}
+
+.post_image_full {
+  width: 100%;
+}
@@ -0,0 +1,77 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #586e75;
+}
+.highlight .err {
+  color: #002b36;
+  background-color: #dc322f;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
+  color: #657b83;
+}
+.highlight .cp {
+  color: #b58900;
+}
+.highlight .nt {
+  color: #b58900;
+}
+.highlight .o, .highlight .ow {
+  color: #93a1a1;
+}
+.highlight .p, .highlight .pi {
+  color: #93a1a1;
+}
+.highlight .gi {
+  color: #859900;
+}
+.highlight .gd {
+  color: #dc322f;
+}
+.highlight .gh {
+  color: #268bd2;
+  background-color: #002b36;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #6c71c4;
+}
+.highlight .kc {
+  color: #cb4b16;
+}
+.highlight .kt {
+  color: #cb4b16;
+}
+.highlight .kd {
+  color: #cb4b16;
+}
+.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #859900;
+}
+.highlight .sr {
+  color: #2aa198;
+}
+.highlight .si {
+  color: #d33682;
+}
+.highlight .se {
+  color: #d33682;
+}
+.highlight .nn {
+  color: #b58900;
+}
+.highlight .nc {
+  color: #b58900;
+}
+.highlight .no {
+  color: #b58900;
+}
+.highlight .na {
+  color: #268bd2;
+}
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #859900;
+}
+.highlight .ss {
+  color: #859900;
+}
@@ -1,18 +0,0 @@
---
-layout: page
-title: About
-permalink: /about/
---
-
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll
@@ -0,0 +1,13 @@
+---
+layout: default
+title: About
+permalink: /about/
+---
+
+My name is **Ryan Walters**. My online handle is **Xevion**, as the domain shows.
+
+I'm a Senior Highschooler currently applying to colleges in order to major in Computer Science.
+
+---
+
+This site is a refactored and simplified version of [Delan Abazani's](https://abazani.com) personal blog site.
@@ -0,0 +1,5 @@
+---
+---
+
+@import "main";
+@import "fonts";
@@ -0,0 +1,4 @@
+---
+---
+
+@import "rouge";
@@ -0,0 +1,4 @@
+---
+layout: posts
+tag: home
+---
@@ -1,6 +0,0 @@
---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: home
---
@@ -0,0 +1,7 @@
+---
+layout: default
+title: Projects
+permalink: /projects/
+---
+
+* [Paths](https://github.com/Xevion/Paths) - A pathfinding simulation app designed to show off and explore various pathfinding algorithsm and their interactions on a 2D grid.