Grid 720: Implemented mobile-first footer

config/sync/block.block.posse_theme_account_menu.yml

@@ -13,7 +13,7 @@ _core:
 id: posse_theme_account_menu
 theme: posse_theme
 region: navigation
-weight: 0
+weight: -5
 provider: null
 plugin: 'system_menu_block:account'
 settings:

config/sync/block.block.posse_theme_addtoanybuttons.yml

@@ -8,8 +8,8 @@ dependencies:
     - posse_theme
 id: posse_theme_addtoanybuttons
 theme: posse_theme
-region: navigation
-weight: -7
+region: footer
+weight: -8
 provider: null
 plugin: addtoany_block
 settings:

config/sync/block.block.posse_theme_breadcrumbs.yml

@@ -11,7 +11,7 @@ _core:
 id: posse_theme_breadcrumbs
 theme: posse_theme
 region: navigation
-weight: 0
+weight: -7
 provider: null
 plugin: system_breadcrumb_block
 settings:

config/sync/block.block.posse_theme_footer.yml

@@ -1,6 +1,6 @@
 uuid: 45ab6435-f03d-4249-9e6c-81a0e98a93ff
 langcode: en
-status: true
+status: false
 dependencies:
   config:
     - system.menu.footer
@@ -13,7 +13,7 @@ _core:
 id: posse_theme_footer
 theme: posse_theme
 region: navigation
-weight: -5
+weight: -4
 provider: null
 plugin: 'system_menu_block:footer'
 settings:

config/sync/block.block.posse_theme_main_menu.yml

@@ -13,7 +13,7 @@ _core:
 id: posse_theme_main_menu
 theme: posse_theme
 region: navigation
-weight: 0
+weight: -6
 provider: null
 plugin: 'system_menu_block:main'
 settings:

config/sync/block.block.posse_theme_powered.yml

@@ -11,7 +11,7 @@ _core:
 id: posse_theme_powered
 theme: posse_theme
 region: navigation
-weight: -6
+weight: -8
 provider: null
 plugin: system_powered_by_block
 settings:

config/sync/block.block.sitebranding.yml

@@ -9,7 +9,7 @@ dependencies:
 id: sitebranding
 theme: posse_theme
 region: footer
-weight: -8
+weight: -9
 provider: null
 plugin: system_branding_block
 settings:

config/sync/block.block.templateprogrammedbystudentsofthecareerchangingdebugacademy.yml

@@ -0,0 +1,25 @@
+uuid: 26d4f7d5-1b13-4c5a-9002-a02f22b48413
+langcode: en
+status: true
+dependencies:
+  content:
+    - 'block_content:basic:364cbe75-0473-4ea3-906e-70334e179cd8'
+  module:
+    - block_content
+  theme:
+    - posse_theme
+id: templateprogrammedbystudentsofthecareerchangingdebugacademy
+theme: posse_theme
+region: footer
+weight: -7
+provider: null
+plugin: 'block_content:364cbe75-0473-4ea3-906e-70334e179cd8'
+settings:
+  id: 'block_content:364cbe75-0473-4ea3-906e-70334e179cd8'
+  label: 'Template programmed by students of the career changing Debug Academy'
+  provider: block_content
+  label_display: '0'
+  status: true
+  info: ''
+  view_mode: full
+visibility: {  }

web/themes/custom/posse_theme/scss/_posse_misc.scss

@@ -32,15 +32,12 @@
         color: $alternate-bg-heading-secondary;
     }
     ul {
-        padding-left: 5.7em;
-        padding-right: 5.7em;
+
         margin-bottom: 10px;
     }
     li {
-        display: inline-block;
-        width: 30%;
-        padding: 110px 10px 70px 10px;
-        margin: 0px 15px;
+        padding-top: 110px;
+        padding-bottom: 70px;
         &.web-development {
             background: url("../images/icon-comp.jpg") no-repeat center top;
         }
@@ -52,26 +49,37 @@
             }
     }
 
-    @media screen and (max-width: 993px) {
-        ul {
-            padding-left: 0em;
-            padding-right: 0em;
-        }
-        li {
-            padding: 110px 0px 70px 0px;
-        }
-    }
-    @media screen and (max-width: 630px) {
-        li {
-            width: 37%;
-        }
-    }
+
     @media screen and (max-width: 560px) {
         h3 {
             font-size: 1.1em;
         }
-        li {
-            width: 60%;
-        }
     }
 }
+/*** Footer ***/
+.region-footer {
+    text-align: center;
+/*   
+    background-color: #102330;
+    color: #ffffff;
+*/
+    .logo {
+        display: none;
+    }
+    .name.navbar-brand {
+        @include make-xs-column(12);
+        @include make-md-column(2);
+        @include make-md-column-offset(1);
+    }
+    #block-posse-theme-addtoanybuttons {
+        @include make-xs-column(12);
+        @include make-md-column(2);
+        @include make-md-column-offset(1);
+    }
+    #block-templateprogrammedbystudentsofthecareerchangingdebugacademy {
+        @include make-xs-column(12);
+        @include make-md-column-offset(1);
+        @include make-md-column(4);
+    }
+
+}

web/themes/custom/posse_theme/scss/_posse_misc_bh.scss

@@ -0,0 +1,62 @@
+/***** Blog Page *****/
+
+
+/* Blog Header */
+
+.blog_section {
+	height: 500px;
+	width: 1140px;
+	background-color: #1c3243;
+	display: inline-flex;
+	font-family: 'Montserrat', sans-serif;
+	img {
+		width: 50%;
+	}
+}
+
+.content_section {
+	width: 570px;
+	color: #ffff;
+	text-align: center;
+}
+
+.top_section {
+	margin-top: 42px;
+	margin-bottom: 42px;
+	word-spacing: 90px;	
+}
+
+.mid_section span {
+	color: #FFA500;
+	font-size: 18px;
+	font-weight: lighter;
+	text-transform: uppercase;
+	font-family: 'Montserrat', sans-serif;
+}
+
+.mid_section p {
+	font-size: 40px;
+	text-transform: uppercase;
+	padding: 10px 40px;
+	letter-spacing: 5px;
+	font-family: 'Montserrat', sans-serif;
+}
+
+.top_section ul {
+	list-style-type: none;
+	li {
+		display: inline;
+		font-weight: 100;
+		font-size: 24px;
+	}
+}
+
+.lower_section p {
+	text-transform: uppercase;
+	padding-top: 30px;
+	letter-spacing: 8px;
+}
+
+.lower_section p span {
+	margin-bottom: 18px;
+}