Merge branch '2019-redesign' into 'master'

2019 Redesign

See merge request ariejan/devroom.io!10

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/hugo-coder"]
+	path = themes/hugo-coder
+	url = https://github.com/luizdepra/hugo-coder.git

config.toml

@@ -1,369 +1,95 @@
-# Configuration of Academic
-# Documentation: https://sourcethemes.com/academic/
-#
-# This file is formatted using TOML syntax - learn more at https://learnxinyminutes.com/docs/toml/
-# Each configuration section is defined by a name in square brackets (e.g. `[outputs]`).
+baseurl = "https://www.devroom.io"
+title = "Ariejan de Vroom"
+theme = "hugo-coder"
+languagecode = "en"
+defaultcontentlanguage = "en"
 
-# The URL of your website.
-# End your URL with a `/` trailing slash, e.g. `https://example.com/`.
-baseurl = "https://www.devroom.io/"
+copyright = "© 1999-2019 Ariejan de Vroom. All rights reserved."
 
-# Title of your site
-title = "ariejan de vroom"
-
-# Your copyright notice - appears in site footer.
-# To display a copyright symbol, type `©`.
-copyright = "Copyright © 1999 - 2019 Ariejan de Vroom"
-
-theme = "academic"
-enableEmoji = true
-footnotereturnlinkcontents = "<sup>^</sup>"
-ignoreFiles = ["\\.Rmd$", "\\.Rmarkdown$", "_files$", "_cache$"]
-preserveTaxonomyNames = true
-paginate = 10
+paginate = 999
 canonifyurls = true
 
+pygmentsstyle = "bw"
+pygmentscodefences = true
+pygmentscodefencesguesssyntax = true
 
-# Enable comments by entering your Disqus shortname
+googleAnalytics = "UA-60089-16"
 disqusShortname = ""
 
-# Enable analytics by entering your Google Analytics tracking ID
-googleAnalytics = "UA-60089-16"
-
-# Default language to use (if you setup multilingual support)
-defaultContentLanguage = "en"
-hasCJKLanguage = false  # Set `true` for Chinese/Japanese/Korean languages.
-defaultContentLanguageInSubdir = false
-
-# Get last modified date for content from Git?
-enableGitInfo = true
-
-[outputs]
-  home = [ "HTML", "CSS", "RSS", "JSON" ]
-  section = [ "HTML", "RSS" ]
-
-# Configure BlackFriday Markdown rendering.
-#   See: https://gohugo.io/getting-started/configuration/#configure-blackfriday
-[blackfriday]
-  hrefTargetBlank = true  # `true` opens external links in a new tab.
-  fractions = true  # `false` disables smart fractions (e.g. 5/12 formatted as a fraction).
-  smartypants = true  # `false` disables all smart punctuation substitutions (e.g. smart quotes, dashes, fractions).
-  extensions = ["backslashLineBreak"]
+[permalinks]
+    posts = "/:year/:month/:day/:slug"
 
 [params]
-  # AUTHOR SETUP
+    author = "Ariejan de Vroom"
+    info = "Software Engineer, Electronics Tinkerer, and Archer"
+    description = "Ariejan de Vroom's personal website"
+    keywords = "blog,developer,personal,electronics"
+    avatarurl = "images/avatar.jpg"
 
-  # Your details.
-  name = "Ariejan de Vroom"
-  role = "Software Engineer and Electronics Tinkerer"
+    favicon_32 = "/img/favicon-32x32.png"
+    favicon_16 = "/img/favicon-16x16.png"
 
-  # Organizations/Affiliations.
-  #   Separate multiple entries with a comma, using the form: `[ {name="Org1", url=""}, {name="Org2", url=""} ]`.
-  #organizations = [ { name = "Kabisa", url = "https://www.kabisa.nl" }, {name="deVroom Audio", url=""} ]
-  organizations = [ ]
+    footercontent = "Live now; make <em>now</em> always the most precious time. <em>Now</em> will never come again.<br>– Jean-Luc Picard<br><br><small>Copyright © 1999 - 2019 Ariejan de Vroom.<br>All rights reserved.</small>"
 
-  gravatar = true  # Get your avatar from Gravatar.com? (true/false)
-  avatar = "portrait.jpg"  # Specify an avatar image (in `static/img/` folder) or delete value to disable avatar.
+    hidecredits = true
+    hidecopyright = true
 
-  # Details for the Contact Widget
-  email = "ariejan@devroom.io"
-  address = "Son en Breugel, The Netherlands"
-  office_hours = ""
-  phone = ""
-  skype = ""
-  telegram = ""
-  keybase = "adevroom"  # Your keybase.io username.
+    rtl = false
 
-  # Enter an optional link for booking appointments (e.g. calendly.com).
-  appointment_url = ""
-
-  # Discussion link (e.g. link to a forum, mailing list, or chat).
-  #   Uncomment line below to use.
-  #   discussion = { name = "Discuss", url = "https://discourse.gohugo.io" }
-
-  # Enable/disable map in Contact widget.
-  # To show your address on a map in the contact widget, you need to enter your latitude, longitude and choose
-  # a map provider below.
-  # To use Google Maps, set `map = 1` and enter your API key that can be obtained here:
-  #   https://developers.google.com/maps/documentation/javascript/get-api-key
-  # To use OpenStreetMap tiles, set `map = 2`.
-  # To use OpenStreetMap on a high traffic site, set `map = 3` and enter your API key that can be obtained here:
-  #   https://www.mapbox.com/studio/account/tokens
-  # To get your coordinates, right-click on Google Maps and choose "What's here?". The coords will show up at the bottom.
-  #
-  # Map provider:
-  #   0: No map
-  #   1: Google Maps
-  #   2: OpenStreetMap (Mapnik)
-  #   3: OpenStreetMap (Mapbox)
-  map = 0
-  map_api_key = ""
-  latitude = "51.513487"
-  longitude = "5.505905"
-  zoom = 5
-
-  # SITE SETUP
-
-  # Color theme.
-  #   Choose from `default`, `ocean`, `forest`, `dark`, `apogee`, `1950s`, `coffee`, `cupcake`.
-  # color_theme = "default"
-  color_theme = "ocean"
-
-  # Enable users to switch between day and night mode?
-  day_night = true
-
-  # Font style.
-  #   Choose from `default`, `classic`, or `playfair`.
-  font = "default"
-
-  # Description for social sharing and search engines. If undefined, author role is used in place.
-  description = ""
-
-  # Default image for social sharing and search engines. Place image in `static/img/` folder and specify image name here.
-  sharing_image = ""
-
-  # Twitter username (without @). Used when a vistor shares your site on Twitter.
-  twitter = "ariejan"
-
-  # Diplay a logo in navigation bar rather than title (optional).
-  #   To enable, place an image in `static/img/` and reference its filename below. To disable, set the value to "".
-  logo = ""
-
-  # Date and time format (refer to https://sourcethemes.com/academic/docs/customization/#date-format )
-  #   Examples: "Mon, Jan 2, 2006" or "2006-01-02"
-  date_format = "2 Jan 2006"
-  #   Examples: "3:04 pm" or "15:04"
-  time_format = "15:04"
-
-  # Show estimated reading time for posts?
-  reading_time = true
-
-  # Display comment count? Requires commenting to be enabled.
-  comment_count = true
-
-  # Display next/previous section pager?
-  section_pager = false
-
-  # Enable global LaTeX math rendering?
-  #   If false, you can enable it locally on a per page basis.
-  math = false
-
-  # Highlight.js options
-  #   highlight
-  #     Enable global source code highlighting?  If false, you can
-  #     override it for a particular page in that page's preamble.
-  #
-  #     Example: highlight = true
-  #
-  #   highlight_languages
-  #     Add support for highlighting additional languages. Support for
-  #     languages mentioned here will be included in all pages.
-  #
-  #     Example: highlight_languages = ["go", "lisp", "ocaml"]
-  #
-  #   highlight_style
-  #     Choose a different CSS style for highlighting source
-  #     code. Setting this option in a page's preamble has no
-  #     effect.
-  #
-  #     Example: highlight_style = "github-gist"
-  #
-  #   For the list of supported languages and styles, see:
-  #   https://cdnjs.com/libraries/highlight.js/
-  #
-  #   For more info on the highlighting options, see:
-  #   https://sourcethemes.com/academic/docs/writing-markdown-latex/#highlighting-options
-  highlight = true
-  highlight_languages = ["go", "ruby", "yaml", "apache", "arduino", "bash", "cpp", "css", "dns", "dockerfile", "elixir", "erb", "haml", "gherkin", "http", "java", "javascript", "json", "markdown", "nginx", "openscad", "pgsql", "php", "plaintext", "scss", "sql", "tex", "vim", "xml" ]
-  highlight_style = "ir-black"
-
-  # Enable native social sharing buttons?
-  sharing = true
-
-  # Privacy pack
-  #   Show a cookie consent message to visitors
-  #   Anonymize IP in Google Analytics (if enabled)
-  privacy_pack = false
-
-  # Link custom CSS and JS assets
-  #   (relative to /static/css and /static/js respectively)
-  custom_css = []
-  custom_js  = []
-
-  # Publication types.
-  #   Used to categorize publications.
-  #   The index of the publication type in the list is used as its unique numerical identifier.
-  #   The numeric ID is used in a publication's frontmatter to categorize it.
-  #   The language can be edited below.
-  #   For multilingual sites, `publication_types` can be copied to each language section at the end of this file and
-  #   translated.
-  publication_types = [
-    'Uncategorized',  # 0
-    'Conference paper',  # 1
-    'Journal article',  # 2
-    'Manuscript',  # 3
-    'Report',  # 4
-    'Book',  # 5
-    'Book section'  # 6
-  ]
-
-  [permalinks]
-    post = "/:year/:month/:day/:slug"
-
-  # Configuration of talk pages.
-  [params.talks]
-    # Show talk time?
-    time = true
-
-  # Configuration of publication pages.
-  [params.publications]
-    # Date format (refer to https://sourcethemes.com/academic/docs/customization/#date-format )
-    #   Examples: "Mon, Jan 2, 2006" or "2006-01-02"
-    date_format = "January, 2006"
-
-  # Configuration of project pages.
-  [params.projects]
-    # List publications and talks related to the project?
-    list_children = true
-
-    # Post list format.
-    #   0 = Simple
-    #   1 = Detailed
-    #   2 = Stream
-    post_format = 2
-
-    # Publication list format.
-    #   0 = Simple
-    #   1 = Detailed
-    #   2 = APA
-    #   3 = MLA
-    #   4 = Stream
-    publication_format = 4
-
-    # Talk list format.
-    #   0 = Simple
-    #   1 = Detailed
-    #   2 = Stream
-    talk_format = 2
-
-  # Social/Academic Networking
-  #
-  # Icon pack "fab" includes the following social network icons:
-  #
-  #   twitter, weibo, linkedin, github, facebook, pinterest, google-plus,
-  #   youtube, instagram, soundcloud
-  #
-  #   For email icon, use "fas" icon pack, "envelope" icon, and
-  #   "mailto:your@email.com" as the link.
-  #
-  #   Full list: https://fontawesome.com/icons
-  #
-  # Icon pack "ai" includes the following academic icons:
-  #
-  #   cv, google-scholar, arxiv, orcid, researchgate, mendeley
-  #
-  #   Full list: https://jpswalsh.github.io/academicons/
+    math = true
+    custom_css = ["css/custom.css"]
 
+# Social links
 [[params.social]]
-    icon = "envelope"
-    icon_pack = "fas"
-    link = "#contact"  # For a direct email link, use "mailto:test@example.org".
-
-  [[params.social]]
-    icon = "twitter"
-    icon_pack = "fab"
-    link = "https://twitter.com/ariejan"
-
-  [[params.social]]
-    icon = "linkedin"
-    icon_pack = "fab"
-    link = "https://www.linkedin.com/in/ariejan/"
-
-  [[params.social]]
-    icon = "github"
-    icon_pack = "fab"
-    link = "https://github.com/ariejan"
-
-  # Link to a PDF of your resume/CV from the About widget.
-  # To enable, copy your resume/CV to `static/files/cv.pdf` and uncomment the lines below.
-  # [[params.social]]
-  #   icon = "cv"
-  #   icon_pack = "ai"
-  #   link = "files/cv.pdf"
-
-# Navigation Links
-#   To link a homepage widget, specify the URL as a hash `#` followed by the filename of the
-#     desired widget in your `content/home/` folder.
-#   The weight parameter defines the order that the links will appear in.
-[params.menus]
-  # Align the main menu to the right of the page? (true/false)
-  align_right = true
-
-[[menu.main]]
-  name = "Home"
-  url = "/"
+    name = "Gitlab"
+    icon = "fab fa-gitlab fa-2x"
     weight = 10
-
-[[menu.main]]
-  name = "Posts"
-  url = "#posts"
+    url = "https://git.devroom.io/ariejan/"
+[[params.social]]
+    name = "Github"
+    icon = "fab fa-github-alt fa-2x"
     weight = 20
+    url = "https://github.com/ariejan/"
+[[params.social]]
+    name = "Twitter"
+    icon = "fab fa-twitter fa-2x"
+    weight = 30
+    url = "https://twitter.com/ariejan/"
+[[params.social]]
+    name = "LinkedIn"
+    icon = "fab fa-linkedin-in fa-2x"
+    weight = 40
+    url = "https://twitter.com/ariejan/"
+[[params.social]]
+    name = "Keybase"
+    icon = "fab fa-keybase fa-2x"
+    weight = 50
+    url = "https://keybase.com/adevroom/"
+[[params.social]]
+    name = "Son en Breugel"
+    icon = "fas fa-map-marker-alt fa-2x"
+    weight = 90
+    url = "https://www.google.com/maps/place/Son+en+Breugel/@51.5249895,3.2434364,7z"
+[[params.social]]
+    name = "Contact"
+    icon = "fas fa-envelope fa-2x"
+    weight = 100
+    url = "/contact/"
 
+# Menu links
+[[menu.main]]
+    name = "Blog"
+    weight = 10
+    url  = "/posts/"
 [[menu.main]]
     name = "Projects"
-  url = "#projects"
+    weight = 20
+    url  = "/projects/"
+[[menu.main]]
+    name = "About"
     weight = 40
-
+    url = "/about/"
 [[menu.main]]
     name = "Contact"
-  url = "#contact"
-  weight = 60
-
-# Link to a PDF of your resume/CV from the menu.
-# To enable, copy your resume/CV to `static/files/cv.pdf` and uncomment the lines below.
-# [[menu.main]]
-#    name = "CV"
-#    url = "files/cv.pdf"
-#    weight = 7
-
-# Search.
-[params.search]
-  # Search provider:
-  #   0: No search engine
-  #   1: Built-in (Fuse)
-  #   2: Algolia (https://www.algolia.com)
-  engine = 1
-
-  # Configuration of Algolia search engine.
-  # Paste the values from your Algolia dashboard.
-  [params.search.algolia]
-    app_id = ""
-    api_key = ""
-    index_name = ""
-    show_logo = false
-
-# Taxonomies.
-[taxonomies]
-  tag = "tags"
-  category = "categories"
-  publication_type = "publication_types"
-
-# Languages
-#   Create a [languages.X] block for each language you want, where X is the language ID.
-#   Refer to https://sourcethemes.com/academic/docs/language/
-
-# Configure the English version of the website.
-[languages.en]
-  languageCode = "en-us"
-
-# Uncomment the lines below to configure your website in a second language.
-#[languages.zh]
-#  languageCode = "zh-Hans"
-#  title = "Chinese website title..."
-#  [languages.zh.params]
-#    name = "Your name in Chinese..."
-#    role = "Your role in Chinese..."
-#  [[languages.zh.menu.main]]
-#    name = "Wo"
-#    url = "#about"
-#    weight = 1
+    weight = 50
+    url = "/contact/"

content/about.md

@@ -1,46 +1,31 @@
 +++
 type = "page"
-title = "About Ariejan"
+title = "About"
 +++
 
-Hey, and welcome to this about page!
+## About Ariejan
 
-I'm a software engineer building rock solid back-end systems
-using Ruby, Ruby on Rails, and Elixir. In my free time I love to
-repair audio equipment, experiment with electronics, and play the piano.
+Ariejan is a passionate software engineer who likes to build rock-solid
+back-end applications. 
 
-If you want to stay updated about new posts, subscribe to the <a href="https://www.devroom.io/index.xml">RSS feed</a>.
+In his free time Ariejan likes to tinker with electronics by 
+repairing “vintage” audio equipment or designing, programming, and manufacturing small 
+batch electronics projects.
 
-## Get in touch with me
+He also likes to shoot (traditional wooden) arrows with his [Hedeby Viking longbow](http://www.bow-international.com/features/traditional/viking-archery/) at [Archery club Pieter Breugel](https://hbvpieterbreugel.nl).
 
-Pick your communication channel of choice:
+Since 2007 Ariejan has been working at [Kabisa](https://www.kabisa.nl), the leading 
+Ruby on Rails consultancy firm in The Netherlands.
 
-<ul>
-    <li>
-      Mail: <a href="mailto:ariejan@devroom.io">ariejan@devroom.io</a>, <a href="/gpg">GPG Key</a>
-    </li>
-    <li>
-      Twitter: <a href="http://twitter.com/ariejan">@ariejan</a>
-    </li>
-    <li>
-      Github: <a href="https://github.com/ariejan">ariejan</a>
-    </li>
-    <li>
-      LinkedIn: <a href="http://www.linkedin.com/in/ariejan">ariejan</a>
-    </li>
-    <li>
-      Skype: <a href="skype:adevroom?add">adevroom</a>
-    </li>
-    <li>
-      Last.fm: <a href="http://www.last.fm/user/ariejan">ariejan</a>
-    </li>
-</ul>
+## This site
 
-## About this site
+I started blogging in 1996. My site has gone through many iterations and some content 
+was lost in the process. The most recent post on this site is from 2006.
 
-I've been _blogging_ since 1996, but lost my site a few times. This instance dates back 
-to 2006. Up until March 2017 this site was hosted at https://ariejan.net and has since
-moved to https://www.devroom.io.
+In 2017 I switched from `https://ariejan.net` to `https://www.devroom.io` as my primary 
+domain name for this blog.
 
-This site is static HTML, generated by [Hugo](http://gohugo.io).
+This site is static HTML, generated with [Hugo](http://gohugo.io).
+
+If you want to stay updated, subscribe to the <a href="https://www.devroom.io/index.xml">RSS feed</a>.
 

content/contact.md

@@ -0,0 +1,18 @@
++++
+type = "page"
+title = "Contact"
++++
+
+Want to share? Feel free to send me a message!
+
+If you need to, use my [GPG Key](/gpg/) to encrypt your message.
+
+<form name="contact" method="POST" action="https://formspree.io/ariejan@devroom.io">
+    <fieldset>
+        <p> <input type="text" name="name" id="inputName" placeholder="Name" required> </p>
+        <p> <input type="email" name="email" id="inputEmail" placeholder="Email address" required> </p>
+        <p> <textarea name="message" id="inputMessage" rows="5" placeholder="Message" required></textarea> </p>
+        <button type="submit">Ship it</button>
+    </fieldset>
+</form>
+