Theme Updates (PR #8)

Use the same look-and-feel (theme) as the WordPress site:

 * Use blue and whites
 * Add icon
 * Replace stock photo

Author: digilou

src/components/Footer.js

@@ -14,7 +14,7 @@ const Footer = class extends React.Component {
         <div className="content has-text-centered">
           <img
             src={logo}
-            alt="Kaldi"
+            alt="Codi the Yeti"
             style={{ width: "14em", height: "10em" }}
           />
         </div>
@@ -54,35 +54,21 @@ const Footer = class extends React.Component {
                 </section>
               </div>
               <div className="column is-4 social">
-                <a title="facebook" href="https://facebook.com">
+                <a title="facebook" href="https://facebook.com/akdevalliance">
                   <img
                     src={facebook}
                     alt="Facebook"
                     style={{ width: "1em", height: "1em" }}
                   />
                 </a>
-                <a title="twitter" href="https://twitter.com">
+                <a title="twitter" href="https://twitter.com/akdevalliance">
                   <img
                     className="fas fa-lg"
                     src={twitter}
                     alt="Twitter"
                     style={{ width: "1em", height: "1em" }}
                   />
                 </a>
-                <a title="instagram" href="https://instagram.com">
-                  <img
-                    src={instagram}
-                    alt="Instagram"
-                    style={{ width: "1em", height: "1em" }}
-                  />
-                </a>
-                <a title="vimeo" href="https://vimeo.com">
-                  <img
-                    src={vimeo}
-                    alt="Vimeo"
-                    style={{ width: "1em", height: "1em" }}
-                  />
-                </a>
               </div>
             </div>
           </div>

src/components/Navbar.js

@@ -41,7 +41,7 @@ const Navbar = class extends React.Component {
         <div className="container">
           <div className="navbar-brand">
             <Link to="/" className="navbar-item" title="Logo">
-              <img src={logo} alt="Kaldi" style={{ width: "88px" }} />
+              <img src={logo} alt="Alaska Developers Alliance" style={{ width: "88px" }} />
             </Link>
             {/* Hamburger menu */}
             <div

src/components/all.sass

@@ -1,14 +1,13 @@
 @import "~bulma/sass/utilities/initial-variables"
 
 // Config vars
-// Kaldi logo brand color: #FD461E
-$kaldi-red: #D64000
-$kaldi-red-invert: #fff
+$akdev-blue: #2C5DC6
+$akdev-blue-invert: #fff
 
-$primary: $kaldi-red
-$primary-invert: $kaldi-red-invert
+$primary: $akdev-blue
+$primary-invert: $akdev-blue-invert
 $body-color: #333
-$black: #2b2523
+$black: #222222
 
 .navbar .navbar-menu
   box-shadow:none !important
@@ -73,9 +72,9 @@ footer.footer
 $menu-item-color: $white-ter
 $menu-item-hover-color: $black !important
 $menu-item-hover-background-color: $black
-$menu-item-active-color: $kaldi-red-invert
-$menu-item-active-background-color:	$kaldi-red-invert
-$menu-list-border-left: 1px solid $kaldi-red-invert
+$menu-item-active-color: $akdev-blue-invert
+$menu-item-active-background-color:	$akdev-blue-invert
+$menu-list-border-left: 1px solid $akdev-blue-invert
 $menu-label-color: $white-ter