zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-10 02:26:45 -07:00
Code Issues Projects Releases Packages Wiki Activity

deploy: 6bad02220448d8493fac8182572c685f22553245

Browse source
This commit is contained in:
Zyllian 2023-06-10 04:58:14 +00:00
parent f4b8b3dc7a
commit d8ba0dd4db
24 changed files with 28 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
blog/so-now-i-have-a-blog.html Normal file
View file

@ -0,0 +1 @@
<!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <meta name="referrer" content="no-referrer"> <link rel="stylesheet" href="/styles/index.css"> <title>Zyllian / so now i have a blog</title> <header class="main-header"> <span> <a class="name" href="/">Zyllian's Website</a> | <span class="pronouns">she/they</span> </span> <span class="spacer"></span> <a href="/images/">Images</a> | <a href="https://github.com/Zyllian/zyllian.github.io" rel="noopener noreferrer" target="_blank">Source</a> </header> <main class="page"> <div class="blog-post"> <h1 class="title">so now i have a blog</h1> <span class="timestamp">Published Friday, June 09, 2023</span> <h2>DRAFT</h2> <div class="header-image-wrapper"> <p class="short-desc">I added a blog to my site.</p> <img class="header-image" src="https://i.zyl.gay/cat.jpeg" alt="placeholder" style="object-fit: cover; object-position: 50% 50%;"> </div> <div class="content"> <p>So now I have a blog on my site. I don’t really have any plans to post here regularly, but idk maybe that’ll change in the future.</p> <p>That’s pretty much it as far as the non-technical side of things goes.</p> <h2>The Technical Side of Things</h2> <p>I haven’t really written anything about how my site works before, so this is also going to contain some general information about the site as a whole.</p> <p><code>zyl.gay</code> is a static website built with a custom static site builder I built for it. It started by taking Markdown pages and rendering them on top of the appropriate template.</p> <p>When I added the <a href="/images/">images section</a> to the site I added the first abstraction on top of this: YAML files with the relevant metadata for the image (including a short but unstyled description) which then get rendered not only into pages for the individual pages, but also a paginated display for all the images <em>and</em> a method to view images by tag.</p> <p>To get blogs working I modified the image page code to be generic over provided resource types, so really the images and the blog posts are rendered the same way, just with different configurations.</p> </div> <hr /> <h3 class="tags-title">Tags</h3> <div class="post-tags"> <a class="tag" href="/blog/tag/meta">meta</a>, <a class="tag" href="/blog/tag/technical">technical</a> </div> </div> </main>