• Building a personal website
  • 1 Introduction
    • 1.1 Why make a website?
    • 1.2 What we’re going to do during the workshop series
    • 1.3 Details
  • I Prerequisites
  • 2 What you need to do before the first session
    • 2.1 Decide if this is the right way of making a website for you
    • 2.2 Technical tasks
      • 2.2.1 What is GitHub and why do you want it?
  • II Workshop sessions
  • 3 Session 1: Build a simple website with Distill
    • 3.1 To do before the workshop
      • 3.1.1 Thank you, Rohan!
    • 3.2 Workshop instructions
      • 3.2.1 Landing page with postcards
      • 3.2.2 Multipage site
    • 3.3 Other tips/resources
    • 3.4 Setting up a custom domain
    • 3.5 Post-workshop tasks
  • 4 Session 2: Personal brand
    • 4.1 Slides
    • 4.2 Workbook
  • 5 Session 3: Writing and design
    • 5.1 Writing, colour and font advice
    • 5.2 Colours
    • 5.3 Editing your CSS (demo)
      • 5.3.1 Create the CSS file
      • 5.3.2 Add your CSS to _site.yml
      • 5.3.3 Change colour of the navigation bar
      • 5.3.4 Change link hover colour (in the navigation bar)
      • 5.3.5 Change page background
      • 5.3.6 Change the colour of the body text
      • 5.3.7 Change all heading colours
      • 5.3.8 Change link hover colour in body text
      • 5.3.9 Font types and sizes
      • 5.3.10 Finished product
  • 6 Useful things not covered
  • Appendix
  • A Buy a domain name (optional)
    • A.0.1 Some caveats
    • A.0.2 Don’t pay full price!
    • A.1 But what if you don’t buy a domain name?
  • Deparment of Statistical Sciences

ISSC: Building a personal website workshop series

6 Useful things not covered

Things we didn’t get to that I’d like to cover eventually…

  • Want to get more complicated with your CSS editting? Use something like the CSS selector gadget to identify components of site. Useful for webscraping, too.
  • Setting up a blog. I’ve actually got mine set up as a seperate site, but you can do it multiple ways.
  • How to have your finished site be at yourname.github.io instead of yourname.github.io/website. Hint: it is all about the repo name.