more tooling

.github/workflows/ci.yml

@@ -18,8 +18,12 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v1
+    - name: checkout
-    # When the dist_dir is ready, deploy it to neocities
+      uses: actions/checkout@v1
+      
+    - name: build jekyll
+      uses: victoriadrake/jekyll_cd
+
     - name: Deploy to neocities
       uses: bcomnes/deploy-to-neocities@v1
       with:

_config.yml

@@ -1,55 +1,10 @@
-# Welcome to Jekyll!
+collections:
-#
+  pages:
-# This config file is meant for settings that affect your whole blog, values
+    output: true
-# which you are expected to set up once and rarely edit after that. If you find
-# yourself editing this file very often, consider using Jekyll's data files
-# feature for the data you need to update frequently.
-#
-# For technical reasons, this file is *NOT* reloaded automatically when you use
-# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
-#
-# If you need help with YAML syntax, here are some quick references for you:
-# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
-# https://learnxinyminutes.com/docs/yaml/
-#
-# Site settings
-# These are used to personalize your new site. If you look in the HTML files,
-# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
-# You can create any custom variable you would like, and they will be accessible
-# in the templates via {{ site.myvariable }}.
 
-title: Your awesome title
+defaults:
-email: your-email@example.com
+  - scope:
-description: >- # this means to ignore newlines until "baseurl:"
+      path: ""
-  Write an awesome description for your new site here. You can edit this
+    values:
-  line in _config.yml. It will appear in your document head meta (for
+      layout: "default"
-  Google search results) and in your feed.xml site description.
+      neko: "true"
-baseurl: "" # the subpath of your site, e.g. /blog
-url: "" # the base hostname & protocol for your site, e.g. http://example.com
-twitter_username: jekyllrb
-github_username:  jekyll
-
-# Build settings
-theme: minima
-plugins:
-  - jekyll-feed
-
-# Exclude from processing.
-# The following items will not be processed, by default.
-# Any item listed under the `exclude:` key here will be automatically added to
-# the internal "default list".
-#
-# Excluded items can be processed by explicitly listing the directories or
-# their entries' file path in the `include:` list.
-#
-# exclude:
-#   - .sass-cache/
-#   - .jekyll-cache/
-#   - gemfiles/
-#   - Gemfile
-#   - Gemfile.lock
-#   - node_modules/
-#   - vendor/bundle/
-#   - vendor/cache/
-#   - vendor/gems/
-#   - vendor/ruby/

_data/navigation.yml

@@ -0,0 +1,6 @@
+- name: Home
+  link: /
+- name: About
+  link: /about.html
+- name: Blog
+  link: /blog.html

_includes/navigation.html

@@ -0,0 +1,6 @@
+<nav>
+	{% for item in site.data.navigation %}
+	<a href="{{ item.link }}" {% if page.url == item.link %}class=current{% endif %}>
+		{{ item.name }} </a>
+	{% endfor %}
+</nav>

_includes/neko.html

@@ -0,0 +1,199 @@
+<script>// Pokéneko v0.3 by https://james.nekoweb.org/
+// https://jamesschoch.github.io/Pokeneko/
+
+// Pokéneko is built using sprites from PDMCollab's Sprite Repository.
+// https://sprites.pmdcollab.org
+
+// This snippet uses sprites from https://sprites.pmdcollab.org/#/0704
+
+var pokemon = {"pokedex":"0704","shiny":false,"animData":{"Walk":{"$":{},"Name":"Walk","Index":"0","FrameWidth":"32","FrameHeight":"32","Durations":{"$":{},"Duration":["8","8","8","8","8","8"]},"animURL":"https://jamesschoch.github.io/Pokeneko/sprite/0704/Walk-Anim.png"},"Idle":{"$":{},"Name":"Idle","Index":"7","FrameWidth":"24","FrameHeight":"24","Durations":{"$":{},"Duration":["40","8","8"]},"animURL":"https://jamesschoch.github.io/Pokeneko/sprite/0704/Idle-Anim.png"}}};
+var trackerjson;
+    pokemon.state = "none";
+    var walkAnimInterval, idleAnimInterval;
+    var dirlisting;
+    var distancePx = 0;
+    var CurrentMouseXPostion;
+    var CurrentMouseYPostion;
+    var scale = 3;
+    var rotation = 0;
+    var rotations = 8;
+    var state;
+    var laststate;
+    var frameCounter;
+    var animPlaying = false;
+    var mouseIdleTime = 0;
+    var anglevar;
+
+    var sprite = document.createElement("div");
+    sprite.id = "sprite";
+    sprite.style.position = "fixed";
+    sprite.style.zIndex = "1000000";
+    sprite.style.width = "64px";
+    sprite.style.height = "64px";
+    sprite.style.pointerEvents = "none";
+    sprite.style.top = "50%";
+    sprite.style.left = "50%";
+
+    document.body.appendChild(sprite);
+
+    function getOffset(element) {
+        if (!element.getClientRects().length) {
+            return { top: 0, left: 0 };
+        }
+
+        var rect = element.getBoundingClientRect();
+        var win = element.ownerDocument.defaultView;
+        return (
+            {
+                top: rect.top + win.pageYOffset,
+                left: rect.left + win.pageXOffset
+            });
+    }
+
+    function timerIncrement() {
+        mouseIdleTime = mouseIdleTime + 1;
+    }
+
+    function updateDistanceRotation() {
+        var spriteX = getOffset(document.getElementById("sprite")).left + 32;
+        var spriteY = getOffset(document.getElementById("sprite")).top + 32;
+        distancePx = distance(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion);
+        anglevar = angle360(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion);
+        if (anglevar > 67.5 && anglevar < 112.5) {
+            rotation = 0;
+        } else if (anglevar > 22.5 && anglevar < 67.5) {
+            rotation = 1;
+        } else if (anglevar > 337.5 || anglevar < 22.5) {
+            rotation = 2;
+        } else if (anglevar > 292.5 && anglevar < 337.5) {
+            rotation = 3;
+        } else if (anglevar > 247.5 && anglevar < 292.5) {
+            rotation = 4;
+        } else if (anglevar > 202.5 && anglevar < 247.5) {
+            rotation = 5;
+        } else if (anglevar > 157.5 && anglevar < 202.5) {
+            rotation = 6;
+        } else if (anglevar > 112.5 && anglevar < 157.5) {
+            rotation = 7;
+        }
+    }
+
+    function addEvent(elm, evType, fn, useCapture) {
+        if (elm.addEventListener) {
+            elm.addEventListener(evType, fn, useCapture);
+            return true;
+        }
+        else if (elm.attachEvent) {
+            var r = elm.attachEvent('on' + evType, fn);
+            return r;
+        }
+        else {
+            elm['on' + evType] = fn;
+        }
+    }
+
+    document.onmousemove = function (event) {
+        CurrentMouseXPostion = event.pageX;
+        CurrentMouseYPostion = event.pageY;
+        updateDistanceRotation();
+        mouseIdleTime = 0;
+    }
+
+    function angle(cx, cy, ex, ey) {
+        var dy = ey - cy;
+        var dx = ex - cx;
+        var theta = Math.atan2(dy, dx);
+        theta *= 180 / Math.PI;
+
+        return theta;
+    }
+
+    function distance(cx, cy, ex, ey) {
+        var dx = cx - ex;
+        var dy = cy - ey;
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+
+    function angle360(cx, cy, ex, ey) {
+        var theta = angle(cx, cy, ex, ey);
+        if (theta < 0) theta = 360 + theta;
+        return theta;
+    }
+
+    function setSprite(animName, frame) {
+        var animData = pokemon.animData[animName];
+        var sprite = document.getElementById("sprite");
+        if (animName !== "Sleep") {
+            var rotations = 8;
+        } else {
+            var rotations = 1;
+        }
+        sprite.style.backgroundImage = "url(" + animData.animURL + ")";
+        sprite.style.backgroundSize = (animData.FrameWidth * scale * animData.Durations.Duration.length) + "px " + (animData.FrameHeight * scale * rotations) + "px";
+        sprite.style.width = animData.FrameWidth * scale + "px";
+        sprite.style.height = animData.FrameHeight * scale + "px";
+        sprite.style.backgroundPosition = (0 - ((animData.FrameWidth * (frame % animData.Durations.Duration.length)) * scale)) + "px " + (0 - ((rotation * animData.FrameHeight) * scale)) + "px";
+        sprite.style.imageRendering = "pixelated";
+
+    }
+
+    var runningAnim;
+    var runningAnimName = "";
+
+    function runAnim(animName) {
+        if (pokemon.pokedex) {
+            if (runningAnimName === animName) {
+                return;
+            } else {
+                clearInterval(runningAnim);
+                var frames = [];
+                for (var i = 0; i < pokemon.animData[animName].Durations.Duration.length; i++) {
+                    for (var j = 0; j < pokemon.animData[animName].Durations.Duration[i]; j++) {
+                        frames.push(i);
+                    }
+                }
+
+                runningAnimName = animName;
+                var i = 0;
+                runningAnim = setInterval(function () {
+                    setSprite(animName, frames[i]);
+                    i++;
+                    if (i == frames.length) {
+                        setSprite(animName, frames[i]);
+                        i = 0;
+                    }
+                }, 33);
+            }
+        }
+    }
+
+    var moveSprite = setInterval(function () {
+
+        if (pokemon.pokedex) {
+            if (distancePx >= 55) {
+                state = "Walk";
+                runAnim("Walk");
+
+            } else {
+                state = "Idle";
+                runAnim("Idle");
+            }
+            if (state == "Walk") {
+
+                var sprite = document.getElementById("sprite");
+                var spriteX = getOffset(document.getElementById("sprite")).left;
+                var spriteY = getOffset(document.getElementById("sprite")).top;
+
+                var angle = angle360(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion);
+                var dx = Math.cos(angle * Math.PI / 180) * 4;
+                var dy = Math.sin(angle * Math.PI / 180) * 4;
+                sprite.style.left = spriteX + dx + "px";
+                sprite.style.top = spriteY + dy + "px";
+
+            }
+            updateDistanceRotation();
+
+            laststate = state;
+        }
+    }, 33);
+</script>

_layouts/default.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>{{ page.title }}</title>
+		<link rel="stylesheet" href="/assets/css/styles.css">
+	</head>
+	<body>
+		{% if page.neko == "true" %}
+			{% include neko.html %}
+		{% endif %}
+		{% include navigation.html %}
+		{{ content }}
+	</body>
+</html>

_layouts/post.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<h1>{{ page.title }}</h1>
+<p>{{ page.date | date_to_string}} - {{ page.author }}</p>
+
+{{ content }}

_pages/1.html

@@ -0,0 +1,3 @@
+---
+---
+test

_posts/2024-07-24-welcome-to-jekyll.markdown

@@ -1,29 +0,0 @@
----
-layout: post
-title:  "Welcome to Jekyll!"
-date:   2024-07-24 14:04:09 -0500
-categories: 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.
-
-Jekyll requires blog post files to be named according to the following format:
-
-`YEAR-MONTH-DAY-title.MARKUP`
-
-Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
-
-Jekyll also offers powerful support for code snippets:
-
-{% highlight ruby %}
-def print_hi(name)
-  puts "Hi, #{name}"
-end
-print_hi('Tom')
-#=> prints 'Hi, Tom' to STDOUT.
-{% endhighlight %}
-
-Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
-
-[jekyll-docs]: https://jekyllrb.com/docs/home
-[jekyll-gh]:   https://github.com/jekyll/jekyll
-[jekyll-talk]: https://talk.jekyllrb.com/

_sass/main.scss

@@ -0,0 +1,3 @@
+.current {
+	color: green
+}

about.markdown

@@ -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

about.md

@@ -0,0 +1,7 @@
+---
+layout: default
+title: About
+---
+# About page
+
+This page tells you about me.

assets/css/styles.scss

@@ -0,0 +1,3 @@
+---
+---
+@import "main";

blog.html

@@ -0,0 +1,14 @@
+---
+layout: default
+title: Blog
+---
+<h1>Latest Posts</h1>
+
+<ul>
+	{% for post in site.posts %}
+		<li>
+			<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+			{{ post.excerpt }}
+		</li>
+	{% endfor %}
+</ul>

index.markdown

@@ -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
----