More tumblr posts

Also updated accurate timestamps of tumblr posts

content/posts/tumblr-musings/bad-rounded-profile-pics/index.md

@@ -0,0 +1,28 @@
+---
+title: Bad Rounded Profile Pics!
+date: 2009-05-25T22:23:00+01:00
+draft: false
+emoji: 🐤
+images:
+tags:
+  - mac
+  - glimmerblocker
+  - facebook
+  - filter
+  - from-tumblr
+---
+
+![A screenshot of a Facebook wall-post with JP "really hates the roundy-edged square profile pics. Feck off!". Comment 1 from Bayan says "Mark is clearly trying to be more twitter- like :/". Comment 2 from JP says "I fixed it! I made a thingie for macs that prevents the roundy corner bits :P will post how-to soon"](facebook-rounded-profile.png)
+
+Are you pissed off with the rounded profile pics that Facebook has decided to use? If so, just install this glimmer blocker filter and they'll be gone the next time you force-refresh your pages - forever!
+
+## The catches:
+
+* **You need a [Mac](http://apple.com/getamac/ads/).** I might build a firefox greasemonkey script sometime soon tho.
+* **You need [GlimmerBlocker](http://glimmerblocker.org/).** I'd highly recommend it, its essentially a proxy that removes all the irritating ads on websites for you automatically :) It'll work with every application you use, and you can even make your own rules as to what gets blocked (like this...)
+
+## How to install:
+
+All you need to do is go into the GlimmerBlocker Preference pane, go into filters, hit the little cog next to + and - under _filters_ and subscribe to my filter using the following address: http://dropbox.kedakai.co.uk/GlimmerBlocker/Facebook.xml
+
+Let me know if there are any other annoyances I could add to this filter!

content/posts/tumblr-musings/bygone-cy-dendsham.md

@@ -0,0 +1,17 @@
+---
+title: bygone [Cy Densham]
+date: 2009-05-08T09:05:00+01:00
+draft: false
+emoji: 📝
+tags:
+  - poetry
+  - cy densham
+  - language
+  - from-tumblr
+---
+
+[kedakai.co.uk](https://poetry.kedakai.co.uk/poem:bygone/)[^1]
+
+I continue to write small chunks of poetry, under my pen name _Cyrus Densham_. I’ve not really had any literary training (wooh, English GCSE) so they really are just what I think sounds nice. Still, feel free to deconstruct and criticise, but they’re genuinely not written to impress anyone (isn’t that the point?).
+
+[^1]: Import note: I'm working on recovering my old poetry site from backups. This isn't Shakespeare, but I do hope I find it (and that I'm not too embarassed by what I find!)

content/posts/tumblr-musings/campus-bot.md

@@ -0,0 +1,16 @@
+---
+title: CampusBot
+date: 2009-04-29T23:58:00+01:00
+draft: false
+emoji: 🏫
+tags:
+  - ruby
+  - code
+  - Twitter
+  - campusbot
+  - from-tumblr
+---
+
+I’m building a twitterbot to answer questions about things happening on my university campus. Should be fun, I’ve decided to use Ruby and Active Record as a foundation :)
+
+Might be a few days before anything appears on github, I’ve got a few exams in the near future!

content/posts/tumblr-musings/how-developers-brains-work.md

@@ -0,0 +1,15 @@
+---
+title: How Developers' Minds Work
+date: 2009-05-18T23:05:00+01:00
+draft: false
+emoji: 🧠
+images:
+tags:
+  - from-tumblr
+---
+
+_@threedaymonk_: Got home to find both UKIP and BNP leaflets on my doorstep. Feeling nauseous.
+
+_@threedaymonk_: "British Jobs for British Workers - Because We've Earned the Right!" No, you don't "earn" anything just by being born white to UK parents.
+
+_@threedaymonk_: Also, the BNP suck at typography.

content/posts/tumblr-musings/low-cost-sensing-with-leds.md

@@ -1,6 +1,6 @@
 ---
 title: Low-cost sensing with LEDs
-date: 2009-04-15
+date: 2009-04-15T09:44:00+01:00
 draft: false
 emoji: 💡
 tags:

content/posts/tumblr-musings/native-ruby-rar-archive-extractor.md

@@ -1,6 +1,6 @@
 ---
 title: Native ruby RAR
-date: 2009-03-29
+date: 2009-03-29T22:06:00+00:00
 draft: false
 emoji: 🗜️
 images:

content/posts/tumblr-musings/poi.md

@@ -1,6 +1,6 @@
 ---
 title: Fire poi
-date: 2009-04-19
+date: 2009-04-19T14:45:00+01:00
 draft: false
 emoji: 🔥
 tags:

content/posts/tumblr-musings/porting-to-ruby.md

@@ -0,0 +1,17 @@
+---
+title: Porting to Ruby
+date: 2009-05-05T04:08:00+01:00
+draft: false
+emoji: ⬇️
+tags:
+  - ruby
+  - code
+  - dlc
+  - from-tumblr
+---
+
+I had some time to kill today, so I rewrote the [DLC api](https://www.jdownloader.org/news/blog/x20090501-002-dlcapi-oop) in Ruby.
+
+If you use [JDownloader](https://jdownloader.org) you’ll know how useful the DLCs are, essentially they allow you to contain all the links from a variety of online hosting sources in one place with any passwords that might be needed. All this data is also kept encrypted to prevent people from poking around inside and stealing the links!
+
+Now, should you wish to create one of these DLCs there’s a [handy ruby API](https://github.com/jphastings/ruby-DLC) I’ve built thats so simple you can even use it from `irb`! Enjoy.

content/posts/tumblr-musings/processing-and-ruby.md

@@ -1,6 +1,6 @@
 ---
 title: Processing and Ruby
-date: 2009-04-20
+date: 2009-04-20T23:19:00+01:00
 draft: false
 emoji: 💎
 tags:

content/posts/tumblr-musings/ruby-dlc-on-github.md

@@ -0,0 +1,27 @@
+---
+title: Ruby-DLC on Github
+date: 2009-05-05T15:20:00+01:00
+draft: false
+emoji: 🐙
+tags:
+  - ruby
+  - code
+  - gem
+  - github
+  - ruby-dlc
+  - dlc
+  - from-tumblr
+---
+
+[github.com](https://github.com/jphastings/ruby-DLC)
+
+Ruby-DLC is now available on github, and consequently as a gem! You can install with[^1]:
+
+```sh
+gem sources -a http://gems.github.com
+sudo gem install jphastings-dlc
+```
+
+There’s a [gist](https://gist.github.com/jphastings/106978) explaining how to use the library and the rdoc documentation is still available on my [project page](https://github.com/jphastings/ruby-DLC). Please file an [issue](https://github.com/jphastings/ruby-DLC/issues) if you have any problems with the code, I haven’t checked it thoroughly!
+
+[^1]: Import note: This syntax is incorrect today, and the code only supports Ruby 1.x, so you'll have to make your own way if you're interested in using this!

content/posts/tumblr-musings/short-projects.md

@@ -0,0 +1,11 @@
+---
+date: 2009-05-17T13:02:00+01:00
+draft: false
+emoji: 🫥
+tags:
+  - code
+  - life
+  - from-tumblr
+---
+
+Browsing through my github projects I’ve noticed I appear to have an idea, work on it for at most a week and then consign it to the ‘uninteresting’ pile… some projects get completed, some don’t. Wish I had more time to complete them, as well as someone to code with!

content/posts/tumblr-musings/slypis-out-in-the-wild.md

@@ -0,0 +1,34 @@
+---
+title: Twitter links in Tumblr
+date: 2009-05-24T20:52:00+01:00
+draft: false
+emoji: 🕵️
+images:
+tags:
+  - ruby
+  - code
+  - slypi
+  - gem
+  - screen scraping
+  - from-tumblr
+---
+
+I get really frustrated when websites don't have APIs. I know its kinda mean to screen scrape, and potentially prevented by ToCs etc, but I built this anyway. I have finals exams to revise for and not enough to procrastinate with!
+
+So, what is all this SlyPI nonsense about then?
+
+A SlyPI is a small ([YAML](https://en.wikipedia.org/wiki/YAML) based) settings file that describes how to mechanically traverse a website in order to get a variety of different bits of information. For example, my [tv.com example](https://github.com/jphastings/SlyPI-examples/blob/d6513b87c08b356c2877f546477bdd11b2df5362/slypis/tv.com.slypi) will allow you to search their database for shows by name, then use their 'showid' to find out about that show's episodes, its air times, genre and so on.
+
+These settings files on their own aren't particularly helpful. Lucky for you I built a [ruby gem](https://github.com/jphastings/SlyPI) that interprets them and creates a class with methods pertaining to that slypi, so you just do:
+
+```ruby
+require 'slypi'
+s = SlyPI.new("tv.com.slypi")
+s.SearchShows(:q => "Terminator")
+```
+
+And you'll get a list of shows that have the word _Terminator_ in them. Cool ne?
+
+So if a SlyPI exists for the site you want to use this is simplicity itself, but why bother making one for a new site? When you screen scrape you run the risk that the site layout will change and everything will be broken. With SlyPI even if it doesyou only need to edit the SlyPI settings file and order is restored. You could feasibly write an application that depended on screen scraping that auto-updated when a newer version of the slypi was available.
+
+Naturally, people get frustrated at screen scraping, so please remember that you use this at your own risk, and definitely don't attempt to download the entire of a website though it...

content/posts/tumblr-musings/timelapse.md

@@ -1,6 +1,6 @@
 ---
 title: Timelapse video
-date: 2009-03-31T23:00:00+00:00
+date: 2009-03-31T02:10:00+01:00
 draft: false
 emoji: 📼
 tags:

content/posts/tumblr-musings/trash-files-in-ruby.md

@@ -1,6 +1,6 @@
 ---
 title: Trash files in Ruby
-date: 2009-03-25
+date: 2009-03-25T22:42:00+00:00
 draft: false
 emoji: 🗑️
 images:

content/posts/tumblr-musings/twitter-links-in-tumblr.md

@@ -0,0 +1,32 @@
+---
+title: Twitter links in Tumblr
+date: 2009-05-20T21:43:00+01:00
+draft: false
+emoji: 🐤
+images:
+tags:
+  - javascript
+  - code
+  - tumblr
+  - twitter
+  - from-tumblr
+---
+
+When writing [a post](../how-developers-brains-work) the other day[^1], I wanted to be able to use the tumblr chat where the participants were twitter users. Tumblr doesn’t support HTML in chat usernames, so I wrote a tiny javascript chunk to automatically troll any elements you give it and replace `@twitter-username` with a link to their account. (You can see it in action on the aforementioned post[^2]) You can find the code in [this github gist](https://gist.github.com/jphastings/115054), all you need to do is link in [mootools](https://mootools.net) (you only need to have the selectors part available, for now) and this script in the head of your template like this:
+
+```html
+<script> type="text/javascript" src="mootools.js"></script>
+<script> type="text/javascript" src="tumblrtweets.js"></script>
+```
+
+Then add a small javascript section at the end of your template (inside the **body**):
+
+```html
+<script type="text/javascipt"> tumblrTweets("span.label"); </script>
+```
+
+Where `span.label` is the [CSS Selector](https://css.maxdesign.com.au/selectutorial/) for the elements you wish to scan. You can link to these files from my web server if you like[^3] (check the source of any of these pages), but if you have your own hosting _please_ use that instead, I only have limited bandwidth!
+
+[^1]: Import note: this post was originally written on Tumblr, which feels like a pretty crucial piece of information for this post to make sense!
+[^2]: Sadly you can't! See the footnote above.
+[^3]: I doubt that you'd still want to, but that server doesn't exist any more. You can always load directly from the [raw gist](https://gist.githubusercontent.com/jphastings/115054/raw/3a20eb86caf64ae5101d0447bed4ed04f2da0e57/tumblrtweet.js) on Github.

content/posts/tumblr-musings/video-snippet-ideas.md

@@ -1,6 +1,5 @@
 ---
-title: Video snippet ideas
-date: 2009-03-31T22:00:00+00:00
+date: 2009-03-31T00:32:00+01:00
 draft: false
 emoji: 🎥
 tags:

content/posts/tumblr-musings/where-on-the-web-opengl/index.md

@@ -0,0 +1,18 @@
+---
+date: 2009-04-21T22:47:00+01:00
+draft: false
+emoji: 🌐
+tags:
+  - whereontheweb
+  - ruby
+  - processing
+  - map
+  - geo
+  - from-tumblr
+---
+
+![A terrain map of the earth over the Atlantic, showing different sized red dots moving between the UK and other places on earth](./screencap.jpg)
+
+I improved Where On The Web? with an OpenGL twist (making it a lot faster - tho antialiasing is broken) and by varying the size of the ‘packets’ as they travel around the globe, you can now see roughly how much data is winging its way around the web.
+
+The [gist containing the sketch](https://gist.github.com/jphastings/98878) has been updated to reflect these changes, have a play!

content/posts/tumblr-musings/where-on-the-web-screencast.md

@@ -0,0 +1,17 @@
+---
+date: 2009-04-21T03:16:00+01:00
+draft: false
+emoji: 📺
+tags:
+  - whereontheweb
+  - ruby
+  - processing
+  - code
+  - map
+  - geo
+  - from-tumblr
+---
+
+{{< vimeo 4252126 >}}
+
+Oooooh, a screencast? About my latest app? How exciting!

content/posts/tumblr-musings/where-on-the-web/index.md

@@ -1,6 +1,6 @@
 ---
 title: Where on the Web
-date: 2009-04-21
+date: 2009-04-21T02:55:00+01:00
 draft: false
 emoji: 🌍
 tags:
@@ -19,7 +19,7 @@ tags:
 
 Where On The Web is aliiiiive!
 
-I built it, and it appears to work averagely well. You can see the code in [the gist on github](https://gist.github.com/98878) and soon there will be a mini-video online showing you how it all works. In the meanwhile, just enjoy the pretty colours :D
+I built it, and it appears to work averagely well. You can see the code in [the gist on github](https://gist.github.com/jphastings/98878) and soon there will be a mini-video online showing you how it all works. In the meanwhile, just enjoy the pretty colours :D
 
 I’ve uploaded a snapshot[^1] of the whole window for you to ogle at too.
 

themes/hello-friend-ng/assets/scss/_main.scss

@@ -539,4 +539,29 @@ hr {
 
 sup[id^="fnref:"] a {
   text-decoration: none;
+  color: var(--accent);
+}
+
+.footnotes {
+  font-size: small;
+
+  ol {
+    list-style: none;
+    counter-reset: li;
+
+    li::before {
+      content: counter(li) '.';
+      color: var(--accent);
+      width: 1em;
+      margin-left: -2em;
+      margin-right: 0.5em;
+      text-align: right;
+      position: absolute;
+    }
+
+    li {
+      position: relative;
+      counter-increment: li;
+    }
+  }
 }