yefeme 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5abd6170784f5e66a5a0994c4a7fe361ec8714cd
-  data.tar.gz: ccee5f53a7e71fed2ee6399c08617e0dceec128a
+  metadata.gz: bcaf845c58ad356fcbf7a3adbfcdce454fb6c02d
+  data.tar.gz: b89e163e1ca26756cc7257fdb2c028f7ba761869
 SHA512:
-  metadata.gz: c677dbb7bcea82aa30cbe50d4bf6abe5725e04f889b17b3f60ce0d033207f0167e2dd8fc8b8181bbffcebedb049e4f4bd2ac05895fd6b22fbe027588b5507c64
-  data.tar.gz: c0af93e497598b5e5f7abac3caff14ecde6ccb960b77f0f1c07deeb63911bd2ee10df45d862181591462578ad46306b5ea02bb2dbb46081fc1138ba25a463e0e
+  metadata.gz: 6ddf64c4198f0f2217affc759425c580fb01a2ef5345863c146b7a223e119182310269589971e791bdefe1a1fa74b8a5971f536e98b0ba9c6f1f89a8adb986e0
+  data.tar.gz: a9fa82034217b2710db3b47461126c32c6c344f9ab2fd97314009a8d7a08d606c8ad597a609df8cf8c29497b19e4c445ea59ec1d575c9f21adfe559942b9a193

data/_layouts/home.html

@@ -3,11 +3,11 @@ layout: default
 ---
 
 <header>
-  <div class="logo">
+  <div class="logo large">
     <svg xmlns="http://www.w3.org/2000/svg" width="103" height="136" viewBox="0 0 103 136">
       <path fill="#F22939" fill-rule="evenodd" d="M0 0v6.663h2.352c5.29 0 8.034 3.331 9.406 6.27L49.97 94.26c-3.135 8.623-9.798 29.003-16.657 29.003-3.331 0-3.331-3.723-3.527-5.879-.392-6.859-5.095-11.17-12.542-11.17-8.035 0-12.934 6.075-12.934 13.326C4.311 126.594 9.798 136 23.32 136c14.697 0 22.536-9.994 32.138-34.686L83.09 30.571C92.3 7.055 93.476 6.663 98.963 6.663h3.527V0H67.608v6.663h3.92c2.351 0 6.858.588 6.858 6.27 0 7.447-5.879 24.3-7.838 29.591l-9.015 24.3-23.516-53.89c-1.371-3.332-.196-6.271 3.332-6.271h5.29V0H0z"/>
     </svg>
-    <div class="under" style="top: 184px;">
+    <div class="under under-large">
       <h1><em>{{ site.title | escape }}</em></h1>
       <div class="social">
         <a class="accent" href="https://twitter.com/yefim"><i class="fa fa-twitter"></i></a><a class="accent" href="https://github.com/yefim"><i class="fa fa-github"></a></i><a class="accent" href="mailto:hi@yef.im"><i class="fa fa-paper-plane"></i></a>

data/_layouts/post.html

@@ -3,11 +3,11 @@ layout: default
 ---
 
 <header>
-  <div class="small-logo">
+  <div class="logo small">
     <svg xmlns="http://www.w3.org/2000/svg" width="46" height="61" viewBox="0 0 103 136">
       <path fill="#F22939" fill-rule="evenodd" d="M0 0v6.663h2.352c5.29 0 8.034 3.331 9.406 6.27L49.97 94.26c-3.135 8.623-9.798 29.003-16.657 29.003-3.331 0-3.331-3.723-3.527-5.879-.392-6.859-5.095-11.17-12.542-11.17-8.035 0-12.934 6.075-12.934 13.326C4.311 126.594 9.798 136 23.32 136c14.697 0 22.536-9.994 32.138-34.686L83.09 30.571C92.3 7.055 93.476 6.663 98.963 6.663h3.527V0H67.608v6.663h3.92c2.351 0 6.858.588 6.858 6.27 0 7.447-5.879 24.3-7.838 29.591l-9.015 24.3-23.516-53.89c-1.371-3.332-.196-6.271 3.332-6.271h5.29V0H0z"/>
     </svg>
-    <div class="under" style="top: 83px;">
+    <div class="under under-small">
       <h2 itemprop="name headline"><em>{{ page.title | escape }}</em></h2>
       <p class="date"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%B %-d, %Y" }}</time></p>
       <a class="back accent" href="{{ "/" | relative }}">~ back to blog</a>

data/_sass/yefeme.scss

@@ -75,6 +75,11 @@ main {
   margin: 0 0 0 auto;
   padding: 136px 0 0;
   width: 616px;
+
+  @media only screen and (max-width: 1080px) {
+    margin: 0 auto;
+    padding: 76px 0 0;
+  }
 }
 
 .date {
@@ -105,24 +110,63 @@ header {
   display: flex;
   height: 100vh;
   position: fixed;
+
+  @media only screen and (max-width: 1080px) {
+    align-items: stretch;
+    display: block;
+    height: auto;
+    padding: 56px 0 0;
+    position: static;
+  }
 }
 
-.logo {
+.large {
   height: 136px;
-  position: relative;
   width: 103px;
 }
 
-.small-logo {
-  height: 46px;
+.small {
+  height: 61px;
+  width: 46px;
+}
+
+.logo {
   position: relative;
-  width: 61px;
+
+  @media only screen and (max-width: 1080px) {
+    align-items: center;
+    display: flex;
+    margin: 0 auto;
+    width: 616px;
+  }
 }
 
 .under {
   left: 0;
   position: absolute;
   width: 232px;
+
+  @media only screen and (max-width: 1080px) {
+    position: static;
+    width: auto;
+  }
+}
+
+.under-large {
+  top: 184px;
+
+  @media only screen and (max-width: 1080px) {
+    margin: 0 0 0 5px;
+  }
+}
+
+.under-small {
+  top: 83px;
+
+  @media only screen and (max-width: 1080px) {
+    margin: 0 0 0 22px;
+    width: 100%;
+  }
 }
 
 article {
@@ -156,6 +200,10 @@ article {
     font-size: 16px;
     margin: 0 16px 0 0;
   }
+
+  @media only screen and (max-width: 1080px) {
+    margin: 10px 0 0;
+  }
 }
 
 .back {
@@ -164,6 +212,13 @@ article {
   font-weight: 600;
   line-height: 2;
   margin: 24px 0 0;
+
+  @media only screen and (max-width: 1080px) {
+    margin: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
 }
 
 .highlight {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: yefeme
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Yefim Vedernikoff