Mercurial > web
changeset 78:5fdf5f346b92
*: use jekyll for templates, blogging, etc.
I changed the pages to now use templates, so adding new stuff should
be much much easier in the future
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Mon, 20 May 2024 02:49:07 -0400 |
parents | d9242232f51d |
children | 815c0da68384 |
files | .build.yml .hgignore Gemfile Gemfile.lock _config.yml _data/navigation.yml _includes/navigation.html _layouts/default.html _layouts/post.html _posts/2024-05-19-how-do-I-blog.html blog/index.html code/binaries/gen_DiscordGameSDK.dll code/binaries/msvpvf/msvpvf-i686-ansi.exe code/binaries/msvpvf/msvpvf-i686-unicode.exe code/binaries/msvpvf/msvpvf-x86_64-unicode.exe code/index.html css/style.css index.html media/KnitLight.png media/haibane.png projects/binaries/gen_DiscordGameSDK.dll projects/binaries/msvpvf/msvpvf-i686-ansi.exe projects/binaries/msvpvf/msvpvf-i686-unicode.exe projects/binaries/msvpvf/msvpvf-x86_64-unicode.exe projects/index.html |
diffstat | 25 files changed, 361 insertions(+), 174 deletions(-) [+] |
line wrap: on
line diff
--- a/.build.yml Wed May 08 17:42:11 2024 -0400 +++ b/.build.yml Mon May 20 02:49:07 2024 -0400 @@ -2,11 +2,15 @@ oauth: pages.sr.ht/PAGES:RW packages: - hut +- ruby-json +- ruby-jekyll +- ruby-bundler environment: site: paper.us.eu.org tasks: - package: | cd web - tar -cvz * > ../site.tar.gz + bundle exec jekyll build + tar -C _site -cvz . > ../site.tar.gz - upload: | hut pages publish -d $site site.tar.gz \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.hgignore Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,4 @@ +syntax: glob + +_site/* +.jekyll-cache/*
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Gemfile Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,6 @@ +# frozen_string_literal: true +source "https://rubygems.org" + +# gem "rails" +gem "jekyll", "~> 4.3" +gem "jekyll-feed", "~> 0.17.0"
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Gemfile.lock Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,121 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.8.6) + public_suffix (>= 2.0.2, < 6.0) + colorator (1.1.0) + concurrent-ruby (1.2.3) + em-websocket (0.5.3) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0) + eventmachine (1.2.7) + ffi (1.16.3) + forwardable-extended (2.6.0) + google-protobuf (3.25.3) + google-protobuf (3.25.3-aarch64-linux) + google-protobuf (3.25.3-arm64-darwin) + google-protobuf (3.25.3-x86-linux) + google-protobuf (3.25.3-x86_64-darwin) + google-protobuf (3.25.3-x86_64-linux) + http_parser.rb (0.8.0) + i18n (1.14.5) + concurrent-ruby (~> 1.0) + jekyll (4.3.3) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 1.0) + jekyll-sass-converter (>= 2.0, < 4.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.3, >= 2.3.1) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (>= 0.3.6, < 0.5) + 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.0.0) + sass-embedded (~> 1.54) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + 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 (5.0.5) + rb-fsevent (0.11.2) + rb-inotify (0.11.1) + ffi (~> 1.0) + rexml (3.2.8) + strscan (>= 3.0.9) + rouge (4.2.1) + safe_yaml (1.0.5) + sass-embedded (1.69.5-aarch64-linux-android) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-aarch64-linux-gnu) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-aarch64-linux-musl) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-arm-linux-androideabi) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-arm-linux-gnueabihf) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-arm-linux-musleabihf) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-arm64-darwin) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86-linux-android) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86-linux-gnu) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86-linux-musl) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86_64-darwin) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86_64-linux-android) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86_64-linux-gnu) + google-protobuf (~> 3.23) + sass-embedded (1.69.5-x86_64-linux-musl) + google-protobuf (~> 3.23) + strscan (3.1.0) + terminal-table (3.0.2) + unicode-display_width (>= 1.1.1, < 3) + unicode-display_width (2.5.0) + webrick (1.8.1) + +PLATFORMS + aarch64-linux + aarch64-linux-android + aarch64-linux-gnu + aarch64-linux-musl + arm-linux-androideabi + arm-linux-gnueabihf + arm-linux-musleabihf + arm64-darwin + x86-linux + x86-linux-android + x86-linux-gnu + x86-linux-musl + x86_64-darwin + x86_64-linux-android + x86_64-linux-gnu + x86_64-linux-musl + +DEPENDENCIES + jekyll (~> 4.3) + jekyll-feed (~> 0.17.0) + +BUNDLED WITH + 2.5.10
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_config.yml Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,10 @@ +title: Paper's website +url: https://paper.us.eu.org/ +permalink: /blog/:categories/:year/:month/:day/:title:output_ext + +feed: + path: /blog/feed.xml + posts_limit: 20 + +plugins: + - jekyll-feed
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_data/navigation.yml Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,7 @@ +- name: home + link: / +- name: code + link: /code/ +- name: blog + link: /blog/ + prefix: /blog/ \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_includes/navigation.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,12 @@ +<div class="navbar drop-shadow-box"> + {% for item in site.data.navigation %} + <!-- page.url contains isn't exactly right, but whatever --> + <a href="{{ item.link }}" {% if page.url == item.link or page.url contains item.prefix %}class="navbar-item-active"{% else %}class="navbar-item"{% endif %}>{{ item.name }}</a> + {% endfor %} + <!-- external links belong here --> + <span class="align-right"> + <a href="https://www.youtube.com/channel/UC8yLNvg6ktP7X_dupByIc-w" class="navbar-item">vids</a> + <a href="https://modarchive.org/index.php?request=view_artist_modules&query=92603" class="navbar-item">tunes</a> + <a href="https://anilist.co/user/Paper" class="navbar-item">weeb</a> + </span> +</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_layouts/default.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en-US"> +<head> + <title>{{ page.title }} - Paper's website</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="/css/style.css" rel="stylesheet" media="screen"> + <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?"> + <style> + body { + {% if page.bgrepeat %} + background-repeat: {{ page.bgrepeat }}; + {% else %} + background-repeat: repeat; + {% endif %} + {% if page.bgimage %} + {% unless page.bgimage == "none" %} + background-image: url("{{ page.bgimage }}"); + {% endunless %} + {% else %} + background-image: url("/media/KnitLight.png"); + {% endif %} + background-position: center top; + {% if page.bgcolor %} + {% unless page.bgcolor == "none" %} + background-color: {{ page.bgcolor }}; + {% endunless %} + {% else %} + background-color: #737373; + {% endif %} + {% if page.bgsize %} + background-size: {{ page.bgsize }}; + {% endif %} + min-height: 100vh; + } + </style> +</head> +<body> + {% include navigation.html %} + + <br> + + {{ content }} +</body> +</html> \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_layouts/post.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,13 @@ +--- +layout: default +--- +<div class="content drop-shadow-box drop-shadow-text"> + <h1>{{ page.title }}</h1> + <hr class="project-separator"> + + {{ content }} + + <br> + + <span class="blog-footer">Written on {{ page.date | date_to_string }} by {{ page.author }}</span> +</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_posts/2024-05-19-how-do-I-blog.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,11 @@ +--- +layout: post +author: Paper +title: how do I blog? +--- +<span>I finally figured out Jekyll, so along with reviving the blog portion of the site, I also decided to template-ize a bunch of stuff. now it should be much much easier to actually add more things here...</span> +<br><br> +<span>anyway, with the blog stuff, I'll write here when I actually have things to blog about ;)</span> +<br><br> +<span>P.S.: you can also get a feed of these posts under <a class="prettylink" href="/blog/feed.xml">/blog/feed.xml</a></span> +<br>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/blog/index.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,12 @@ +--- +layout: default +title: blog +--- +{% for post in site.posts %} + <div class="content drop-shadow-box"> + <span><a href="{{ post.url }}" class="prettylink project-title drop-shadow-text">{{ post.title }}</a> <span class="blog-footer" style="float: right;">{{ post.date | date_to_string }}</span></span> + <hr class="project-separator"> + <span class="drop-shadow-text">{{ post.content | strip_html | truncatewords: 50 }}</span> + </div> + <br> +{% endfor %}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/code/index.html Mon May 20 02:49:07 2024 -0400 @@ -0,0 +1,62 @@ +--- +layout: default +title: code +--- +<div id="schism" class="content drop-shadow-box"> + <a target="_blank" href="https://schismtracker.org/" class="drop-shadow-text prettylink project-title"> + Schism Tracker + </a> + <hr class="project-separator"> + <span class="drop-shadow-text"> + A modern clone of <a class="prettylink" href="http://web.archive.org/web/20041009160352/http://www.users.on.net/~jtlim/ImpulseTracker/">Impulse Tracker</a> written in C with SDL2. I'm the primary maintainer nowadays, with <a class="prettylink" href="https://sagamusix.de">Saga Musix</a> and <a class="prettylink" href="https://pengaru.com/">Vito Caputo</a> helping out as well. Should run on pretty much everything except MS-DOS. + </span> +</div> + +<br> + +<div id="msvpvf" class="content drop-shadow-box"> + <a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a> + <hr class="project-separator"> + <span class="drop-shadow-text"> + A bite-sized Windows application to backport Vegas Pro project + files to older versions. + </span> + <br><br> + <span class="drop-shadow-text project-title">Downloads:</span> + <ul class="project-downloads"> + <li> + <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-ansi.exe" download>32-bit (ANSI)</a> + </li> + <li> + <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-unicode.exe" download>32-bit (Unicode, use this one if unsure)</a> + </li> + <li> + <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-x86_64-unicode.exe" download>64-bit</a> + </li> + </ul> +</div> + +<br> + +<div id="wgsdk" class="content drop-shadow-box"> + <a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a> + <hr class="project-separator"> + <span class="drop-shadow-text"> + A Winamp plugin that uses the Discord GameSDK to provide rich + presence. + </span> + <br><br> + <a class="drop-shadow-text prettylink" href="binaries/gen_DiscordGameSDK.dll" download>Download</a> +</div> + +<br> + +<div id="libedl" class="content drop-shadow-box"> + <a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a> + <hr class="project-separator"> + <span class="drop-shadow-text"> + A C library to parse and edit Vegas Pro EDL files. + </span> + <br><br> + <a class="drop-shadow-text prettylink" href="https://hg.sr.ht/~mrpapersonic/libedl/archive/v2.1.tar.gz" download>Download</a> +</div>
--- a/css/style.css Wed May 08 17:42:11 2024 -0400 +++ b/css/style.css Mon May 20 02:49:07 2024 -0400 @@ -10,19 +10,25 @@ font-family: sans-serif; } -/* make links not look like pure shite */ +/* makes links look good site-wide; not a fan of + * making them purple after being visited, so disable + * it here */ a.prettylink:link, a.prettylink:visited { color: #3395ff; text-decoration: none; } -a.prettylink:link:hover { +a.prettylink:hover { text-decoration: underline; } +a.prettylink:active { + color: hotpink; +} + /* navbar */ .navbar { - display: flex; + /* display: flex; */ background-color: rgba(0, 0, 0, 0.6); color: white; @@ -121,3 +127,13 @@ width: 200px; height: auto; } + +.blog-footer, +.blog-date-right { + font-size: smaller; +} + +.align-right, +.blog-date-right { + float: inline-end; +}
--- a/index.html Wed May 08 17:42:11 2024 -0400 +++ b/index.html Mon May 20 02:49:07 2024 -0400 @@ -1,65 +1,37 @@ -<!DOCTYPE html> -<html lang="en-US"> -<head> - <title>home - Paper's website</title> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link href="css/style.css" rel="stylesheet" media="screen"> - <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> - <style> - body { - background-size: cover; - background-repeat: no-repeat; - background-image: url("indexbg.jpg"); /* Hibike! Euphonium */ - background-position: center top; - background-color: #1F255A; - min-height: 100vh; - } - </style> -</head> +--- +layout: default +title: home +bgimage: indexbg.jpg +bgcolor: #1F255A +bgrepeat: no-repeat +bgsize: cover +--- +<div class="header"> + <img class="avatar drop-shadow-box" src="media/avatar.jpg" + alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect"> + <h1 class="title drop-shadow-text">Paper's website</h1> +</div> -<body> - <div class="navbar drop-shadow-box"> - <a href="#" class="navbar-item-active">home</a> - <a href="projects/" class="navbar-item">projects</a> - </div> - - <br> +<br> - <div class="header"> - <img class="avatar drop-shadow-box" src="media/avatar.jpg" - alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect"> - <h1 class="title drop-shadow-text">Paper's website</h1> - </div> - - <br> - - <div class="content drop-shadow-box"> - <h2 class="drop-shadow-text">About me</h2> - <p class="drop-shadow-text"> - My main interests are retro computers (old Apple stuff mainly), - <a class="prettylink" target="_blank" href="https://sr.ht/~mrpapersonic">programming</a>, - <a class="prettylink" target="_blank" href="https://anilist.co/user/PaperAIDS/">anime and manga</a>, - and some linguistics. I also make some - <a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a> - from time to time. - </p> +<div class="content drop-shadow-box"> + <h2 class="drop-shadow-text">welcome to my website!</h2> + <p class="drop-shadow-text"> + there's not really much to see here for now. In the meantime, you can check out the links at the top right to see some stuff I've made. + </p> - <h2 class="drop-shadow-text">Socials</h2> - <ul class="index-socials-list"> - <li class="drop-shadow-text"> - E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>) - </li> - <li class="drop-shadow-text"> - Discord (@slipofpaper) - </li> - </ul> - <br> - <ul> - <li class="drop-shadow-text"> - Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>) - </li> - </ul> - </div> -</body> -</html> + <h2 class="drop-shadow-text">Socials</h2> + <ul class="index-socials-list"> + <li class="drop-shadow-text"> + E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>); please do not send me <a class="prettylink" href="https://useplaintext.email/">HTML-infested garbage</a> + </li> + <li class="drop-shadow-text"> + Discord (@slipofpaper) + </li> + </ul> + <ul> + <li class="drop-shadow-text"> + Fediverse (<a target="_blank" class="prettylink" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>) + </li> + </ul> +</div>
--- a/projects/index.html Wed May 08 17:42:11 2024 -0400 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,108 +0,0 @@ -<!DOCTYPE html> -<html lang="en-US"> -<head> - <title>projects - Paper's website</title> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link href="/css/style.css" rel="stylesheet" media="screen"> - <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?"> - <style> - body { - background-color: #a99a7b; - min-height: 100vh; - - /* HACK!!! - * - * transfer pointer events to children of the body */ - pointer-events: none; - } - - body * { - pointer-events: initial; - } - - .background { - background-size: contain; - background-repeat: no-repeat; - background-image: url("../media/haibane.png"); - background-position: bottom left; - - width: max(15vw, 250px); - height: min(100vh, 550px); - overflow: hidden; - - position: fixed; - bottom: 0px; - left: 0px; - - z-index: -1; - } - </style> -</head> - -<body> - <a target="_blank" href="https://www.pixiv.net/en/artworks/6647089"> - <div class="background"></div> - </a> - - <div class="navbar drop-shadow-box"> - <a href="/" class="navbar-item">home</a> - <a href="#" class="navbar-item-active">projects</a> - </div> - - <br> - - <div class="header"> - <h1 class="title drop-shadow-text">Projects</h1> - </div> - - <br> - - <div id="msvpvf" class="content drop-shadow-box"> - <a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a> - <hr class="project-separator"> - <span class="drop-shadow-text"> - A bite-sized Windows application to backport Vegas Pro project - files to older versions. - </span> - <br><br> - <span class="drop-shadow-text project-title">Downloads:</span> - <ul class="project-downloads"> - <li> - <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-ansi.exe" download>32-bit (ANSI)</a> - </li> - <li> - <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-unicode.exe" download>32-bit (Unicode, use this one if unsure)</a> - </li> - <li> - <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-x86_64-unicode.exe" download>64-bit</a> - </li> - </ul> - </div> - - <br> - - <div id="wgsdk" class="content drop-shadow-box"> - <a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a> - <hr class="project-separator"> - <span class="drop-shadow-text"> - A Winamp plugin that uses the Discord GameSDK to provide rich - presence. - </span> - <br><br> - <a class="drop-shadow-text prettylink" href="binaries/gen_DiscordGameSDK.dll" download>Download</a> - </div> - - <br> - - <div id="libedl" class="content drop-shadow-box"> - <a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a> - <hr class="project-separator"> - <span class="drop-shadow-text"> - A C library to parse and edit Vegas Pro EDL files. - </span> - <br><br> - <a class="drop-shadow-text prettylink" href="https://hg.sr.ht/~mrpapersonic/libedl/archive/v2.1.tar.gz" download>Download</a> - </div> -</body> -</html>