theme release #1

layouts/index.html

@@ -5,5 +5,4 @@
 {{ .Render "li" }}
 {{ end }}
 {{ partial "pagination.html" .Paginator }}
-{{ partial "siteinfo.html" . }}
 {{ partial "footer.html" . }}

layouts/partials/footer.html

@@ -1,5 +1,4 @@
   </main>
-  {{ partial "menu.html" . }}
   <footer class="l-footer">
     {{ partial "link.html" . }}
 

layouts/partials/header.html

@@ -5,6 +5,7 @@
   <a href="#main" class="skip-link p-screen-reader-text">Skip to content</a>
   {{ partial "svgpack-sprite.html" . }}
   <header class="l-header">
+    {{ partial "menu.html" . }}
     {{ if .IsPage }}
     <p class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></p>
     {{ else }}

static/css/style.css

@@ -3,12 +3,24 @@
 /* Changes */
 #main{
     border-radius: 0.15%;
-    padding: 50px 55px;
+    padding: 15px 20px;
     background: #f2f0ec;
 }
-.l-header{
-    margin-top: 50px;
+
+@media(min-width:640px) {
+    #main {
+        padding: 50px 55px;
+    }
 }
+
+ul.p-menu__lists::before {
+    content: ">";
+    color: #d100b1;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: monospace, sans-serif;
+}
+
 .p-title__link {
     color: #ccc;
 }
@@ -158,20 +170,19 @@ img {
 
 .l-header {
     display: block;
-    padding: 20px 0;
+    padding: 0px 0 36px 0;
     text-align: center
 }
 
 .l-nav {
     width: 96%;
-    max-width: 720px;
-    margin: 0 auto
+    margin: 0 auto;
 }
 
 .l-main {
     width: 96%;
     max-width: 720px;
-    margin: 40px auto 0
+    margin: 10px auto 0
 }
 
 .l-footer {
@@ -389,7 +400,7 @@ img {
 }
 
 .p-title {
-    margin: 0;
+    margin: 0 0 20px 0;
     font-size: 4.4rem
 }
 
@@ -434,33 +445,37 @@ img {
 }
 
 .p-menu {
-    margin-top: 40px
+    width: 100%;
+    background: #000;
+    padding-top: 10px;
+    padding-bottom: 13px;
+    margin-bottom: 40px;
+    display: inline-block;
+    border-top: 3px solid #d100b1;
 }
 
 .p-menu__lists {
-    display: block;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
     margin: 0;
-    padding: 0
+    padding: 0;
+    max-width: 865px;
+    display: inline-block;
 }
 
 @media(min-width:640px) {
     .p-menu__lists {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex
+        display: block;
     }
 }
 
 .p-menu__listitem {
-    margin: 12px 0 0;
+    display: inline-block;
+    padding: 0 6px 0px 6px;
     list-style: none
 }
 
 @media(min-width:640px) {
     .p-menu__listitem {
-        margin: 24px 24px 0 0
+        margin: 0px 24px 0 0
     }
 }