wunsh-theme 0.1.5 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 365c2603fc98d7b0fa390976a8e1f67d17ec496a
-  data.tar.gz: 3e4907816bda1bbb0fe2cb37e337c82d11688394
+  metadata.gz: c2e7acc4d872009c5ba2eeab0993c5844a30c048
+  data.tar.gz: 3236b7a4a33b31c73b1c245254736634235956d8
 SHA512:
-  metadata.gz: 626d351407c38d0c0742eee7f1c4cd2a4d31e61314d547b6b28de1aa54bb10d13e952203722633713460fac666a4665d7f4c961beb57bb957d3efff41908cfe3
-  data.tar.gz: 49c2843c281ea5c50b572584c369f819fc97a6a70daabf8a46d7c7b608e0f896954345ff8a80e857205e56b2dae9338f1624867407faa805a60921ffbe44456f
+  metadata.gz: 3761f89d0514ea745c8407f0d95fe783dac202e2b13e0facbcf265581e7551095a679269225c4b0ea17470be48296c75615d4cd32a6ba8f872e094ca0be7050a
+  data.tar.gz: ff7ff5c482446ec537b6d9fafdc2230fbe40e3ff2a2bf77b3da982dee4ca2da7fe146ec344c0cb830e297a1827978e7e4a7bd3450aef3c7745c39267b63fe75a

data/_includes/menu.html

@@ -32,5 +32,7 @@
         {% endfor %}
       </ul>
     </nav>
+
+    <a href="#modal" class="pure-button header__subscribe_link">Подписаться на рассылку</a>
   </div>
 </div>

data/_includes/modals.html

@@ -0,0 +1,20 @@
+<div id="modal" class="modal">
+  <div class="modal__content">
+    <a href="#close" title="Close" class="modal__close">x</a>
+
+    <h2 class="modal__title">Ламповая рассылка про&nbsp;Эликсир</h2>
+
+    <p>Один-два раза в&nbsp;неделю присылаем тёплые письма об&nbsp;Эликсире: переводы самых интересных статей до&nbsp;их&nbsp;появления в&nbsp;открытом доступе, анонсы событий и&nbsp;вкусные бонусы.</p>
+
+    <form action="//wunsh.us14.list-manage.com/subscribe/post?u=c81ca3d4693f62db7f7f67c71&amp;id=a192e2dfef" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="pure-form tc validate" target="_blank" novalidate>
+      <input type="email" value="" name="EMAIL" class="modal__input pure-input-rounded large" id="mce-EMAIL" placeholder="Твоя почта" required>
+      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c81ca3d4693f62db7f7f67c71_a192e2dfef" tabindex="-1" value=""></div>
+
+      <input type="submit" value="Присоединиться" name="subscribe" id="mc-embedded-subscribe" class="pure-button button-success large">
+    </form>
+
+    <p>Обязательно подтверди почту, перейдя по&nbsp;ссылке в&nbsp;письме, иначе мы&nbsp;не&nbsp;сможем делиться с&nbsp;тобой полезностями.</p>
+
+    <p>Надоедать точно не&nbsp;будем :)</p>
+  </div>
+</div>

data/_layouts/default.html

@@ -10,6 +10,7 @@
         {{ content }}
 
         {% include footer.html %}
+        {% include modals.html %}
         {% include scripts.html %}
         {% include counters.html %}
       </div>

data/_sass/_buttons.scss

@@ -0,0 +1,24 @@
+.button-success,
+.button-error,
+.button-warning,
+.button-secondary {
+  color: $link-color;
+  border-radius: 4px;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.button-success {
+  background: $main-color;
+}
+
+.button-error {
+  background: rgb(202, 60, 60);
+}
+
+.button-warning {
+  background: rgb(223, 117, 20);
+}
+
+.button-secondary {
+  background: rgb(66, 184, 221);
+}

data/_sass/_helpers.scss

@@ -16,4 +16,6 @@
 .simple_list {
   list-style: none;
   padding-left: 1em;
-}
+}
+
+.tc { text-align: center; }

data/_sass/components/_menu.scss

@@ -39,6 +39,22 @@
     color: $text-color;
     white-space: nowrap;
   }
+
+  &__subscribe_link {
+    background: rgba(0,0,0,0);
+    border: 2px solid #fff;
+    font-variant: small-caps;
+    color: #fff;
+    border-radius: 25px;
+    margin-top: 36px;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+      color: $header-color;
+      border-color: $header-color;
+    }
+  }
 }
 
 .nav_list {

data/_sass/components/_modal.scss

@@ -0,0 +1,58 @@
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.75);
+  z-index: 99999;
+  opacity: 0;
+  -webkit-transition: opacity 150ms ease-in;
+     -moz-transition: opacity 150ms ease-in;
+          transition: opacity 150ms ease-in;
+  pointer-events: none;
+
+  &:target {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  &__content {
+    width: 80%;
+    max-width: 480px;
+    position: relative;
+    margin: 10% auto;
+    padding: 5px 20px 13px 20px;
+    background: $link-color;
+    border-radius: 3px;
+  }
+
+  &__title {
+    margin-top: 0.75rem;
+  }
+
+  &__input {
+    display: inline-block !important;
+    margin: .25em auto .3em;
+  }
+
+  &__close {
+    background: $header-color;
+    color: $link-color;
+    line-height: 25px;
+    position: absolute;
+    top: 14px;
+    right: 14px;
+    text-align: center;
+    width: 24px;
+    text-decoration: none;
+    border-radius: 50%;
+
+    &:hover,
+    &:focus {
+      background: $text-color;
+      color: $grey-color;
+      text-decoration: none;
+    }
+  }
+}

data/assets/css/style.scss

@@ -4,6 +4,7 @@
 @import "variables";
 @import "mixins";
 @import "helpers";
+@import "buttons";
 @import "syntax_highlighting";
 @import "main";
 
@@ -16,3 +17,4 @@
 @import "components/intro";
 @import "components/tags_cloud";
 @import "components/pagination";
+@import "components/modal";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wunsh-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.7
 platform: ruby
 authors:
 - Wunsh.ru
@@ -80,6 +80,7 @@ files:
 - _includes/head.html
 - _includes/intro.html
 - _includes/menu.html
+- _includes/modals.html
 - _includes/pagination.html
 - _includes/post_list.html
 - _includes/post_main.html
@@ -92,6 +93,7 @@ files:
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
+- _sass/_buttons.scss
 - _sass/_helpers.scss
 - _sass/_main.scss
 - _sass/_mixins.scss
@@ -102,6 +104,7 @@ files:
 - _sass/components/_home.scss
 - _sass/components/_intro.scss
 - _sass/components/_menu.scss
+- _sass/components/_modal.scss
 - _sass/components/_pagination.scss
 - _sass/components/_post.scss
 - _sass/components/_post_small.scss