move title to header

redbrick · Oct 5, 2016 · 4e06b87 · 4e06b87
1 parent 6f4b4ce
commit 4e06b87
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 35 deletions.
diff --git a/2015/index.html b/2015/index.html
@@ -31,8 +31,8 @@
   </head>
   <body>
     <div class="wrapper">
-      <div class="title">
-        <header>
+      <div class="sub-wrap">
+        <header class="title">
           <h1 class="title__text"><a href="/"><span class="title__text__colour">Tech</span>Week</a></h1>
           <p>Dublin City University 9<sup>th</sup> - 13<sup>th</sup> March 2015</p>
           <ul class="menu">

diff --git a/2016/index.html b/2016/index.html
@@ -33,8 +33,8 @@
   </head>
   <body>
     <div class="wrapper">
-      <div class="title">
-        <header>
+      <div class="sub-wrap">
+        <header class="title">
           <h1 class="title__text"><a href="/"><span class="title__text__colour">Tech</span>Week</a></h1>
           <p>Dublin City University 15<sup>th</sup> - 19<sup>th</sup> Febuary 2015</p>
           <ul class="menu">

diff --git a/css/main.scss b/css/main.scss
@@ -9,37 +9,39 @@ body {
         flex-wrap: wrap;
         justify-content: center;
 
-        .title {
-            margin: $title-margin;
-            text-align: center;
-
-            &__text {
-                margin: $text-margin;
-                font-size: $title-font-size;
-                font-weight: $title-font-weight;
-
-                &__colour {
-                    color: $color-red;
-                    font-weight: $title-colored-font-weight;
+        .sub-wrap {
+            .title {
+                margin: $title-margin;
+                text-align: center;
+
+                &__text {
+                    margin: $text-margin;
+                    font-size: $title-font-size;
+                    font-weight: $title-font-weight;
+
+                    &__colour {
+                        color: $color-red;
+                        font-weight: $title-colored-font-weight;
+                    }
+
+                    a {
+                        color: $color-black;
+                    }
                 }
 
-                a {
-                    color: $color-black;
-                }
-            }
-
-            .menu {
-                list-style-type: none;
-                margin: $menu-margin;
-                padding: 0;
-                overflow: hidden;
-                display: flex;
-                flex-wrap: wrap;
-                justify-content: center;
-
-                &__item {
-                    float: left;
-                    padding: 0 8px;
+                .menu {
+                    list-style-type: none;
+                    margin: $menu-margin;
+                    padding: 0;
+                    overflow: hidden;
+                    display: flex;
+                    flex-wrap: wrap;
+                    justify-content: center;
+
+                    &__item {
+                        float: left;
+                        padding: 0 8px;
+                    }
                 }
             }
         }

diff --git a/index.html b/index.html
@@ -33,8 +33,8 @@
   </head>
   <body>
     <div class="wrapper">
-      <div class="title">
-        <header>
+      <div class="sub-wrap">
+        <header class="title">
           <h1 class="title__text"><a href="/"><span class="title__text__colour">Tech</span>Week</a></h1>
           <p>Dublin City University 24<sup>th</sup> - 28<sup>th</sup> October 2016</p>
           <ul class="menu">