first commit
This commit is contained in:
Bryan Van Deusen
commit
3f2cec5cb9
27 changed files with 1159 additions and 0 deletions
9
Gemfile
Normal file
9
Gemfile
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
source "https://rubygems.org"
|
||||
|
||||
gem "jekyll"
|
||||
|
||||
gem "jekyll-feed", "~> 0.17.0"
|
||||
|
||||
gem "jekyll-sitemap", "~> 1.4"
|
||||
86
Gemfile.lock
Normal file
86
Gemfile.lock
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
addressable (2.8.7)
|
||||
public_suffix (>= 2.0.2, < 7.0)
|
||||
base64 (0.3.0)
|
||||
bigdecimal (3.3.1)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.3.5)
|
||||
csv (3.3.5)
|
||||
em-websocket (0.5.3)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.17.2-x64-mingw-ucrt)
|
||||
forwardable-extended (2.6.0)
|
||||
google-protobuf (4.33.0-x64-mingw-ucrt)
|
||||
bigdecimal
|
||||
rake (>= 13)
|
||||
http_parser.rb (0.8.0)
|
||||
i18n (1.14.7)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (4.4.1)
|
||||
addressable (~> 2.4)
|
||||
base64 (~> 0.2)
|
||||
colorator (~> 1.0)
|
||||
csv (~> 3.0)
|
||||
em-websocket (~> 0.5)
|
||||
i18n (~> 1.0)
|
||||
jekyll-sass-converter (>= 2.0, < 4.0)
|
||||
jekyll-watch (~> 2.0)
|
||||
json (~> 2.6)
|
||||
kramdown (~> 2.3, >= 2.3.1)
|
||||
kramdown-parser-gfm (~> 1.0)
|
||||
liquid (~> 4.0)
|
||||
mercenary (~> 0.3, >= 0.3.6)
|
||||
pathutil (~> 0.9)
|
||||
rouge (>= 3.0, < 5.0)
|
||||
safe_yaml (~> 1.0)
|
||||
terminal-table (>= 1.8, < 4.0)
|
||||
webrick (~> 1.7)
|
||||
jekyll-feed (0.17.0)
|
||||
jekyll (>= 3.7, < 5.0)
|
||||
jekyll-sass-converter (3.1.0)
|
||||
sass-embedded (~> 1.75)
|
||||
jekyll-sitemap (1.4.0)
|
||||
jekyll (>= 3.7, < 5.0)
|
||||
jekyll-watch (2.2.1)
|
||||
listen (~> 3.0)
|
||||
json (2.15.1)
|
||||
kramdown (2.5.1)
|
||||
rexml (>= 3.3.9)
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
kramdown (~> 2.0)
|
||||
liquid (4.0.4)
|
||||
listen (3.9.0)
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
mercenary (0.4.0)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (6.0.2)
|
||||
rake (13.3.0)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.11.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.4.4)
|
||||
rouge (4.6.1)
|
||||
safe_yaml (1.0.5)
|
||||
sass-embedded (1.93.2-x64-mingw-ucrt)
|
||||
google-protobuf (~> 4.31)
|
||||
terminal-table (3.0.2)
|
||||
unicode-display_width (>= 1.1.1, < 3)
|
||||
unicode-display_width (2.6.0)
|
||||
webrick (1.9.1)
|
||||
|
||||
PLATFORMS
|
||||
x64-mingw-ucrt
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll
|
||||
jekyll-feed (~> 0.17.0)
|
||||
jekyll-sitemap (~> 1.4)
|
||||
|
||||
BUNDLED WITH
|
||||
2.7.2
|
||||
7
_authors/bryan.md
Normal file
7
_authors/bryan.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
short_name: Bryan
|
||||
name: Bryan V
|
||||
position: Owner
|
||||
---
|
||||
Organizer and proprieter of the site and its resources.
|
||||
Father and IT Hobbiest
|
||||
13
_config.yml
Normal file
13
_config.yml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
title: Fabled Sword
|
||||
url: https://fabledsword.com
|
||||
baseurl: ""
|
||||
permalink: pretty
|
||||
markdown: kramdown
|
||||
highlighter: rouge
|
||||
|
||||
plugins:
|
||||
- jekyll-feed
|
||||
- jekyll-sitemap
|
||||
|
||||
collections:
|
||||
authors:
|
||||
8
_data/navigation.yml
Normal file
8
_data/navigation.yml
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
- name: Home
|
||||
link: /
|
||||
- name: About
|
||||
link: /about/index.html
|
||||
- name: Blog
|
||||
link: /blog/index.html
|
||||
- name: Staff
|
||||
link: /staff/index.html
|
||||
7
_includes/navigation.html
Normal file
7
_includes/navigation.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<div class="nav-div">
|
||||
<nav>
|
||||
{% for item in site.data.navigation %}
|
||||
<a href="{{ item.link }}"{% if page.url == item.link %} class="nav-current"{% endif %}>{{ item.name }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</div>
|
||||
33
_layouts/default.html
Normal file
33
_layouts/default.html
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - {{ page.title }}</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
{% include navigation.html %}
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
{% assign news_posts = site.posts
|
||||
| where_exp: "p", "p.tags contains 'news'"
|
||||
| sort: "date" | reverse %}
|
||||
{% for post in news_posts limit:10 %}
|
||||
<a href="{{ post.url | relative_url }}">
|
||||
<li class="sidebar-item">
|
||||
|
||||
{{ post.title }}
|
||||
<small>{{ post.date | date: "%b %e, %Y" }}</small>
|
||||
</li>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
{{ content }}
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
17
_layouts/post.html
Normal file
17
_layouts/post.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
<h1>{{ page.title }}</h1>
|
||||
<div class="post-item">
|
||||
<div class="page-meta">
|
||||
{{ page.date | date_to_string }} - {{ page.author }}
|
||||
{% if page.tags and page.tags.size > 0 %}
|
||||
<ul class="page-tags">
|
||||
{% for tag in page.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
{{ content }}
|
||||
</div>
|
||||
9
_posts/25-10-29-Welcome.md
Normal file
9
_posts/25-10-29-Welcome.md
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
layout: post
|
||||
title: Welcome to the Fabled Sword
|
||||
author: Bryan V.
|
||||
tags: news
|
||||
---
|
||||
Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com
|
||||
I hope to use this space for creative works and share news about this space and the people who use it.
|
||||
Thank you for paying us a visit.
|
||||
231
_sass/main.scss
Normal file
231
_sass/main.scss
Normal file
|
|
@ -0,0 +1,231 @@
|
|||
/* ===============================
|
||||
0) Design Tokens (CSS vars)
|
||||
=============================== */
|
||||
:root {
|
||||
/* Colors */
|
||||
--color-primary: rgb(199, 0, 0);
|
||||
--color-secondary: rgb(145, 145, 145);
|
||||
--color-accent: rgb(201, 107, 0);
|
||||
--color-background: rgb(153, 153, 153);
|
||||
|
||||
/* Commonly reused values from your styles */
|
||||
--color-text: rgb(190, 190, 190);
|
||||
--panel-bg: rgba(0, 0, 0, 0.5);
|
||||
--panel-hover-bg: rgb(100, 100, 100);
|
||||
|
||||
/* Layout */
|
||||
--width-max: 1400px;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
1) Base / Global
|
||||
=============================== */
|
||||
body {
|
||||
background-image: url('/assets/images/fabled_background.jpg');
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h2 { margin: 0; }
|
||||
|
||||
main h1 {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
2) Shell / Main View
|
||||
=============================== */
|
||||
.main-view {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
width: 90%;
|
||||
max-width: var(--width-max);
|
||||
height: 93vh;
|
||||
background-color: rgba(255, 255, 255, 0.452);
|
||||
padding: 1em;
|
||||
border-radius: 0 0 1em 1em;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
3) Navigation
|
||||
=============================== */
|
||||
.nav-div {
|
||||
width: 100%;
|
||||
background-color: rgba(17, 0, 0, 0.9);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
width: 90vw;
|
||||
max-width: var(--width-max);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
padding: 0.7em 1em;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
transition: background-color 0.3s ease;
|
||||
|
||||
&:hover { background-color: rgba(250, 250, 250, 0.3); }
|
||||
}
|
||||
}
|
||||
|
||||
.nav-current { color: var(--color-primary); }
|
||||
|
||||
/* ===============================
|
||||
4) Sidebar
|
||||
=============================== */
|
||||
.sidebar {
|
||||
width: 22vw;
|
||||
max-width: 260px;
|
||||
flex: 0 0 22vw;
|
||||
background: var(--panel-bg);
|
||||
padding: 1em;
|
||||
border-radius: 0.5em 0 0 0.5em;
|
||||
color: var(--color-text);
|
||||
|
||||
h2 { text-align: center; }
|
||||
|
||||
.sidebar-item {
|
||||
background-color: var(--panel-bg);
|
||||
padding: 1em;
|
||||
border-radius: 0.5em;
|
||||
|
||||
&:hover { background-color: var(--panel-hover-bg); }
|
||||
}
|
||||
|
||||
.news-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0 0;
|
||||
|
||||
li { margin: 0.4rem 0; }
|
||||
|
||||
small {
|
||||
display: block;
|
||||
opacity: 0.7;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--color-text);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
5) Main Content Area
|
||||
=============================== */
|
||||
.main {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
background-color: var(--panel-bg);
|
||||
color: var(--color-text);
|
||||
border-radius: 0 0.5em 0.5em 0;
|
||||
padding: 2.5em;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
6) Posts (lists, items, tags)
|
||||
=============================== */
|
||||
.post-list {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--color-text);
|
||||
}
|
||||
}
|
||||
|
||||
.post-item {
|
||||
background-color: var(--panel-bg);
|
||||
padding: 2em;
|
||||
border-radius: 0.5em;
|
||||
|
||||
&:hover { background-color: rgba(100, 100, 100, 1); }
|
||||
}
|
||||
|
||||
.post-tags {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.25rem 0 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
|
||||
li {
|
||||
font-size: 0.85rem;
|
||||
padding: 0.15rem 0.5rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 1rem;
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
7) Page-level meta / tags
|
||||
=============================== */
|
||||
.page-meta { text-align: center; }
|
||||
|
||||
.page-tags {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.25rem 0 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
font-size: 0.85rem;
|
||||
padding: 0.15rem 0.5rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 1rem;
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
8) Staff Page
|
||||
=============================== */
|
||||
.staff-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 1.5rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.staff-card {
|
||||
background-color: var(--panel-bg);
|
||||
color: var(--color-text);
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
transition: background-color 0.3s ease;
|
||||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||||
|
||||
&:hover {
|
||||
background-color: var(--panel-hover-bg);
|
||||
}
|
||||
|
||||
.staff-name {
|
||||
margin: 0;
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.staff-position {
|
||||
margin: 0.25rem 0 1rem;
|
||||
font-weight: 400;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.staff-bio {
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
59
_site/2025/10/29/Welcome/index.html
Normal file
59
_site/2025/10/29/Welcome/index.html
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - Welcome to the Fabled Sword</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav-div">
|
||||
<nav>
|
||||
|
||||
<a href="/">Home</a>
|
||||
|
||||
<a href="/about/index.html">About</a>
|
||||
|
||||
<a href="/blog/index.html">Blog</a>
|
||||
|
||||
<a href="/staff/index.html">Staff</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<li class="sidebar-item">
|
||||
|
||||
Welcome to the Fabled Sword
|
||||
<small>Oct 29, 2025</small>
|
||||
</li>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<h1>Welcome to the Fabled Sword</h1>
|
||||
<div class="post-item">
|
||||
<div class="page-meta">
|
||||
29 Oct 2025 - Bryan V.
|
||||
|
||||
<ul class="page-tags">
|
||||
|
||||
<li>news</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<p>Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com
|
||||
I hope to use this space for creative works and share news about this space and the people who use it.
|
||||
Thank you for paying us a visit.</p>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
74
_site/about/index.html
Normal file
74
_site/about/index.html
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - About</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav-div">
|
||||
<nav>
|
||||
|
||||
<a href="/">Home</a>
|
||||
|
||||
<a href="/about/index.html">About</a>
|
||||
|
||||
<a href="/blog/index.html">Blog</a>
|
||||
|
||||
<a href="/staff/index.html">Staff</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<li class="sidebar-item">
|
||||
|
||||
Welcome to the Fabled Sword
|
||||
<small>Oct 29, 2025</small>
|
||||
</li>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<h1>About Fabled Sword</h1>
|
||||
|
||||
<article class="post-item prose">
|
||||
<p>
|
||||
This is a labor of love. This project is for myself and anyone I share it with.
|
||||
I hope that it'll be a creative and enjoyable space to share.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="about-grid">
|
||||
<section class="about-card">
|
||||
<h2>What this is</h2>
|
||||
<p>A home for experiments, posts, and maybe even stories</p>
|
||||
</section>
|
||||
|
||||
<section class="about-card">
|
||||
<h2>Why it exists</h2>
|
||||
<p>To learn in public, archive ideas, and make it easy to share work-in-progress.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-card">
|
||||
<h2>What you’ll find</h2>
|
||||
<ul>
|
||||
<li>News updates</li>
|
||||
<li>Write-ups & notes</li>
|
||||
<li>Links to projects</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
229
_site/assets/css/styles.css
Normal file
229
_site/assets/css/styles.css
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
/* ===============================
|
||||
0) Design Tokens (CSS vars)
|
||||
=============================== */
|
||||
:root {
|
||||
/* Colors */
|
||||
--color-primary: rgb(199, 0, 0);
|
||||
--color-secondary: rgb(145, 145, 145);
|
||||
--color-accent: rgb(201, 107, 0);
|
||||
--color-background: rgb(153, 153, 153);
|
||||
/* Commonly reused values from your styles */
|
||||
--color-text: rgb(190, 190, 190);
|
||||
--panel-bg: rgba(0, 0, 0, 0.5);
|
||||
--panel-hover-bg: rgb(100, 100, 100);
|
||||
/* Layout */
|
||||
--width-max: 1400px;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
1) Base / Global
|
||||
=============================== */
|
||||
body {
|
||||
background-image: url("/assets/images/fabled_background.jpg");
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
2) Shell / Main View
|
||||
=============================== */
|
||||
.main-view {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
width: 90%;
|
||||
max-width: var(--width-max);
|
||||
height: 93vh;
|
||||
background-color: rgba(255, 255, 255, 0.452);
|
||||
padding: 1em;
|
||||
border-radius: 0 0 1em 1em;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
3) Navigation
|
||||
=============================== */
|
||||
.nav-div {
|
||||
width: 100%;
|
||||
background-color: rgba(17, 0, 0, 0.9);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
width: 90vw;
|
||||
max-width: var(--width-max);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
nav a {
|
||||
color: #fff;
|
||||
padding: 0.7em 1em;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
nav a:hover {
|
||||
background-color: rgba(250, 250, 250, 0.3);
|
||||
}
|
||||
|
||||
.nav-current {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
4) Sidebar
|
||||
=============================== */
|
||||
.sidebar {
|
||||
width: 22vw;
|
||||
max-width: 260px;
|
||||
flex: 0 0 22vw;
|
||||
background: var(--panel-bg);
|
||||
padding: 1em;
|
||||
border-radius: 0.5em 0 0 0.5em;
|
||||
color: var(--color-text);
|
||||
}
|
||||
.sidebar h2 {
|
||||
text-align: center;
|
||||
}
|
||||
.sidebar .sidebar-item {
|
||||
background-color: var(--panel-bg);
|
||||
padding: 1em;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.sidebar .sidebar-item:hover {
|
||||
background-color: var(--panel-hover-bg);
|
||||
}
|
||||
.sidebar .news-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0 0;
|
||||
}
|
||||
.sidebar .news-list li {
|
||||
margin: 0.4rem 0;
|
||||
}
|
||||
.sidebar .news-list small {
|
||||
display: block;
|
||||
opacity: 0.7;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.sidebar .news-list a {
|
||||
text-decoration: none;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
5) Main Content Area
|
||||
=============================== */
|
||||
.main {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
background-color: var(--panel-bg);
|
||||
color: var(--color-text);
|
||||
border-radius: 0 0.5em 0.5em 0;
|
||||
padding: 2.5em;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
6) Posts (lists, items, tags)
|
||||
=============================== */
|
||||
.post-list a {
|
||||
text-decoration: none;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.post-item {
|
||||
background-color: var(--panel-bg);
|
||||
padding: 2em;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.post-item:hover {
|
||||
background-color: rgb(100, 100, 100);
|
||||
}
|
||||
|
||||
.post-tags {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.25rem 0 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.post-tags li {
|
||||
font-size: 0.85rem;
|
||||
padding: 0.15rem 0.5rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 1rem;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
7) Page-level meta / tags
|
||||
=============================== */
|
||||
.page-meta {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-tags {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.25rem 0 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.page-tags li {
|
||||
font-size: 0.85rem;
|
||||
padding: 0.15rem 0.5rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 1rem;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
8) Staff Page
|
||||
=============================== */
|
||||
.staff-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 1.5rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.staff-card {
|
||||
background-color: var(--panel-bg);
|
||||
color: var(--color-text);
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
transition: background-color 0.3s ease;
|
||||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
.staff-card:hover {
|
||||
background-color: var(--panel-hover-bg);
|
||||
}
|
||||
.staff-card .staff-name {
|
||||
margin: 0;
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.staff-card .staff-position {
|
||||
margin: 0.25rem 0 1rem;
|
||||
font-weight: 400;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
.staff-card .staff-bio {
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
1
_site/assets/css/styles.css.map
Normal file
1
_site/assets/css/styles.css.map
Normal file
File diff suppressed because one or more lines are too long
BIN
_site/assets/images/fabled_background.jpg
Normal file
BIN
_site/assets/images/fabled_background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
78
_site/blog/index.html
Normal file
78
_site/blog/index.html
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - Blog</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav-div">
|
||||
<nav>
|
||||
|
||||
<a href="/">Home</a>
|
||||
|
||||
<a href="/about/index.html">About</a>
|
||||
|
||||
<a href="/blog/index.html">Blog</a>
|
||||
|
||||
<a href="/staff/index.html">Staff</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<li class="sidebar-item">
|
||||
|
||||
Welcome to the Fabled Sword
|
||||
<small>Oct 29, 2025</small>
|
||||
</li>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<h1>Latest Posts</h1>
|
||||
|
||||
<section class="post-list">
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<article class="post-item">
|
||||
<h2 class="post-title">
|
||||
Welcome to the Fabled Sword
|
||||
</h2>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2025-10-29T00:00:00-04:00">
|
||||
October 29, 2025
|
||||
</time>
|
||||
·
|
||||
<span class="post-author">
|
||||
Bryan V.
|
||||
</span>
|
||||
|
||||
<ul class="post-tags">
|
||||
|
||||
<li>news</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="post-excerpt">
|
||||
Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com
|
||||
I hope to use this space for creative works and share news about this space and the people who use it.
|
||||
Thank you for paying...
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
3
_site/feed.xml
Normal file
3
_site/feed.xml
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2025-11-10T18:23:43-05:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Fabled Sword</title><entry><title type="html">Welcome to the Fabled Sword</title><link href="http://localhost:4000/2025/10/29/Welcome/" rel="alternate" type="text/html" title="Welcome to the Fabled Sword" /><published>2025-10-29T00:00:00-04:00</published><updated>2025-10-29T00:00:00-04:00</updated><id>http://localhost:4000/2025/10/29/Welcome</id><content type="html" xml:base="http://localhost:4000/2025/10/29/Welcome/"><![CDATA[<p>Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com
|
||||
I hope to use this space for creative works and share news about this space and the people who use it.
|
||||
Thank you for paying us a visit.</p>]]></content><author><name>Bryan V.</name></author><category term="news" /><summary type="html"><![CDATA[Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com I hope to use this space for creative works and share news about this space and the people who use it. Thank you for paying us a visit.]]></summary></entry></feed>
|
||||
81
_site/index.html
Normal file
81
_site/index.html
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - Home</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav-div">
|
||||
<nav>
|
||||
|
||||
<a href="/" class="nav-current">Home</a>
|
||||
|
||||
<a href="/about/index.html">About</a>
|
||||
|
||||
<a href="/blog/index.html">Blog</a>
|
||||
|
||||
<a href="/staff/index.html">Staff</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<li class="sidebar-item">
|
||||
|
||||
Welcome to the Fabled Sword
|
||||
<small>Oct 29, 2025</small>
|
||||
</li>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<h1>Fabled Sword</h1>
|
||||
|
||||
<section class="post-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<article class="post-item">
|
||||
<h2 class="post-title">
|
||||
Welcome to the Fabled Sword
|
||||
</h2>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2025-10-29T00:00:00-04:00">
|
||||
October 29, 2025
|
||||
</time>
|
||||
·
|
||||
<span class="post-author">
|
||||
Bryan V.
|
||||
</span>
|
||||
|
||||
<ul class="post-tags">
|
||||
|
||||
<li>news</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="post-excerpt">
|
||||
Hello and welcome to the first post on the shiny new frontpage for the domain FabledSword.com
|
||||
I hope to use this space for creative works and share news about this space and the people who use it.
|
||||
Thank you for paying us a visit.
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1
_site/robots.txt
Normal file
1
_site/robots.txt
Normal file
|
|
@ -0,0 +1 @@
|
|||
Sitemap: http://localhost:4000/sitemap.xml
|
||||
19
_site/sitemap.xml
Normal file
19
_site/sitemap.xml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>http://localhost:4000/2025/10/29/Welcome/</loc>
|
||||
<lastmod>2025-10-29T00:00:00-04:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/about/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/blog/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/staff/</loc>
|
||||
</url>
|
||||
</urlset>
|
||||
58
_site/staff/index.html
Normal file
58
_site/staff/index.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Fabled Sword - Staff</title>
|
||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav-div">
|
||||
<nav>
|
||||
|
||||
<a href="/">Home</a>
|
||||
|
||||
<a href="/about/index.html">About</a>
|
||||
|
||||
<a href="/blog/index.html">Blog</a>
|
||||
|
||||
<a href="/staff/index.html">Staff</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-view">
|
||||
<aside class="sidebar">
|
||||
<h2>News</h2>
|
||||
<ul class="news-list">
|
||||
|
||||
|
||||
<a href="/2025/10/29/Welcome/">
|
||||
<li class="sidebar-item">
|
||||
|
||||
Welcome to the Fabled Sword
|
||||
<small>Oct 29, 2025</small>
|
||||
</li>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<h1>Staff</h1>
|
||||
|
||||
<section class="staff-list">
|
||||
|
||||
<article class="staff-card">
|
||||
<h2 class="staff-name">Bryan V</h2>
|
||||
<h3 class="staff-position">Owner</h3>
|
||||
<div class="staff-bio">
|
||||
<p>Organizer and proprieter of the site and its resources.
|
||||
Father and IT Hobbiest</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
36
about.html
Normal file
36
about.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
---
|
||||
layout: default
|
||||
title: About
|
||||
---
|
||||
|
||||
<h1>About Fabled Sword</h1>
|
||||
|
||||
<article class="post-item prose">
|
||||
<p>
|
||||
This is a labor of love. This project is for myself and anyone I share it with.
|
||||
I hope that it'll be a creative and enjoyable space to share.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="about-grid">
|
||||
<section class="about-card">
|
||||
<h2>What this is</h2>
|
||||
<p>A home for experiments, posts, and maybe even stories</p>
|
||||
</section>
|
||||
|
||||
<section class="about-card">
|
||||
<h2>Why it exists</h2>
|
||||
<p>To learn in public, archive ideas, and make it easy to share work-in-progress.</p>
|
||||
</section>
|
||||
|
||||
<section class="about-card">
|
||||
<h2>What you’ll find</h2>
|
||||
<ul>
|
||||
<li>News updates</li>
|
||||
<li>Write-ups & notes</li>
|
||||
<li>Links to projects</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
4
assets/css/styles.scss
Normal file
4
assets/css/styles.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
---
|
||||
@use "main";
|
||||
|
||||
BIN
assets/images/fabled_background.jpg
Normal file
BIN
assets/images/fabled_background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
38
blog.html
Normal file
38
blog.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
layout: default
|
||||
title: Blog
|
||||
---
|
||||
<h1>Latest Posts</h1>
|
||||
|
||||
<section class="post-list">
|
||||
{% for post in site.posts %}
|
||||
<a href="{{ post.url | relative_url }}">
|
||||
<article class="post-item">
|
||||
<h2 class="post-title">
|
||||
{{ post.title }}
|
||||
</h2>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="{{ post.date | date_to_xmlschema }}">
|
||||
{{ post.date | date: "%B %-d, %Y" }}
|
||||
</time>
|
||||
·
|
||||
<span class="post-author">
|
||||
{{ post.author | default: post.authors | default: site.author.name | default: site.author | default: "Unknown" }}
|
||||
</span>
|
||||
{% if post.tags and post.tags.size > 0 %}
|
||||
<ul class="post-tags">
|
||||
{% for tag in post.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="post-excerpt">
|
||||
{{ post.excerpt | strip_html | truncate: 220 }}
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
40
index.html
Normal file
40
index.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
---
|
||||
layout: default
|
||||
title: Home
|
||||
---
|
||||
|
||||
<h1>Fabled Sword</h1>
|
||||
|
||||
<section class="post-list">
|
||||
{% assign recent_posts = site.posts | sort: "date" | reverse %}
|
||||
{% for post in recent_posts limit:5 %}
|
||||
<a href="{{ post.url | relative_url }}">
|
||||
<article class="post-item">
|
||||
<h2 class="post-title">
|
||||
{{ post.title }}
|
||||
</h2>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="{{ post.date | date_to_xmlschema }}">
|
||||
{{ post.date | date: "%B %-d, %Y" }}
|
||||
</time>
|
||||
·
|
||||
<span class="post-author">
|
||||
{{ post.author | default: post.authors | default: site.author.name | default: site.author | default: "Unknown" }}
|
||||
</span>
|
||||
{% if post.tags and post.tags.size > 0 %}
|
||||
<ul class="post-tags">
|
||||
{% for tag in post.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="post-excerpt">
|
||||
{{ post.excerpt | strip_html | truncate: 440 }}
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
18
staff.html
Normal file
18
staff.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
layout: default
|
||||
title: Staff
|
||||
---
|
||||
|
||||
<h1>Staff</h1>
|
||||
|
||||
<section class="staff-list">
|
||||
{% for author in site.authors %}
|
||||
<article class="staff-card">
|
||||
<h2 class="staff-name">{{ author.name }}</h2>
|
||||
<h3 class="staff-position">{{ author.position }}</h3>
|
||||
<div class="staff-bio">
|
||||
{{ author.content | markdownify }}
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue