Fix social media brand icons

README.md

@@ -28,7 +28,8 @@ More background on how Hugo works and [how to make changes to website.](contribu
 **Up and Running:**
 * Hey thanks for stopping by, first you will need to install the Hugo CLI. If you are using MacOS you can use: `brew install hugo`
 * Next clone in the repo locally: `git clone https://github.com/citizenlabsgr/homepage.git`
-* `cd` ino the directory.
+* `cd` into the directory.
+* Fetch the theme submodule: `git submodule update --init --recursive`
 * Running `hugo` will compile the site into a web ready viewable format.
 * For local dev run `hugo server` to have live reload while working on it.
 * By default we have it running on `http://localhost:1313/` copy this into your browser URL to see all the amazing changes you make.

config.yaml

@@ -124,7 +124,7 @@ params:
     socialmedia:
     - link: https://github.com/citizenlabsgr
       # Icons are from Font Awesome
-      icon:
+      icon: github
     - link: https://www.meetup.com/Citizen-Labs/
       icon: meetup
     - link: https://www.facebook.com/citizenlabs

layouts/partials/footer.html

@@ -38,7 +38,7 @@ <h3>{{ $socialMediaTitle }}</h3>
               <div class="level-left">
                 {{- range $socialMedia }}
                 <a class="level-item" href="{{ .link }}">
-                  <span class="icon"><i class="{{ .icon }}"></i></span>
+                  <span class="icon"><i class="fab fa-{{ .icon }}"></i></span>
                 </a>
                 {{- end }}
               </div>