Website

Basic website needing a refresh

3: Review and migrate to jekyll.

This site is running a jekyll based site using the “minimise mistakes” theme. I liked the name of the theme and also the flexibility it provides. I plan to set up a new web page for the pubgolf website using the “neon” theme.

When setting up the structure in jekyll you can specify the name of each file in the website. Which is great as I’ve got 20 years of history in this webiste or the various link caches that website and search engines use. So I want to maintain these for the main pages.

Luckily the dreamweaver site is quite simple!

List out html files in current site

tree /f /a
|   addtoguestbook.htm
|   ads.txt
|   contact.htm
|   downloads.htm
|   events.htm
|   guestbook.htm
|   index.htm
|   links.htm
|   maintainguestbook.htm
|   news.htm
|   other_rules.htm
|   pictures.htm
|   rules.htm
|   stuff.htm
|
+---css
|       pubgolf.css
|
+---downloads
|       The Course2k.doc
|       The Course2k.pdf
|       thecourse2k1b.zip
|
+---Images
|       banner.png
|       banner.psd
|       button-copyright.png
|       button.psd
|       button_contactus.png
|       button_c_contactus.png
|       button_c_events.png
|       button_c_guestbook.png
|       button_c_links.png
|       button_c_news.png
|       button_c_pictures.png
|       button_c_rules.png
|       button_downloads.png
|       button_events.png
|       button_guestbook.png
|       button_h_contactus.png
|       button_h_downloads.png
|       button_h_events.png
|       button_h_guestbook.png
|       button_h_links.png
|       button_h_news.png
|       button_h_pictures.png
|       button_h_rules.png
|       button_h_stuff.png
|       button_links.png
|       button_news.png
|       button_pictures.png
|       button_rules.png
|       button_stuff.png
|
+---PG1999
|   \   index.htm
+---PG2000
|   \   index.htm
+---PG2001
|   \   index.htm
+---PG2001a
|   \   index.htm

There are lots of image files under the galleries but not a lot of text so will just stick to the main structure. Initial plan is to just copy the text from current pages but rehost to jekyll site. If I get enthusiastic I can then do more.

Set up jekyll website

Run the following command to set up a jekyll website:

sudo jekyll new pg-s3

Where pg-s3 is the folder that jekyll will store all the files in. I need to use sudo as I’m using ubuntu in wsl2.

The folder structure has been created and populated.

then run

sudo bundle update
sudo bundle

To update the files

jekyll serve

should launch a very basic web site.

setup minimise mistakes theme

I now follow the minimal-mistakes docs to set up the config files. https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/#starting-from-jekyll-new

  • Edit Gemfile to add in theme info
  • Edit _config.yaml to set theme
  • Update _config.yaml to reflect the changes needed for the theme based on files in github

After a few more tweaks (let me know if you want the details) then I have a very basic website that looks a wee bit like the pubgolf website:

Updating individual pages.

I will now set up the individual pages in the _pages folder. Each page will get the appropriate frontend matter settings to reflect the page on the live website identified earlier.

Site has been updated

All the pages have been recreated. Google tracking and adsense bits have been added in too.

and for good or for bad the gallery has been re-uploaded!

It’s a boring site really but looks ok. Although at this point it is all still local on my laptop.

Updated: