Add relative paths and favicon

_config.yml

@@ -2,9 +2,14 @@
 # -- Settings --
 # --------------
 
-# Ignore this. This is only if you're hosting this in a sub-folder.
-# If you're using GitHub pages, they automatically override this with the right value.
-baseurl: ""
+# If you are hosting in a sub-folder, for example: https://mlh.github.io/mlh-hackathon-boilerplate/,
+# you must specify it as the baseurl
+# If you hosting as a root, for example: htttps://[github username].github.io, then leave it blank
+baseurl: "/mlh-hackathon-boilerplate"
+
+# uncomment the next line if you are hosting as a root and not sub-folder
+# for example, when runnig locally at http://127.0.0.1:4000/
+# baseurl: ""
 
 # If you're using GitHub pages without a custom domain, this is "https://[github username].github.io"
 # If you're using GitHub pages with a custom domain, this is "http://[your domain]" (or https if you're using SSL)
@@ -24,15 +29,15 @@ social:
 
 # This is Search Engine Optimization. It'll help your website look better on search.
 seo:
-  title:       "Example Hacks | 5/6 August 2016"
+  title:       "Example Hacks | 5-6 August 2022"
   description: "This is a sample hackathon website that you can use by following instructions on GitHub."
   image:       "https://prime.mlh.io/img/logos/mlh-prime-color.svg"
 
 # Event information.
 event:
   name:        "Example Hacks"
   description: "This is a sample hackathon website that you can use by following instructions on GitHub."
-  date:        "5 & 6 August 2016"
+  date:        "5 - 6 August 2022"
   location:    "Holmdel, NJ, United States"
 
   trust_badge:

_includes/head.html

@@ -26,12 +26,12 @@
   <!-- Stylesheets -->
   <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,300italic,400italic,700italic" />
   <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
-  <link rel="stylesheet" type="text/css" href="{{ '/css/bootstrap.min.css' | prepend: site.baseurl | prepend: site.url }}" />
-  <link rel="stylesheet" type="text/css" href="{{ '/css/base.css' | prepend: site.baseurl | prepend: site.url }}" />
-  <link rel="stylesheet" type="text/css" href="{{ '/css/' | prepend: site.baseurl | prepend: site.url }}{{ site.style.theme | append: '.css' }}" />
+  <link rel="stylesheet" type="text/css" href="{{ '/css/bootstrap.min.css' | relative_url }}" />
+  <link rel="stylesheet" type="text/css" href="{{ '/css/base.css' | relative_url }}" />
+  <link rel="stylesheet" type="text/css" href="{{ '/css/' | relative_url }}{{ site.style.theme | append: '.css' }}" />
   <!-- link rel="icon" href="/img/favicon.ico" -->
 
   <!-- Favicon -->
   <link rel="canonical" href="{{ page.url | replace: 'index.html', '' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="icon"      href="{{ '/img/favicon.ico' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="icon"      href="{{ '/images/favicon.ico' | prepend: site.baseurl | prepend: site.url }}">
 </head>