vertx-howtos-jekyll-theme 0.3.2 → 0.4.0

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.
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