yefeme 0.3.2 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dcaf23c89ec0905661db6a65995ae8d8adab0c9d
-  data.tar.gz: fc79f4f15a236ff180948f48314c3d94552154a1
+  metadata.gz: 41260f567b3d5b83d1236141fd9a8c72aa7275c9
+  data.tar.gz: f199b0c2fb4398fff169612747471b480fbd6e26
 SHA512:
-  metadata.gz: 9f618ea19de21c0c61be724dfdb43c8fa217585675af91f73100ec47195c6cd85e97b1f8714143be702c5a72b7d2249bb5c26e53624cbf6a340a2494a5497bb8
-  data.tar.gz: a22f1b5b402136dfc9a6ab4aca71b24e275c74431a2255bc5a3ee51e714be58b76de437a1b8151aea1570e30aaafb700b2e820fee798eac025ae5235c2419c57
+  metadata.gz: b1d192e19e98a1a04405b6599079d6cfbaceb392bc49129efb61b651ab63b58bcdfe179a7f7f3cf421534885f332f33d6e24a39025391afe3df2b375596df952
+  data.tar.gz: f1e67a795cff280bd936c722514001d536eac35501fe70ad6d1e94b7662b025f9ce39b7bcd64be97b359f627915bce2a01fcf4d8aab112a7d9d409c1bde8ce95

data/_layouts/home.html

@@ -19,7 +19,7 @@ layout: default
   <ul>
     {% for post in site.posts %}
       <li class="post">
-        <span class="accent fixed-date">{{ post.date | date: "%B %-d, %Y" }}</span>
+        <span class="accent fixed-date">{{ post.date | date: "%b %-d, %Y" }}</span>
         <div class="post-details">
           <h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
           <p class="excerpt">{{ post.excerpt | strip_html | normalize_whitespace | truncate: 160 | escape }}</p>

data/_layouts/post.html

@@ -9,10 +9,11 @@ layout: default
     </svg>
     <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>
+      <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>
     </div>
   </div>
+  <hr />
 </header>
 <main>
   <article itemprop="articleBody">

data/_sass/yefeme.scss

@@ -79,7 +79,12 @@ main {
 
   @media only screen and (max-width: 1080px) {
     margin: 0 auto;
-    padding: 76px 0 0;
+    padding: 40px 0 0;
+  }
+
+  @media only screen and (max-width: 700px) {
+    padding: 40px 16px 0;
+    width: 100%;
   }
 }
 
@@ -90,7 +95,13 @@ main {
   line-height: 2.4;
   margin: 4px 0 0;
   text-align: right;
-  width: 105px;
+  width: 72px;
+
+  @media only screen and (max-width: 700px) {
+    order: 2;
+    text-align: left;
+    width: auto;
+  }
 }
 
 .date {
@@ -98,16 +109,31 @@ main {
   font-weight: 400;
   line-height: 2.4;
   margin: 0;
+
+  @media only screen and (max-width: 700px) {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+  }
 }
 
 .post {
   display: flex;
+  flex-direction: row;
   justify-content: space-between;
   margin: 0 0 44px;
+
+  @media only screen and (max-width: 700px) {
+    flex-direction: column;
+  }
 }
 
 .post-details {
   width: 488px;
+
+  @media only screen and (max-width: 700px) {
+    width: 100%;
+  }
 }
 
 .excerpt {
@@ -126,30 +152,45 @@ header {
     align-items: stretch;
     display: block;
     height: auto;
-    padding: 56px 0 0;
     position: static;
   }
 }
 
-.large {
-  height: 136px;
-  width: 103px;
-}
-
-.small {
-  height: 61px;
-  width: 46px;
-}
-
 .logo {
+  height: auto;
   position: relative;
 
   @media only screen and (max-width: 1080px) {
     align-items: center;
     display: flex;
-    margin: 0 auto;
+    margin: 56px auto 40px;
     width: 616px;
   }
+
+  @media only screen and (max-width: 700px) {
+    margin: 0 0 27px;
+    padding: 72px 16px 0;
+    width: 100%;
+  }
+}
+
+hr {
+  border: 0;
+  display: none;
+  height: 0;
+  margin: 0;
+
+  @media only screen and (max-width: 1080px) {
+    background-color: $accent;
+    display: block;
+    height: 1px;
+    margin: 0 auto;
+    width: 360px;
+  }
+
+  @media only screen and (max-width: 700px) {
+    width: 100px;
+  }
 }
 
 .under {
@@ -235,6 +276,12 @@ article {
     right: 0;
     top: 0;
   }
+
+  @media only screen and (max-width: 700px) {
+    left: 16px;
+    right: auto;
+    top: 16px;
+  }
 }
 
 .highlight {
@@ -252,3 +299,7 @@ article {
     font-size: 14px;
   }
 }
+
+svg {
+  flex-shrink: 0;
+}

metadata

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