minor changes

posts/gh_actions.md

@@ -12,20 +12,14 @@ tags: []
 
 So recently I got a bit of a bee in my bonnet to go setup CD for this website. The main reasons that drove this were 1. deploying the site was mildly tedious which is a good enough reason on it's own and 2. I wanted to learn how to do it.
 
-
-
 ## Wait but how did I find out about and how to do this?
 
 I was aware of Github actions and a vague sense of how it should work observing how things went when I made my small contribution to [Gerald](https://github.com/Gerald-Development/Barista-Gerald). But observing that didn't really give a sense of how it worked. What did was when my friend [Micha](https://github.com/michalusio) was working on implementing [their own blog](https://lochalhost.pl) and set things up with Github actions to implement CI/CD. Then I saw [this Fireship video](https://www.youtube.com/watch?v=eB0nUzAI7M8) which gave me a nice amount of context for this. Even with that bit of knowledge on how to setup stuff with Github actions I didn't really have a motivation to go do it.
 
-
-
 ## The spark to actually do it
 
 Then for a couple of reasons wanted to write a blog article about progress on [Pogo](https://github.com/Pagwin2/Pogo). But I decided that before I wrote any more articles that I should go look into setting up CD for my site.
 
-
-
 ## Implementing CD with Github actions
 
 So with inspiration in my heart to go and do stuff with Github actions I began. First off I needed to set up the condition for my workflow running which was a pretty simple as I wasn't really doing anything interesting here.
@@ -42,17 +36,11 @@ on:
 I knew due to reading some pages on Github's action market place and previous context that I would need to have at least 3 if not more steps
 
 1. checkout the code
-
 2. use Hugo to build the site
-
 3. deploy to my VPS
 
-
-
 So going through each of those steps in order to see how I went about doing them first we have checking the code out which was a pretty simple `uses: actions/checkout@v2` additionally telling it to fetch submodules due to the structure of my project. After checking out the code I had to use Hugo and conveniently there was a module for Hugo `peaceiris/actions-hugo@v2` although sadly it only installs Hugo so another step would have to be added to build the app. But that step was a pretty simple `run: hugo --minify`. I will say though that if the example on the marketplace page didn't use the `--minify` option I wouldn't have either because I didn't know it existed so that was a nice little learning experience. After building the code I needed to deploy it which due to this being a static site was theoretically as simple as copying files with rsync. But I didn't want to have an automated action have access to root or my user for security and anti-stupidity reasons. To implement that I had to leave the realm of Github actions and go over to my VPS to set some stuff up.
 
-
-
 ## Some work on the VPS
 
 That stuff in question was adding a new user and changing the perms of /var/www/pagwin.xyz so that new user could edit files there. This was pretty simple.
@@ -69,8 +57,6 @@ However my unwillingness to have the new user have a home directory for cleanlin
 
 Conveniently while `$user_home/.ssh/authorized_keys` is the default location for ssh public keys it's pretty easy to add another location for sshd to look for authorized_keys just by adding the line `AuthorizedKeysFile .ssh/authorized_keys /etc/ssh/keys/%u.authorized.pub` to `/etc/ssh/sshd_config` where the later bit of `/etc/ssh/keys/%u.authorized.pub` is added on from the default. That last bit of the config tells ssh to look for the public keys at an additional location where the username of the user trying to login replaces %u. After that whole hassle is done with generating the ssh key is pretty simple with `ssh-keygen` and putting the public key in the right spot. Adding the private key as a Github secret was annoying however but I'll discuss that in the [#Dealing With My Stupidity](#Dealing%20With%20My%20Stupidity(and%20a%20private%20ssh%20key)) section.
 
-
-
 ## What were we talking about oh yeah Github actions
 
 anyways yeah this is what I initially(spoiler I change it) wrote for Github actions to go and deploy the app.
@@ -94,14 +80,10 @@ with:
   script: rm -rf /var/www/pagwin.xyz/*
 ```
 
-
-
 ## Dealing With My Stupidity(and a private ssh key)
 
 The obvious act of stupidity if you paid attention to what I wrote is that I saved the file to `.github/website-publish.yml` instead of `.github/workflows/website-publish.yml`. Fixing that was pretty easy when I figured out what was going on. After that I then had to tweak the deploy step a bit to make rsync work properly. I did a couple of things wrong with the deploy step, one I didn't specify a username, and two I didn't specify my source directory. The source directory thing was particularly stupid as I wanted the files inside the public folder but just putting ./public gave the folder itself with the files in it. As I removed that from my vps I deleted the `/var/www/pagwin.xyz` folder which required a brief recreation of that folder. Then I setup the source correctly to get the files properly but also set the target wrong so everything would go in a folder * which was annoying but at the end of all that I had a pretty smooth setup. Also when trying to copy my private key over to gh actions I struggled a little because I wanted to use xclip to put it in my clipboard but due to website being a different user I couldn't do that directly. This would've been fixed relatively easily if I realized this is why github's cli exists but oh well I eventually got it figured out.
 
-
-
 ## Conclusion
 
 Overall I'm very happy I did this because it gave me a nice bit of practical understanding of how to set up Github actions for future projects. I hope reading about my technical spaghetti VPS and idiocy wasn't too boring. Oh yeah for those who care this is what the yaml file looked like in the end

posts/how.md

@@ -69,7 +69,6 @@ should work right? Nope nope nope for multiple reasons nope. For one thing tryin
 which is closer but it still jumps into the body for some reason. That reason as it turns out is because Hugo ~~being somewhat annoying because it decides not to warn you for failing to be explicit about whether you want a tag as a tag~~ being very cool and safe escaping all the tags to prevent cross site scripting/injection or whatever else problems in code that you're explicitly writing out in a folder for templates. Ugh anyways after running the output of the printf through [SafeHTML](https://gohugo.io/functions/safehtml/) we get this final iteration that works how I want it to of.
 
 ```html
-
 {{ cond (eq .Page.Kind "page") ( safeHTML (printf "<link rel='stylesheet' href='%s/css/single.css'>" .Site.BaseURL)) "" }}
 ```
 

templates/default.html

@@ -3,11 +3,12 @@
 
 <head>
     <meta charset="UTF-8">
-    <!-- not sure if this is good or bad for mobile -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{{{title}}} · Pagwin's website</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <title>{{{title}}} · Pagwin's website</title>
+    <!--https://sethmlarson.dev/mobile-browsers-and-telephone-numbers-->
+    <meta name="format-detection" content="telephone=no">
     <meta property="og:title" content="{{{title}}}">
     <meta property="og:url" content="{{{url}}}">
     <meta property="og:site_name" content="Pagwin's website">