{"id":76,"date":"2019-07-12T14:55:25","date_gmt":"2019-07-12T14:55:25","guid":{"rendered":"http:\/\/macblog.mcmaster.ca\/posthumanism\/?page_id=76"},"modified":"2019-07-12T14:55:25","modified_gmt":"2019-07-12T14:55:25","slug":"website-resources","status":"publish","type":"page","link":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/","title":{"rendered":"Website Resources"},"content":{"rendered":"<h2>Project<\/h2>\n<p>In September of 2016, I decided to build myself an academic website. While I fully intend to write one from scratch, hopefully within the 2016-17 academic year, the current status of the project is that I spent some time refreshing my brain on HTML, learned some CSS, and used a tutorial to build a basic page to use for the time being. The website is live\u00a0<a class=\"urllink\" href=\"http:\/\/www.emmy.ooo\/\" rel=\"nofollow\">here<\/a>. This is mostly thanks to the help of a couple of colleagues, sen and Zak, who provided me with serious resources and consultation through this process. I did not document this project as I went, but I wanted to write it up anyway, for future reference.<\/p>\n<h2>HTML and CSS<\/h2>\n<p>My first step was to usee the following resources, combined with a Codecademy HTML and CSS course (which ironically has been\u00a0<a class=\"urllink\" href=\"https:\/\/www.codecademy.com\/blog\/important-changes-to-codecademy-courses?utm_campaign=composer_course_replacement&amp;utm_medium=int_butterbar_course_page&amp;utm_source=codecademy_platform\" rel=\"nofollow\">taken down<\/a>, but it was replaced with a\u00a0<a class=\"urllink\" href=\"https:\/\/www.codecademy.com\/learn\/make-a-website\" rel=\"nofollow\">new course<\/a>, which would have been far more useful in the end) to refresh my brain on HTML5 and learn CSS for the first time:<\/p>\n<div class=\"vspace\"><\/div>\n<ul>\n<li><a class=\"urllink\" href=\"http:\/\/www.teaching-materials.org\/htmlcss-1day\/\" rel=\"nofollow\">one-day HTML and CSS crash course<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Guide\/HTML\/Introduction\" rel=\"nofollow\">a little intro to HTML from Mozilla<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/www.w3schools.com\/html\/default.asp\" rel=\"nofollow\">the W3C HTML guide<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Wat are dis?: The Internet<\/h2>\n<p>At some point while learning HTML, I got a bit sidetracked, and spent some time learning about the internet. It&#8217;s FASCINATING. Everyone should do it!<\/p>\n<div class=\"vspace\"><\/div>\n<ul>\n<li><a class=\"urllink\" href=\"http:\/\/computer.howstuffworks.com\/web-server.htm\" rel=\"nofollow\">How web servers work<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/computer.howstuffworks.com\/dns.htm\" rel=\"nofollow\">DNS<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/personalpages.manchester.ac.uk\/staff\/m.dodge\/cybergeography\/atlas\/atlas.html\" rel=\"nofollow\">An Atlas of Cyberspaces<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/as2914.net\/#\/galaxy\/ipv4?cx=-39&amp;cy=-70&amp;cz=10475&amp;lx=0.0324&amp;ly=-0.0390&amp;lz=0.0019&amp;lw=0.9987&amp;ml=1000&amp;s=1.75&amp;l=1&amp;v=2016-09-03\" rel=\"nofollow\">the NTT Internet BGP Visualization<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/stat.ripe.net\/widget\/bgplay\" rel=\"nofollow\">BGPlay<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/en.wikipedia.org\/wiki\/Submarine_communications_cable\" rel=\"nofollow\">Underwater Fibre Optic Cable wiki<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/en.wikipedia.org\/wiki\/ARPANET\" rel=\"nofollow\">Arpanet wiki<\/a><\/li>\n<\/ul>\n<h2>Actual Web Dev<\/h2>\n<p>On recommendation from sen, I decided to use\u00a0<a class=\"urllink\" href=\"https:\/\/gohugo.io\/\" rel=\"nofollow\">a Hugo template<\/a>\u00a0to build my first website. Important note: I did not need to know any Go to use a Hugo template. Their website is way misleading.<\/p>\n<p class=\"vspace\">Some of the things I DID need in order to even begin:<\/p>\n<ul>\n<li><a class=\"urllink\" href=\"http:\/\/brew.sh\/\" rel=\"nofollow\">Homebrew<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/cdn.hashdoc.com\/docs\/d8c0fa45a6d7cb222e1283ab3ca8432e\/images\/728x\/linux-bash-shell-cheat-sheet-2.png\" rel=\"nofollow\">a Bash cheatsheet<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/www.barebones.com\/products\/textwrangler\/\" rel=\"nofollow\">Text Wrangler<\/a><\/li>\n<\/ul>\n<p class=\"vspace\">Once I was all set up, I picked a\u00a0<a class=\"urllink\" href=\"http:\/\/themes.gohugo.io\/\" rel=\"nofollow\">theme<\/a>\u00a0&#8211; I chose\u00a0<a class=\"urllink\" href=\"http:\/\/themes.gohugo.io\/freelancer\/\" rel=\"nofollow\">Freelancer<\/a>, in part because sen had recently updated zir website using\u00a0<a class=\"urllink\" href=\"http:\/\/themes.gohugo.io\/creative\/\" rel=\"nofollow\">Creative<\/a>, and I really liked the outcome (see it [[<a class=\"urllink\" href=\"http:\/\/www.sen.cx\/\" rel=\"nofollow\">http:\/\/www.sen.cx\/<\/a>\u00a0| here), but didn&#8217;t want mine to be actually the same.<\/p>\n<p class=\"vspace\">Some of the other resources that I used:<\/p>\n<ul>\n<li><a class=\"urllink\" href=\"http:\/\/fontawesome.io\/\" rel=\"nofollow\">FontAwesome<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/?hl=en\" rel=\"nofollow\">\u00a0Chrome Web Developer Tools<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/speckyboy.com\/top-50-free-icon-sets-2015\/\" rel=\"nofollow\">Top 50 Free Icon Sets from 2015<\/a><\/li>\n<li><a class=\"urllink\" href=\"http:\/\/www.oxygenna.com\/news\/zen-icons-a-free-set-of-12-minimal-outline-icons\" rel=\"nofollow\">Zen Minimal Outline Icons<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/panic.com\/transmit\/\" rel=\"nofollow\">Transmit<\/a><\/li>\n<li><a class=\"urllink\" href=\"https:\/\/validator.w3.org\/\" rel=\"nofollow\">the W3C HTML5 validator<\/a><\/li>\n<\/ul>\n<h2>Branding?<\/h2>\n<p>I also ordered some business cards from\u00a0<a class=\"urllink\" href=\"https:\/\/www.moo.com\/ca\/\" rel=\"nofollow\">Moo<\/a>. Now I&#8217;m a real professional, or something.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project In September of 2016, I decided to build myself an academic website. While I fully intend to write one from scratch, hopefully within the 2016-17 academic year, the current status of the project is that I spent some time refreshing my brain on HTML, learned some CSS, and used a tutorial to build a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Website Resources&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-76","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Website Resources - Posthumanism in Action<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Resources - Posthumanism in Action\" \/>\n<meta property=\"og:description\" content=\"Project In September of 2016, I decided to build myself an academic website. While I fully intend to write one from scratch, hopefully within the 2016-17 academic year, the current status of the project is that I spent some time refreshing my brain on HTML, learned some CSS, and used a tutorial to build a &hellip; Continue reading &quot;Website Resources&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\" \/>\n<meta property=\"og:site_name\" content=\"Posthumanism in Action\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\",\"url\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\",\"name\":\"Website Resources - Posthumanism in Action\",\"isPartOf\":{\"@id\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/#website\"},\"datePublished\":\"2019-07-12T14:55:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Resources\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/#website\",\"url\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/\",\"name\":\"Posthumanism in Action\",\"description\":\"Documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/macblog.mcmaster.ca\/posthumanism\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Resources - Posthumanism in Action","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/","og_locale":"en_US","og_type":"article","og_title":"Website Resources - Posthumanism in Action","og_description":"Project In September of 2016, I decided to build myself an academic website. While I fully intend to write one from scratch, hopefully within the 2016-17 academic year, the current status of the project is that I spent some time refreshing my brain on HTML, learned some CSS, and used a tutorial to build a &hellip; Continue reading \"Website Resources\"","og_url":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/","og_site_name":"Posthumanism in Action","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/","url":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/","name":"Website Resources - Posthumanism in Action","isPartOf":{"@id":"https:\/\/macblog.mcmaster.ca\/posthumanism\/#website"},"datePublished":"2019-07-12T14:55:25+00:00","breadcrumb":{"@id":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/macblog.mcmaster.ca\/posthumanism\/website-resources\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/macblog.mcmaster.ca\/posthumanism\/"},{"@type":"ListItem","position":2,"name":"Website Resources"}]},{"@type":"WebSite","@id":"https:\/\/macblog.mcmaster.ca\/posthumanism\/#website","url":"https:\/\/macblog.mcmaster.ca\/posthumanism\/","name":"Posthumanism in Action","description":"Documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/macblog.mcmaster.ca\/posthumanism\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":1,"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/pages\/76\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/macblog.mcmaster.ca\/posthumanism\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}