vertx-howtos-jekyll-theme 0.3.2 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/social.html +92 -0
  3. data/_layouts/default.html +8 -0
  4. data/assets/css/style.scss +212 -0
  5. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3c7f71147c59490edf93d3a554017f33160a65fad2ccc3363a9ddba56811ace5
4
- data.tar.gz: 9232e16145deff1642a92fb83cb8814a4cb3032502a420c59209e8458d0fd125
3
+ metadata.gz: 28a706b45eb3814fd3f87e52606e69d84579f53720417a970aa6d43e1139a2f4
4
+ data.tar.gz: 93925ce1d05575224cc2ccb3202340865d4f5d09fe10ce1449589aa028c2d684
5
5
  SHA512:
6
- metadata.gz: 0acc3b340d4c9251bcd8c96387889790fbdf7ba1c7d1082b386cf5d23a2223291e40f9fea663b1b6eac15fcbc1049a1a0e9e7f4457c01f710c071d939bdf5393
7
- data.tar.gz: 28ad9bcc14e201a6ad1979a1450b6c30a53217124b1b0ac4eec51b6174677a208a9d362c93dc31a03224c1eb6fcfe4b5500f30cd240c7165d37044ed3c84f3ea
6
+ metadata.gz: 8bb4b06651e6e7c2cb762989f1601e126efa60fe3bc5afdc53cf7cba722872044a88ba8e9caccd170f48bbe733b15db707e252fee55aa3431d50906289cf8d9a
7
+ data.tar.gz: f0b3a76123ebec68f90a9b3a30ee8b7bb20c63b74d54601cae3191c0b4e60ff2d40cb6dc62280ed6288e32c26f24635fccc69adc746081329e34cbfb1d006ae3
data/_includes/social.html ADDED
@@ -0,0 +1,92 @@
1
+ <!-- Sharingbutton Facebook -->
2
+ <a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u={{ site.url | uri_escape }}" target="_blank"
3
+ rel="noopener" aria-label="">
4
+ <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small">
5
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
6
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
7
+ <path
8
+ d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z" />
9
+ </svg>
10
+ </div>
11
+ </div>
12
+ </a>
13
+
14
+ <!-- Sharingbutton Twitter -->
15
+ <a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text={{ page.title | uri_escape }}&amp;url={{ site.url | uri_escape }}"
16
+ target="_blank" rel="noopener" aria-label="">
17
+ <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small">
18
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
19
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
20
+ <path
21
+ d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z" />
22
+ </svg>
23
+ </div>
24
+ </div>
25
+ </a>
26
+
27
+ <!-- Sharingbutton E-Mail -->
28
+ <a class="resp-sharing-button__link" href="mailto:?subject={{ page.title | uri_escape }}&amp;body={{ site.url | uri_escape }}" target="_self" rel="noopener"
29
+ aria-label="">
30
+ <div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--small">
31
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
32
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
33
+ <path
34
+ d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z" />
35
+ </svg>
36
+ </div>
37
+ </div>
38
+ </a>
39
+
40
+ <!-- Sharingbutton LinkedIn -->
41
+ <a class="resp-sharing-button__link"
42
+ href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ site.url | uri_escape }}&amp;title={{ page.title | uri_escape }}&amp;summary={{ page.title | uri_escape }}&amp;source={{ site.url | uri_escape }}"
43
+ target="_blank" rel="noopener" aria-label="">
44
+ <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small">
45
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
46
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
47
+ <path
48
+ d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z" />
49
+ </svg>
50
+ </div>
51
+ </div>
52
+ </a>
53
+
54
+ <!-- Sharingbutton Reddit -->
55
+ <a class="resp-sharing-button__link"
56
+ href="https://reddit.com/submit/?url={{ site.url | uri_escape }}&amp;resubmit=true&amp;title={{ page.title | uri_escape }}" target="_blank" rel="noopener"
57
+ aria-label="">
58
+ <div class="resp-sharing-button resp-sharing-button--reddit resp-sharing-button--small">
59
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
60
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
61
+ <path
62
+ d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z" />
63
+ </svg>
64
+ </div>
65
+ </div>
66
+ </a>
67
+
68
+ <!-- Sharingbutton WhatsApp -->
69
+ <a class="resp-sharing-button__link" href="whatsapp://send?text={{ page.title | uri_escape }}%20{{ site.url | uri_escape }}" target="_blank" rel="noopener"
70
+ aria-label="">
71
+ <div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--small">
72
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
73
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
74
+ <path
75
+ d="M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z" />
76
+ </svg>
77
+ </div>
78
+ </div>
79
+ </a>
80
+
81
+ <!-- Sharingbutton Telegram -->
82
+ <a class="resp-sharing-button__link" href="https://telegram.me/share/url?text={{ page.title | uri_escape }}&amp;url={{ site.url | uri_escape }}"
83
+ target="_blank" rel="noopener" aria-label="">
84
+ <div class="resp-sharing-button resp-sharing-button--telegram resp-sharing-button--small">
85
+ <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
86
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
87
+ <path
88
+ d="M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z" />
89
+ </svg>
90
+ </div>
91
+ </div>
92
+ </a>
data/_layouts/default.html CHANGED
@@ -28,12 +28,20 @@
28
28
  </nav>
29
29
 
30
30
  <div class="container">
31
+
31
32
  <div class="row">
32
33
  <div class="col">
33
34
  <h1>{{ page.title }}</h1>
34
35
  {{ content }}
35
36
  </div>
36
37
  </div>
38
+
39
+ <div class="row">
40
+ <div class="col">
41
+ {% include social.html %}
42
+ </div>
43
+ </div>
44
+
37
45
  <div class="row">
38
46
  <div class="col">
39
47
  <hr>
data/assets/css/style.scss CHANGED
@@ -76,3 +76,215 @@ pre {
76
76
  details {
77
77
  margin-bottom: 1em;
78
78
  }
79
+
80
+ // Social media icons, see https://sharingbuttons.io/
81
+
82
+ .resp-sharing-button__link,
83
+ .resp-sharing-button__icon {
84
+ display: inline-block
85
+ }
86
+
87
+ .resp-sharing-button__link {
88
+ text-decoration: none;
89
+ color: #fff;
90
+ margin: 0.5em
91
+ }
92
+
93
+ .resp-sharing-button {
94
+ border-radius: 5px;
95
+ transition: 25ms ease-out;
96
+ padding: 0.5em 0.75em;
97
+ font-family: Helvetica Neue,Helvetica,Arial,sans-serif
98
+ }
99
+
100
+ .resp-sharing-button__icon svg {
101
+ width: 1em;
102
+ height: 1em;
103
+ margin-right: 0.4em;
104
+ vertical-align: top
105
+ }
106
+
107
+ .resp-sharing-button--small svg {
108
+ margin: 0;
109
+ vertical-align: middle
110
+ }
111
+
112
+ /* Non solid icons get a stroke */
113
+ .resp-sharing-button__icon {
114
+ stroke: #fff;
115
+ fill: none
116
+ }
117
+
118
+ /* Solid icons get a fill */
119
+ .resp-sharing-button__icon--solid,
120
+ .resp-sharing-button__icon--solidcircle {
121
+ fill: #fff;
122
+ stroke: none
123
+ }
124
+
125
+ .resp-sharing-button--twitter {
126
+ background-color: #55acee
127
+ }
128
+
129
+ .resp-sharing-button--twitter:hover {
130
+ background-color: #2795e9
131
+ }
132
+
133
+ .resp-sharing-button--pinterest {
134
+ background-color: #bd081c
135
+ }
136
+
137
+ .resp-sharing-button--pinterest:hover {
138
+ background-color: #8c0615
139
+ }
140
+
141
+ .resp-sharing-button--facebook {
142
+ background-color: #3b5998
143
+ }
144
+
145
+ .resp-sharing-button--facebook:hover {
146
+ background-color: #2d4373
147
+ }
148
+
149
+ .resp-sharing-button--tumblr {
150
+ background-color: #35465C
151
+ }
152
+
153
+ .resp-sharing-button--tumblr:hover {
154
+ background-color: #222d3c
155
+ }
156
+
157
+ .resp-sharing-button--reddit {
158
+ background-color: #5f99cf
159
+ }
160
+
161
+ .resp-sharing-button--reddit:hover {
162
+ background-color: #3a80c1
163
+ }
164
+
165
+ .resp-sharing-button--google {
166
+ background-color: #dd4b39
167
+ }
168
+
169
+ .resp-sharing-button--google:hover {
170
+ background-color: #c23321
171
+ }
172
+
173
+ .resp-sharing-button--linkedin {
174
+ background-color: #0077b5
175
+ }
176
+
177
+ .resp-sharing-button--linkedin:hover {
178
+ background-color: #046293
179
+ }
180
+
181
+ .resp-sharing-button--email {
182
+ background-color: #777
183
+ }
184
+
185
+ .resp-sharing-button--email:hover {
186
+ background-color: #5e5e5e
187
+ }
188
+
189
+ .resp-sharing-button--xing {
190
+ background-color: #1a7576
191
+ }
192
+
193
+ .resp-sharing-button--xing:hover {
194
+ background-color: #114c4c
195
+ }
196
+
197
+ .resp-sharing-button--whatsapp {
198
+ background-color: #25D366
199
+ }
200
+
201
+ .resp-sharing-button--whatsapp:hover {
202
+ background-color: #1da851
203
+ }
204
+
205
+ .resp-sharing-button--hackernews {
206
+ background-color: #FF6600
207
+ }
208
+ .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus { background-color: #FB6200 }
209
+
210
+ .resp-sharing-button--vk {
211
+ background-color: #507299
212
+ }
213
+
214
+ .resp-sharing-button--vk:hover {
215
+ background-color: #43648c
216
+ }
217
+
218
+ .resp-sharing-button--facebook {
219
+ background-color: #3b5998;
220
+ border-color: #3b5998;
221
+ }
222
+
223
+ .resp-sharing-button--facebook:hover,
224
+ .resp-sharing-button--facebook:active {
225
+ background-color: #2d4373;
226
+ border-color: #2d4373;
227
+ }
228
+
229
+ .resp-sharing-button--twitter {
230
+ background-color: #55acee;
231
+ border-color: #55acee;
232
+ }
233
+
234
+ .resp-sharing-button--twitter:hover,
235
+ .resp-sharing-button--twitter:active {
236
+ background-color: #2795e9;
237
+ border-color: #2795e9;
238
+ }
239
+
240
+ .resp-sharing-button--email {
241
+ background-color: #777777;
242
+ border-color: #777777;
243
+ }
244
+
245
+ .resp-sharing-button--email:hover,
246
+ .resp-sharing-button--email:active {
247
+ background-color: #5e5e5e;
248
+ border-color: #5e5e5e;
249
+ }
250
+
251
+ .resp-sharing-button--linkedin {
252
+ background-color: #0077b5;
253
+ border-color: #0077b5;
254
+ }
255
+
256
+ .resp-sharing-button--linkedin:hover,
257
+ .resp-sharing-button--linkedin:active {
258
+ background-color: #046293;
259
+ border-color: #046293;
260
+ }
261
+
262
+ .resp-sharing-button--reddit {
263
+ background-color: #5f99cf;
264
+ border-color: #5f99cf;
265
+ }
266
+
267
+ .resp-sharing-button--reddit:hover,
268
+ .resp-sharing-button--reddit:active {
269
+ background-color: #3a80c1;
270
+ border-color: #3a80c1;
271
+ }
272
+
273
+ .resp-sharing-button--whatsapp {
274
+ background-color: #25D366;
275
+ border-color: #25D366;
276
+ }
277
+
278
+ .resp-sharing-button--whatsapp:hover,
279
+ .resp-sharing-button--whatsapp:active {
280
+ background-color: #1DA851;
281
+ border-color: #1DA851;
282
+ }
283
+
284
+ .resp-sharing-button--telegram {
285
+ background-color: #54A9EB;
286
+ }
287
+
288
+ .resp-sharing-button--telegram:hover {
289
+ background-color: #4B97D1;}
290
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vertx-howtos-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Julien Ponge
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-03-24 00:00:00.000000000 Z
11
+ date: 2019-03-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -63,6 +63,7 @@ files:
63
63
  - README.md
64
64
  - _includes/footer.html
65
65
  - _includes/header.html
66
+ - _includes/social.html
66
67
  - _layouts/default.html
67
68
  - _layouts/frontpage.html
68
69
  - _sass/bootstrap/js/dist/alert.js