first commit
This commit is contained in:
Bryan Van Deusen
commit
3f2cec5cb9
27 changed files with 1159 additions and 0 deletions
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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue