Trying different fonts

assets/sass/elements/_headings.scss

@@ -0,0 +1,6 @@
+h1,
+h2,
+h3 {
+  font-family: $heading-font-family;
+  font-weight: 700;
+}

assets/sass/elements/_html.scss

@@ -0,0 +1,9 @@
+html {
+  font-family: $body-font-family;
+  font-style: normal;
+  font-weight: 300;
+  font-size: 1.25em;
+  line-height: 1.4;
+  padding-left: $pad-min;
+  padding-right: $pad-min;
+}

assets/sass/main.scss

@@ -18,7 +18,9 @@
 // 4. Elements – styling for bare HTML elements (like H1, A, etc.).
 //    These come with default styling from the browser so we can redefine
 //    them here.
+@import "elements/html";
 @import "elements/figure";
+@import "elements/headings";
 
 // 5. Objects – class-based selectors which define undecorated design patterns,
 //    for example media object known from OOCSS

assets/sass/settings/_typography.scss

@@ -1,5 +1,5 @@
-$heading-font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, "Times New Roman", serif;
+$heading-font-family: "Gotham A", "Gotham B", Georgia, Times, "Times New Roman", serif;
-$body-font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, "Times New Roman", serif;
+$body-font-family: "Mercury SSm A", "Mercury SSm B", Georgia, Times, "Times New Roman", serif;
 $mono: "Source Code Pro", "Consolas", "Menlo", monospace !default;
 $header-title-font-family: $heading-font-family !default;
 $header-subtitle-font-family: $heading-font-family !default;

assets/sass/tools/_container.scss

@@ -2,6 +2,4 @@
   margin-left: auto;
   margin-right: auto;
   max-width: $max-width;
-  padding-left: $pad-min;
-  padding-right: $pad-min;
 }

bin/server

@@ -0,0 +1 @@
+hugo server --buildDrafts --bind="0.0.0.0" -v --baseUrl="http://danbarber.localhost:1313/"

config/_default/config.toml

@@ -1,3 +1,2 @@
-baseURL = "http://example.org/"
 languageCode = "en-us"
 title = "DanBarber.me"

config/development/config.toml

@@ -0,0 +1 @@
+baseURL = "http://danbarber.localhost:1313"

config/production/config.toml

@@ -0,0 +1 @@
+baseURL = "https://next.danbarber.me/"

layouts/partials/head.html

@@ -4,6 +4,7 @@
     {{ .Site.Title }}
   {{ end }}
 </title>
+<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7434852/6717812/css/fonts.css" />
 {{ $sass := resources.Get "sass/main.scss" }}
 {{ $style := $sass | resources.ToCSS }}
 <link rel="stylesheet" href="{{ $style.Permalink }}">

layouts/shortcodes/img.html

@@ -3,10 +3,10 @@
 
 {{/* set image sizes, these are hardcoded for now, x dictates that images are resized to this width */}}
 
-{{ $tinyw := default "500x" }}
+{{ $tinyw := default "408x" }}
-{{ $smallw := default "800x" }}
+{{ $smallw := default "816x" }}
-{{ $mediumw := default "1200x" }}
+{{ $mediumw := default "1224x" }}
-{{ $largew := default "1500x" }}
+{{ $largew := default "1632x" }}
 
 {{/* resize the src image to the given sizes */}}
 
@@ -28,17 +28,17 @@
 <img
   {{ with .Get "sizes" }}sizes='{{.}}'{{ else }}sizes="(min-width: 35em) 1200px, 100vw"{{ end }}
   srcset='
-  {{ if ge $src.Width "500" }}
+  {{ if ge $src.Width "408" }}
-    {{ with $tiny.RelPermalink }}{{.}} 500w{{ end }}
+    {{ with $tiny.RelPermalink }}{{.}} 408w{{ end }}
   {{ end }}
-  {{ if ge $src.Width "800" }}
+  {{ if ge $src.Width "816" }}
-    {{ with $small.RelPermalink }}, {{.}} 800w{{ end }}
+    {{ with $small.RelPermalink }}, {{.}} 816w{{ end }}
   {{ end }}
-  {{ if ge $src.Width "1200" }}
+  {{ if ge $src.Width "1224" }}
-    {{ with $medium.RelPermalink }}, {{.}} 1200w{{ end }}
+    {{ with $medium.RelPermalink }}, {{.}} 1224w{{ end }}
   {{ end }}
-  {{ if ge $src.Width "1500" }}
+  {{ if ge $src.Width "1632" }}
-    {{ with $large.RelPermalink }}, {{.}} 1500w {{ end }}
+    {{ with $large.RelPermalink }}, {{.}} 1632w {{ end }}
   {{ end }}'
   {{ if .Get $medium }}
     src="{{ $medium.RelPermalink }}"