Simplify DOM and add lockfile

7 years ago · 858e2df9de
parent b90b750309
commit 858e2df9de
3 changed files with 12 additions and 16 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,4 +1,3 @@
 _site
 .sass-cache
 .jekyll-metadata
-Gemfile.lock
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -3,19 +3,16 @@
 {% include head.html %}

 <body>
-    <div id="box">
-        {% include header.html %}
+    {% include header.html %}

-        <div id="main">
-            {% include sidebar.html %}
+    <main>
+        {% include sidebar.html %}

-            <div id="content">
-                {{ content }}
-            </div>
-        </div>
-
-        <!--{% include footer.html %}-->
-    </div>
+        <article id="content">
+            {{ content }}
+        </article>
+    </main>
+    <!--{% include footer.html %}-->
 </body>

 </html>
--- a/css/style.scss
+++ b/css/style.scss
@ -58,12 +58,12 @@
 }


-body {
+html{
    margin: 0;
    background-color: $margin;
 }

-#box {
+body {
    background-color: $background;
    max-width: 800px;
    z-index: 0;
@ -115,7 +115,7 @@ header {
    }

 }
-#main {
+main {
    display: flex;
 }

@ -173,7 +173,7 @@ header {
        }
    }

-    #main {
+    main {
        flex-direction: column;
    }
 }