wunsh-theme 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 365c2603fc98d7b0fa390976a8e1f67d17ec496a
4
- data.tar.gz: 3e4907816bda1bbb0fe2cb37e337c82d11688394
3
+ metadata.gz: c2e7acc4d872009c5ba2eeab0993c5844a30c048
4
+ data.tar.gz: 3236b7a4a33b31c73b1c245254736634235956d8
5
5
  SHA512:
6
- metadata.gz: 626d351407c38d0c0742eee7f1c4cd2a4d31e61314d547b6b28de1aa54bb10d13e952203722633713460fac666a4665d7f4c961beb57bb957d3efff41908cfe3
7
- data.tar.gz: 49c2843c281ea5c50b572584c369f819fc97a6a70daabf8a46d7c7b608e0f896954345ff8a80e857205e56b2dae9338f1624867407faa805a60921ffbe44456f
6
+ metadata.gz: 3761f89d0514ea745c8407f0d95fe783dac202e2b13e0facbcf265581e7551095a679269225c4b0ea17470be48296c75615d4cd32a6ba8f872e094ca0be7050a
7
+ data.tar.gz: ff7ff5c482446ec537b6d9fafdc2230fbe40e3ff2a2bf77b3da982dee4ca2da7fe146ec344c0cb830e297a1827978e7e4a7bd3450aef3c7745c39267b63fe75a
data/_includes/menu.html CHANGED
@@ -32,5 +32,7 @@
32
32
  {% endfor %}
33
33
  </ul>
34
34
  </nav>
35
+
36
+ <a href="#modal" class="pure-button header__subscribe_link">Подписаться на рассылку</a>
35
37
  </div>
36
38
  </div>
@@ -0,0 +1,20 @@
1
+ <div id="modal" class="modal">
2
+ <div class="modal__content">
3
+ <a href="#close" title="Close" class="modal__close">x</a>
4
+
5
+ <h2 class="modal__title">Ламповая рассылка про&nbsp;Эликсир</h2>
6
+
7
+ <p>Один-два раза в&nbsp;неделю присылаем тёплые письма об&nbsp;Эликсире: переводы самых интересных статей до&nbsp;их&nbsp;появления в&nbsp;открытом доступе, анонсы событий и&nbsp;вкусные бонусы.</p>
8
+
9
+ <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>
10
+ <input type="email" value="" name="EMAIL" class="modal__input pure-input-rounded large" id="mce-EMAIL" placeholder="Твоя почта" required>
11
+ <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c81ca3d4693f62db7f7f67c71_a192e2dfef" tabindex="-1" value=""></div>
12
+
13
+ <input type="submit" value="Присоединиться" name="subscribe" id="mc-embedded-subscribe" class="pure-button button-success large">
14
+ </form>
15
+
16
+ <p>Обязательно подтверди почту, перейдя по&nbsp;ссылке в&nbsp;письме, иначе мы&nbsp;не&nbsp;сможем делиться с&nbsp;тобой полезностями.</p>
17
+
18
+ <p>Надоедать точно не&nbsp;будем :)</p>
19
+ </div>
20
+ </div>
@@ -10,6 +10,7 @@
10
10
  {{ content }}
11
11
 
12
12
  {% include footer.html %}
13
+ {% include modals.html %}
13
14
  {% include scripts.html %}
14
15
  {% include counters.html %}
15
16
  </div>
@@ -0,0 +1,24 @@
1
+ .button-success,
2
+ .button-error,
3
+ .button-warning,
4
+ .button-secondary {
5
+ color: $link-color;
6
+ border-radius: 4px;
7
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
8
+ }
9
+
10
+ .button-success {
11
+ background: $main-color;
12
+ }
13
+
14
+ .button-error {
15
+ background: rgb(202, 60, 60);
16
+ }
17
+
18
+ .button-warning {
19
+ background: rgb(223, 117, 20);
20
+ }
21
+
22
+ .button-secondary {
23
+ background: rgb(66, 184, 221);
24
+ }
data/_sass/_helpers.scss CHANGED
@@ -16,4 +16,6 @@
16
16
  .simple_list {
17
17
  list-style: none;
18
18
  padding-left: 1em;
19
- }
19
+ }
20
+
21
+ .tc { text-align: center; }
@@ -39,6 +39,22 @@
39
39
  color: $text-color;
40
40
  white-space: nowrap;
41
41
  }
42
+
43
+ &__subscribe_link {
44
+ background: rgba(0,0,0,0);
45
+ border: 2px solid #fff;
46
+ font-variant: small-caps;
47
+ color: #fff;
48
+ border-radius: 25px;
49
+ margin-top: 36px;
50
+
51
+ &:hover,
52
+ &:focus {
53
+ text-decoration: none;
54
+ color: $header-color;
55
+ border-color: $header-color;
56
+ }
57
+ }
42
58
  }
43
59
 
44
60
  .nav_list {
@@ -0,0 +1,58 @@
1
+ .modal {
2
+ position: fixed;
3
+ top: 0;
4
+ right: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ background: rgba(0, 0, 0, 0.75);
8
+ z-index: 99999;
9
+ opacity: 0;
10
+ -webkit-transition: opacity 150ms ease-in;
11
+ -moz-transition: opacity 150ms ease-in;
12
+ transition: opacity 150ms ease-in;
13
+ pointer-events: none;
14
+
15
+ &:target {
16
+ opacity: 1;
17
+ pointer-events: auto;
18
+ }
19
+
20
+ &__content {
21
+ width: 80%;
22
+ max-width: 480px;
23
+ position: relative;
24
+ margin: 10% auto;
25
+ padding: 5px 20px 13px 20px;
26
+ background: $link-color;
27
+ border-radius: 3px;
28
+ }
29
+
30
+ &__title {
31
+ margin-top: 0.75rem;
32
+ }
33
+
34
+ &__input {
35
+ display: inline-block !important;
36
+ margin: .25em auto .3em;
37
+ }
38
+
39
+ &__close {
40
+ background: $header-color;
41
+ color: $link-color;
42
+ line-height: 25px;
43
+ position: absolute;
44
+ top: 14px;
45
+ right: 14px;
46
+ text-align: center;
47
+ width: 24px;
48
+ text-decoration: none;
49
+ border-radius: 50%;
50
+
51
+ &:hover,
52
+ &:focus {
53
+ background: $text-color;
54
+ color: $grey-color;
55
+ text-decoration: none;
56
+ }
57
+ }
58
+ }
@@ -4,6 +4,7 @@
4
4
  @import "variables";
5
5
  @import "mixins";
6
6
  @import "helpers";
7
+ @import "buttons";
7
8
  @import "syntax_highlighting";
8
9
  @import "main";
9
10
 
@@ -16,3 +17,4 @@
16
17
  @import "components/intro";
17
18
  @import "components/tags_cloud";
18
19
  @import "components/pagination";
20
+ @import "components/modal";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: wunsh-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Wunsh.ru
@@ -80,6 +80,7 @@ files:
80
80
  - _includes/head.html
81
81
  - _includes/intro.html
82
82
  - _includes/menu.html
83
+ - _includes/modals.html
83
84
  - _includes/pagination.html
84
85
  - _includes/post_list.html
85
86
  - _includes/post_main.html
@@ -92,6 +93,7 @@ files:
92
93
  - _layouts/home.html
93
94
  - _layouts/page.html
94
95
  - _layouts/post.html
96
+ - _sass/_buttons.scss
95
97
  - _sass/_helpers.scss
96
98
  - _sass/_main.scss
97
99
  - _sass/_mixins.scss
@@ -102,6 +104,7 @@ files:
102
104
  - _sass/components/_home.scss
103
105
  - _sass/components/_intro.scss
104
106
  - _sass/components/_menu.scss
107
+ - _sass/components/_modal.scss
105
108
  - _sass/components/_pagination.scss
106
109
  - _sass/components/_post.scss
107
110
  - _sass/components/_post_small.scss