Removed text based site name and used image in the footer.

Added favicon links to head.html for all possible devices - credits to: https://realfavicongenerator.net/
Removed text based brand name from nav bar and used flat image version (light text).
Removed margin-top: -66px; style from all subpages and declared global on the body.
Extended size of the nav bar brand to fill the entire element (make it all clickable).
Used new site logo as the main logo on the home page.
Removed unused experimental logo images from static/images/site_logo.
Added all required favicon images to the root of the project (should support iOS, android, Windows, safari and all other browsers properly.
The favicon has a new version attached to it to force browsers downloading it instead of using the old one from the cache.
Removed text based main site title and used image instead.
Changed site subtitle.

Author: Tomasz-Kluczkowski

_includes/footer.html

@@ -40,12 +40,11 @@ <h2 class="footer__section-title">Python Sprints</h2>
 
     <div class="footer__content row container-fluid">
         <div class="col-md-12">
-            <p class="footer__text-copyright">
-                © Copyright
-                <script>document.write(new Date().getFullYear())</script>
-                - Python Sprints
-                <img class="footer__brand-img" src="{{ site.baseurl }}/static/images/site_logo/python_sprints_logo.png" alt="Python Sprints Logo">
-            </p>
+                <p class="footer__text-copyright">
+                    ©
+                    <img class="footer__brand-img" src="{{ site.baseurl }}/static/images/site_logo/python_sprints_logo_triangles_flat_light_text_502x100px.png" alt="Python Sprints Logo">
+                    <script>document.write(new Date().getFullYear())</script>
+                </p>
         </div>
     </div>
 </footer>

_includes/head.html

@@ -9,6 +9,14 @@
     <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/static/css/main.css">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=ngkXqML5Y9">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=ngkXqML5Y9">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=ngkXqML5Y9">
+    <link rel="manifest" href="/site.webmanifest?v=ngkXqML5Y9">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=ngkXqML5Y9" color="#5bbad5">
+    <link rel="shortcut icon" href="/favicon.ico?v=ngkXqML5Y9">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
     <title>
         {% if page.title %}
            Python Sprints - {{ page.title }}

_includes/navigation.html

@@ -1,8 +1,7 @@
 <nav class="navigation navbar sticky-top navbar-light">
     <div class="navigation__brand">
         <a class="navigation__brand-link navbar-brand" href="{{ '/' | prepend: site.baseurl }}">
-            <img class="navigation__brand-img" src="{{ site.baseurl }}/static/images/site_logo/python_sprints_logo.png" alt="Python Sprints Logo">
-            <span class="navigation__brand-name">Python Sprints</span>
+            <img class="navigation__brand-img" src="{{ site.baseurl }}/static/images/site_logo/python_sprints_logo_triangles_flat_light_text_502x100px.png" alt="Python Sprints Logo">
         </a>
     </div>
 

_sass/about.scss

@@ -1,5 +1,4 @@
 .about {
-  margin-top: -66px;
 }
 
 .about__background-img-container {

_sass/contact.scss

@@ -1,5 +1,4 @@
 .contact {
-  margin-top: -66px;
 }
 
 .contact__background-img-container {

_sass/get_started.scss

@@ -1,5 +1,4 @@
 .get-started {
-  margin-top: -66px;
 }
 
 .get-started__background-img-container {

_sass/post.scss

@@ -1,5 +1,4 @@
 .post {
-  margin-top: -66px;
 }
 
 .post__img-container {

_sass/style.scss

@@ -3,6 +3,10 @@
 .body {
   background-color: $main-background;
   overflow-x: hidden;
+  /*Here I need to move the background image to slide under the navigation*/
+  /*Any smarter solutions are welcome!*/
+  margin-top: -66px;
+
 }
 
 .no-scroll {
@@ -92,12 +96,9 @@ a {
   }
 }
 
-/*Here I need to move the background image to slide under the navigation*/
-/*Any smarter solutions are welcome!*/
 
 .navigation__content {
   @extend .page__background-img-container;
-  margin-top: -66px;
   &::after {
     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.8) 100%);
   }
@@ -116,25 +117,20 @@ a {
 }
 
 .navigation__brand-link {
+  width: 100%;
 }
 
-.navigation__brand-name {
-  font-size: 0.8em;
-  color: $brand-name;
-  font-family: 'Share Tech Mono', monospace;
+.navigation__brand-img {
+  width: 6em;
+  padding-left: 0.5em;
 }
 
-@media (min-width: 450px) {
-  .navigation__brand-name {
-    font-size: 1.2em;
+@media (min-width: 768px) {
+  .navigation__brand-img {
+  width: 10em;
   }
 }
 
-.navigation__brand-img {
-  width: 2em;
-  padding-left: 0.5em;
-}
-
 .navigation__button-open-container {
   border: black 1px solid;
   border-radius: 6px;
@@ -147,11 +143,23 @@ a {
   background-color: rgba(7, 41, 72, 0.7);
 }
 
-
 .navigation__title-container {
   @extend .page__title-container;
 }
 
+.navigation__site-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 50%;
+}
+
+@media (orientation: portrait) {
+  .navigation__site-logo {
+    width: 80%;
+  }
+}
+
 .navigation__title {
   @extend .page__title;
 }
@@ -582,7 +590,8 @@ a {
 
 .footer__text-copyright {
   @extend .footer-font;
-  font-size: 1.5em;
+  text-align: center;
+  font-size: 2em;
   color: $footer-text;
 }
 
@@ -627,7 +636,9 @@ a {
 }
 
 .footer__brand-img {
-  width: 2em;
+  width: 8em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 
 .footer__divider {