compost-jekyll-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (135) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +16 -0
  3. data/LICENSE.txt +202 -0
  4. data/README.md +70 -0
  5. data/_data/components.yml +21 -0
  6. data/_data/en.yml +23 -0
  7. data/_data/es.yml +19 -0
  8. data/_data/full_width_components.yml +5 -0
  9. data/_data/layouts/about.yml +108 -0
  10. data/_data/layouts/author.yml +62 -0
  11. data/_data/layouts/back_cover.yml +101 -0
  12. data/_data/layouts/button.yml +34 -0
  13. data/_data/layouts/button_copy.yml +34 -0
  14. data/_data/layouts/footer.yml +90 -0
  15. data/_data/layouts/front_cover.yml +91 -0
  16. data/_data/layouts/goal.yml +63 -0
  17. data/_data/layouts/menu.yml +35 -0
  18. data/_data/layouts/post.yml +110 -0
  19. data/_data/layouts/support.yml +78 -0
  20. data/_data/layouts/supporter.yml +50 -0
  21. data/_data/layouts/theme.yml +267 -0
  22. data/_data/manifest.json +1314 -0
  23. data/_data/theme.yml +184 -0
  24. data/_data/theme.yml.html +143 -0
  25. data/_includes/author_block.html +22 -0
  26. data/_includes/biography.html +10 -0
  27. data/_includes/btn_header.html +14 -0
  28. data/_includes/buttons/with_copy.html +24 -0
  29. data/_includes/buttons/with_link.html +17 -0
  30. data/_includes/card_horizontal.html +27 -0
  31. data/_includes/cover_post/generic.html +34 -0
  32. data/_includes/cover_post/home.html +23 -0
  33. data/_includes/cover_post/menu.html +19 -0
  34. data/_includes/device_detector.html +30 -0
  35. data/_includes/embed_responsive.html +16 -0
  36. data/_includes/footer.html +32 -0
  37. data/_includes/goal.html +28 -0
  38. data/_includes/header.html +24 -0
  39. data/_includes/header_toggler.html +84 -0
  40. data/_includes/headings/generic.html +14 -0
  41. data/_includes/headings/h1.html +9 -0
  42. data/_includes/headings/h2.html +9 -0
  43. data/_includes/headings/h3.html +9 -0
  44. data/_includes/headings/with_link.html +15 -0
  45. data/_includes/image_supporter.html +13 -0
  46. data/_includes/image_with_link.html +22 -0
  47. data/_includes/license_block.html +15 -0
  48. data/_includes/menu_close.html +11 -0
  49. data/_includes/menu_item.html +10 -0
  50. data/_includes/menu_open.html +11 -0
  51. data/_includes/navigation_post.html +39 -0
  52. data/_includes/picture.html +25 -0
  53. data/_includes/script.html +5 -0
  54. data/_includes/svg/copy-icon.svg +1 -0
  55. data/_includes/svg/done-icon.svg +1 -0
  56. data/_includes/svg/menu.svg +9 -0
  57. data/_includes/svg/x.svg +3 -0
  58. data/_includes/text_link.html +12 -0
  59. data/_includes/theme/author_block.html +3 -0
  60. data/_includes/theme/biography.html +5 -0
  61. data/_includes/theme/btn_header.html +6 -0
  62. data/_includes/theme/button_with_copy.html +1 -0
  63. data/_includes/theme/button_with_link.html +5 -0
  64. data/_includes/theme/card_horizontal.html +18 -0
  65. data/_includes/theme/colors.html +14 -0
  66. data/_includes/theme/content.html +41 -0
  67. data/_includes/theme/cover_post.html +19 -0
  68. data/_includes/theme/embed_responsive.html +10 -0
  69. data/_includes/theme/font_sizes.html +18 -0
  70. data/_includes/theme/footer.html +49 -0
  71. data/_includes/theme/goal.html +5 -0
  72. data/_includes/theme/header_close.html +18 -0
  73. data/_includes/theme/header_open.html +18 -0
  74. data/_includes/theme/header_toggler.html +11 -0
  75. data/_includes/theme/image_supporter.html +5 -0
  76. data/_includes/theme/image_with_link.html +4 -0
  77. data/_includes/theme/letter_spacing.html +3 -0
  78. data/_includes/theme/license_block.html +1 -0
  79. data/_includes/theme/menu_item.html +7 -0
  80. data/_includes/theme/navigation_post.html +17 -0
  81. data/_includes/theme/picture.html +5 -0
  82. data/_includes/toggler/toggler.html +21 -0
  83. data/_includes/toggler/toggler_label.html +21 -0
  84. data/_includes/toggler/toggler_related.html +23 -0
  85. data/_layouts/about.html +9 -0
  86. data/_layouts/back_cover.html +68 -0
  87. data/_layouts/default.html +52 -0
  88. data/_layouts/default_with_menu.html +24 -0
  89. data/_layouts/home.html +35 -0
  90. data/_layouts/post.html +58 -0
  91. data/_layouts/support.html +45 -0
  92. data/_layouts/theme.html +60 -0
  93. data/_sass/content.scss +93 -0
  94. data/_sass/open_sans.scss +80 -0
  95. data/_sass/open_sans_wght_700.scss +80 -0
  96. data/_sass/roboto_mono_ital_wght_0_400_0_700_1_400_1_700.scss +28 -0
  97. data/_sass/source_serif_4_ital_wght_0_400_0_700_1_400_1_700.scss +28 -0
  98. data/_sass/toggler.scss +20 -0
  99. data/_sass/utilities.scss +245 -0
  100. data/_sass/work_sans_ital_wght_1_300.scss +7 -0
  101. data/assets/css/styles.scss +23 -0
  102. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2 +0 -0
  103. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4iaVIGxA.woff2 +0 -0
  104. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4jaVIGxA.woff2 +0 -0
  105. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVIGxA.woff2 +0 -0
  106. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4saVIGxA.woff2 +0 -0
  107. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4taVIGxA.woff2 +0 -0
  108. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVIGxA.woff2 +0 -0
  109. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4vaVIGxA.woff2 +0 -0
  110. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2 +0 -0
  111. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2 +0 -0
  112. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2 +0 -0
  113. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2 +0 -0
  114. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2 +0 -0
  115. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2 +0 -0
  116. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2 +0 -0
  117. data/assets/fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2 +0 -0
  118. data/assets/fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAOW9-subset.woff2 +0 -0
  119. data/assets/fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAOW9.ttf +0 -0
  120. data/assets/fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrmAB-W9-subset.woff2 +0 -0
  121. data/assets/fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrmAB-W9.ttf +0 -0
  122. data/assets/fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQw-subset.woff2 +0 -0
  123. data/assets/fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQw.ttf +0 -0
  124. data/assets/fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_Of2PQw-subset.woff2 +0 -0
  125. data/assets/fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_Of2PQw.ttf +0 -0
  126. data/assets/fonts/sourceserif4/SourceSerif4-Bold.ttf.woff2 +3 -0
  127. data/assets/fonts/sourceserif4/SourceSerif4-BoldIt.ttf.woff2 +3 -0
  128. data/assets/fonts/sourceserif4/SourceSerif4-It.ttf.woff2 +3 -0
  129. data/assets/fonts/sourceserif4/SourceSerif4-Regular.ttf.woff2 +3 -0
  130. data/assets/fonts/worksans/v18/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUgGsJow-subset.woff2 +0 -0
  131. data/assets/fonts/worksans/v18/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUgGsJow.ttf +0 -0
  132. data/assets/js/env.js +8 -0
  133. data/assets/js/pack.K7EEKFVP.js +40 -0
  134. data/assets/js/pack.K7EEKFVP.js.map +7 -0
  135. metadata +457 -0
data/_data/theme.yml ADDED
@@ -0,0 +1,184 @@
1
+ ---
2
+ spacer: "1rem"
3
+ spacers:
4
+ 6: "($spacer * 6)"
5
+ 7: "($spacer * 7)"
6
+ 20: "($spacer * 1.25)"
7
+ 32: "($spacer * 2)"
8
+ 50: "($spacer * 3.125)"
9
+ 60: "($spacer * 3.75)"
10
+ 150: "9.375rem"
11
+ 100: "($spacer * 6.25)"
12
+ 14: "($spacer * 0.875)"
13
+ 12: "($spacer * 0.75)"
14
+ 40: "($spacer * 2.5)"
15
+ 80: "($spacer * 5)"
16
+ btn_transition: "all 250ms ease-in-out"
17
+ btn_font_size: "0.8rem"
18
+ btn_padding_y: "1.5rem"
19
+ btn_line_height: "1"
20
+ colors:
21
+ black: "#000000"
22
+ white: "#ffffff"
23
+ transparent: "transparent"
24
+ blue: "#564FE3"
25
+ light_blue: "#9995ef"
26
+ light_gray: "#eeeeee"
27
+ post: "rgba(230, 230, 230, 0.1)"
28
+ footnote: "#888888"
29
+ lighter_blue: "#cccaf7"
30
+ letter_spacings:
31
+ 1: "0.1rem"
32
+ 2: "0.16rem"
33
+ 3: "0.170625em"
34
+ 4: "0.2625rem"
35
+ 6: "0.18375rem"
36
+ 7: "0.13125rem"
37
+ 5: "0.39375rem"
38
+ 8: "0.170625rem"
39
+ pixel_densities:
40
+ - "1"
41
+ - "1.5"
42
+ - "2"
43
+ grid_breakpoints:
44
+ xs: "0"
45
+ sm: "576px"
46
+ md: "768px"
47
+ lg: "992px"
48
+ xl: "1200px"
49
+ embed_responsive_aspect_ratios:
50
+ - "(21 9)"
51
+ - "(16 9)"
52
+ - "(4 3)"
53
+ - "(1 1)"
54
+ - "(700 350)"
55
+ - "(2 1)"
56
+ display3_size: "3.9375rem"
57
+ display4_size: "1.875rem"
58
+ enable_responsive_font_sizes: true
59
+ lead_font_size: "1.3125rem"
60
+ font_sizes:
61
+ 11: "0.7"
62
+ 14: "0.875"
63
+ 16: "1"
64
+ 17: "1.0625"
65
+ 19: "1.1875"
66
+ 25: "1.5625"
67
+ sizes:
68
+ 67px: "4.1875rem"
69
+ 44px: "2.75rem"
70
+ 54px: "3.375rem"
71
+ 36px: "2.25rem"
72
+ 49px: "3.0625rem"
73
+ 74px: "4.625rem"
74
+ 220px: "220px"
75
+ 221px: "13.8125rem"
76
+ 333px: "20.8125rem"
77
+ 780px: "780px"
78
+ 1200px: "78rem"
79
+ directions:
80
+ - "top"
81
+ - "left"
82
+ - "right"
83
+ - "bottom"
84
+ svg_attributes:
85
+ - "fill"
86
+ - "stroke"
87
+ cursors:
88
+ - "pointer"
89
+ - "none"
90
+ border_width: "1px"
91
+ border_widths:
92
+ 1: "1px"
93
+ 2: "2px"
94
+ 3: "3px"
95
+ 4: "4px"
96
+ 5: "5px"
97
+ progress_bg: "transparent"
98
+ progress_bar_bg: "#9995ef"
99
+ progress_height: "4.625rem"
100
+ opacities:
101
+ 0: "-100%"
102
+ 1: "-80%"
103
+ 2: "-60%"
104
+ 3: "-40%"
105
+ 4: "-20%"
106
+ 5: "0%"
107
+ progress_border_radius: "0"
108
+ background_sizes:
109
+ auto-100: "auto 100%"
110
+ cover: "cover"
111
+ auto: "auto"
112
+ contain: "contain"
113
+ background_positions_x:
114
+ - "center"
115
+ - "top"
116
+ background_positions_y:
117
+ - "bottom"
118
+ - "left"
119
+ - "right"
120
+ code_color: "black"
121
+ code_font_size: "1rem"
122
+ code_background: "#cccaf7"
123
+ code_radius: "8px"
124
+ code_font_family: "Roboto Mono"
125
+ container_max_widths:
126
+ sm: "576px"
127
+ md: "768px"
128
+ lg: "1200px"
129
+ xl: "1201px"
130
+ transform_scales:
131
+ n8: "0.8"
132
+ 1: "1"
133
+ background_images:
134
+ menu: "$background-menu"
135
+ site: "$background-site"
136
+ footer: "$background-footer"
137
+ layout_class:
138
+ support: "background-image-site background-size-contain w-100"
139
+ home: "background-image-site background-size-contain w-100"
140
+ about: "background-image-site background-size-contain w-100"
141
+ paragraph_margin_bottom: "0"
142
+ headings_margin_bottom: "0"
143
+ box_shadow: "0px 2px 4px rgba(0, 0, 0, 0.2)"
144
+ footnotes_container_width: 780
145
+ footnotes_sidenote_width: 220
146
+ footnotes_footnote_class:
147
+ - "background-white"
148
+ - "position-fixed"
149
+ - "w-100"
150
+ - "px-3"
151
+ - "border-top"
152
+ - "border-black"
153
+ footnotes_footnote_toggled_class:
154
+ - "py-3"
155
+ footnotes_sidenote_class:
156
+ - "position-absolute"
157
+ - "w-220px"
158
+ - "f-11"
159
+ - "ml-40"
160
+ - "footnote"
161
+ footnotes_padding_left: 16
162
+ chrome_icon_sizes:
163
+ - 36
164
+ - 48
165
+ - 72
166
+ - 96
167
+ - 144
168
+ - 192
169
+ - 256
170
+ - 384
171
+ apple_touch_sizes:
172
+ - 57
173
+ - 60
174
+ - 72
175
+ - 76
176
+ - 120
177
+ - 144
178
+ - 152
179
+ - 180
180
+ msapplication_sizes:
181
+ - 70
182
+ - 144
183
+ - 150
184
+ - 310
data/_data/theme.yml.html ADDED
@@ -0,0 +1,143 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>~/Projects/sutty/compost-jekyll-theme/_data/theme.yml.html</title>
6
+ <meta name="Generator" content="Vim/8.0">
7
+ <meta name="plugin-version" content="vim8.1_v2">
8
+ <meta name="syntax" content="yaml">
9
+ <meta name="settings" content="use_css,pre_wrap,no_foldcolumn,expand_tabs,prevent_copy=,use_input_for_pc=fallback">
10
+ <meta name="colorscheme" content="molokai">
11
+ <style>
12
+ <!--
13
+ pre { white-space: pre-wrap; font-family: monospace; color: #d0d0d0; background-color: #121212; }
14
+ body { font-family: monospace; color: #d0d0d0; background-color: #121212; }
15
+ * { font-size: 1em; }
16
+ .PreProc { color: #87ff00; }
17
+ .Special { color: #5fd7ff; background-color: #080808; padding-bottom: 1px; }
18
+ .String { color: #afaf87; }
19
+ .Constant { color: #af5fff; font-weight: bold; }
20
+ .Label { color: #ffffaf; }
21
+ .Identifier { color: #ff8700; font-weight: bold; }
22
+ -->
23
+ </style>
24
+ </head>
25
+ <body>
26
+ <pre id='vimCodeElement'>
27
+ <span class="PreProc">---</span>
28
+ <span class="Identifier">spacer</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1rem</span><span class="String">&quot;</span>
29
+ <span class="Identifier">spacers</span><span class="Special">:</span>
30
+ <span class="Identifier">6</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 6)</span><span class="String">&quot;</span>
31
+ <span class="Identifier">7</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 7)</span><span class="String">&quot;</span>
32
+ <span class="Identifier">20</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 1.25)</span><span class="String">&quot;</span>
33
+ <span class="Identifier">32</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 2)</span><span class="String">&quot;</span>
34
+ <span class="Identifier">50</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 3.125)</span><span class="String">&quot;</span>
35
+ <span class="Identifier">60</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">($spacer * 3.75)</span><span class="String">&quot;</span>
36
+ <span class="Identifier">150</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">9.375rem</span><span class="String">&quot;</span>
37
+ <span class="Identifier">btn_transition</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">all 250ms ease-in-out</span><span class="String">&quot;</span>
38
+ <span class="Identifier">btn_font_size</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.8rem</span><span class="String">&quot;</span>
39
+ <span class="Identifier">btn_padding_y</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.5rem</span><span class="String">&quot;</span>
40
+ <span class="Identifier">btn_line_height</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1</span><span class="String">&quot;</span>
41
+ <span class="Identifier">colors</span><span class="Special">:</span>
42
+ <span class="Identifier">black</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#000000</span><span class="String">&quot;</span>
43
+ <span class="Identifier">white</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#ffffff</span><span class="String">&quot;</span>
44
+ <span class="Identifier">transparent</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">transparent</span><span class="String">&quot;</span>
45
+ <span class="Identifier">blue</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#564FE3</span><span class="String">&quot;</span>
46
+ <span class="Identifier">light_blue</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#9995ef</span><span class="String">&quot;</span>
47
+ <span class="Identifier">light_gray</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#eeeeee</span><span class="String">&quot;</span>
48
+ <span class="Identifier">lighter_blue</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#cccaf7</span><span class="String">&quot;</span>
49
+ <span class="Identifier">letter_spacings</span><span class="Special">:</span>
50
+ <span class="Identifier">1</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.1rem</span><span class="String">&quot;</span>
51
+ <span class="Identifier">2</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.16rem</span><span class="String">&quot;</span>
52
+ <span class="Identifier">3</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.3rem</span><span class="String">&quot;</span>
53
+ <span class="Identifier">pixel_densities</span><span class="Special">:</span>
54
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">1</span><span class="String">&quot;</span>
55
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">1.5</span><span class="String">&quot;</span>
56
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">2</span><span class="String">&quot;</span>
57
+ <span class="Identifier">grid_breakpoints</span><span class="Special">:</span>
58
+ <span class="Identifier">xs</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0</span><span class="String">&quot;</span>
59
+ <span class="Identifier">sm</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">576px</span><span class="String">&quot;</span>
60
+ <span class="Identifier">md</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">768px</span><span class="String">&quot;</span>
61
+ <span class="Identifier">lg</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">992px</span><span class="String">&quot;</span>
62
+ <span class="Identifier">xl</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1200px</span><span class="String">&quot;</span>
63
+ <span class="Identifier">embed_responsive_aspect_ratios</span><span class="Special">:</span>
64
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(21 9)</span><span class="String">&quot;</span>
65
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(16 9)</span><span class="String">&quot;</span>
66
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(4 3)</span><span class="String">&quot;</span>
67
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(1 1)</span><span class="String">&quot;</span>
68
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(700 350)</span><span class="String">&quot;</span>
69
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">(2 1)</span><span class="String">&quot;</span>
70
+ <span class="Identifier">display3_size</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">3.9375rem</span><span class="String">&quot;</span>
71
+ <span class="Identifier">display4_size</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.875rem</span><span class="String">&quot;</span>
72
+ <span class="Identifier">enable_responsive_font_sizes</span><span class="Special">:</span> <span class="Constant">true</span>
73
+ <span class="Identifier">lead_font_size</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.3125rem</span><span class="String">&quot;</span>
74
+ <span class="Identifier">font_sizes</span><span class="Special">:</span>
75
+ <span class="Identifier">14</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.875</span><span class="String">&quot;</span>
76
+ <span class="Identifier">16</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1</span><span class="String">&quot;</span>
77
+ <span class="Identifier">17</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.0625</span><span class="String">&quot;</span>
78
+ <span class="Identifier">19</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.1875</span><span class="String">&quot;</span>
79
+ <span class="Identifier">25</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1.5625</span><span class="String">&quot;</span>
80
+ <span class="Identifier">sizes</span><span class="Special">:</span>
81
+ <span class="Identifier">sizes</span><span class="Special">:</span>
82
+ <span class="Identifier">67px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">4.1875rem</span><span class="String">&quot;</span>
83
+ <span class="Identifier">44px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">2.75rem</span><span class="String">&quot;</span>
84
+ <span class="Identifier">54px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">3.375rem</span><span class="String">&quot;</span>
85
+ <span class="Identifier">36px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">2.25rem</span><span class="String">&quot;</span>
86
+ <span class="Identifier">49px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">3.0625rem</span><span class="String">&quot;</span>
87
+ <span class="Identifier">74px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">4.625rem</span><span class="String">&quot;</span>
88
+ <span class="Identifier">221px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">13.8125rem</span><span class="String">&quot;</span>
89
+ <span class="Identifier">333px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">20.8125rem</span><span class="String">&quot;</span>
90
+ <span class="Identifier">780px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">780px</span><span class="String">&quot;</span>
91
+ <span class="Identifier">1200px</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">78rem</span><span class="String">&quot;</span>
92
+ <span class="Identifier">directions</span><span class="Special">:</span>
93
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">top</span><span class="String">&quot;</span>
94
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">left</span><span class="String">&quot;</span>
95
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">right</span><span class="String">&quot;</span>
96
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">bottom</span><span class="String">&quot;</span>
97
+ <span class="Identifier">svg_attributes</span><span class="Special">:</span>
98
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">fill</span><span class="String">&quot;</span>
99
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">stroke</span><span class="String">&quot;</span>
100
+ <span class="Identifier">cursors</span><span class="Special">:</span>
101
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">pointer</span><span class="String">&quot;</span>
102
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">none</span><span class="String">&quot;</span>
103
+ <span class="Identifier">border_width</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1px</span><span class="String">&quot;</span>
104
+ <span class="Identifier">border_widths</span><span class="Special">:</span>
105
+ <span class="Identifier">1</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1px</span><span class="String">&quot;</span>
106
+ <span class="Identifier">2</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">2px</span><span class="String">&quot;</span>
107
+ <span class="Identifier">3</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">3px</span><span class="String">&quot;</span>
108
+ <span class="Identifier">4</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">4px</span><span class="String">&quot;</span>
109
+ <span class="Identifier">5</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">5px</span><span class="String">&quot;</span>
110
+ <span class="Identifier">progress_bg</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">transparent</span><span class="String">&quot;</span>
111
+ <span class="Identifier">progress_bar_bg</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">#9995ef</span><span class="String">&quot;</span>
112
+ <span class="Identifier">progress_height</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">4.625rem</span><span class="String">&quot;</span>
113
+ <span class="Identifier">opacities</span><span class="Special">:</span>
114
+ <span class="Identifier">0</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">-100%</span><span class="String">&quot;</span>
115
+ <span class="Identifier">1</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">-80%</span><span class="String">&quot;</span>
116
+ <span class="Identifier">2</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">-60%</span><span class="String">&quot;</span>
117
+ <span class="Identifier">3</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">-40%</span><span class="String">&quot;</span>
118
+ <span class="Identifier">4</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">-20%</span><span class="String">&quot;</span>
119
+ <span class="Identifier">5</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0%</span><span class="String">&quot;</span>
120
+ <span class="Identifier">progress_border_radius</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0</span><span class="String">&quot;</span>
121
+ <span class="Identifier">transform_scales</span><span class="Special">:</span>
122
+ <span class="Identifier">n8</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">0.8</span><span class="String">&quot;</span>
123
+ <span class="Identifier">1</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1</span><span class="String">&quot;</span>
124
+ <span class="Identifier">directions</span><span class="Special">:</span>
125
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">top</span><span class="String">&quot;</span>
126
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">right</span><span class="String">&quot;</span>
127
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">bottom</span><span class="String">&quot;</span>
128
+ <span class="Label">- </span><span class="String">&quot;</span><span class="String">left</span><span class="String">&quot;</span>
129
+ <span class="Identifier">container_max_widths</span><span class="Special">:</span>
130
+ <span class="Identifier">sm</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">576px</span><span class="String">&quot;</span>
131
+ <span class="Identifier">md</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">768px</span><span class="String">&quot;</span>
132
+ <span class="Identifier">lg</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1200px</span><span class="String">&quot;</span>
133
+ <span class="Identifier">xl</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">1201px</span><span class="String">&quot;</span>
134
+ <span class="Identifier">layout_class</span><span class="Special">:</span>
135
+ <span class="Identifier">support</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">support-background</span><span class="String">&quot;</span>
136
+ <span class="Identifier">home</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">support-background</span><span class="String">&quot;</span>
137
+ <span class="Identifier">about</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">support-background</span><span class="String">&quot;</span>
138
+ <span class="Identifier">background_images</span><span class="Special">:</span>
139
+ <span class="Identifier">fondo</span><span class="Special">:</span> <span class="String">&quot;</span><span class="String">$background-image</span><span class="String">&quot;</span>
140
+ </pre>
141
+ </body>
142
+ </html>
143
+ <!-- vim: set foldmethod=manual : -->
data/_includes/author_block.html ADDED
@@ -0,0 +1,22 @@
1
+ {%- comment -%}
2
+
3
+ Author block
4
+
5
+ @param :title [String] Alias
6
+ @param :link [array] link's
7
+ {%- endcomment -%}
8
+
9
+ {% assign links = include.links %}
10
+
11
+ <div class="">
12
+ <div class="py-3">
13
+ {% include headings/h3.html text=include.title class="black source-serif font-weight-bold" %}
14
+ </div>
15
+ <div class="background-lighter-blue text-monospace text-left p-3 mt-2 mb-2 rounded">
16
+ {% for link in links %}
17
+ <li class="list-unstyled">
18
+ <a class="black hover-white" href="{{- link -}}" target="_blank" rel="noopener">{{ link }}</a>
19
+ </li>
20
+ {% endfor %}
21
+ </div>
22
+ </div>
data/_includes/biography.html ADDED
@@ -0,0 +1,10 @@
1
+ {%- comment -%}
2
+
3
+ La biografía de le autore que aparece al final de los artículos.
4
+
5
+ @param :text [html] El contenido con formato
6
+ {%- endcomment -%}
7
+
8
+ <div class="f-14 f-md-19 work-sans content font-weight-light font-italic pb-3">
9
+ {{- include.text -}}
10
+ </div>
data/_includes/btn_header.html ADDED
@@ -0,0 +1,14 @@
1
+ {%- comment -%}
2
+
3
+ Imagen de la cabecera
4
+
5
+ @param :src [String]
6
+ @param :href [String] El link
7
+ @param :width [Integer] Ancho de la imagen
8
+ @param :alt [String] El alt de la imagen
9
+ @param :component_class [String] Clases para el componente
10
+ {%- endcomment -%}
11
+
12
+ <div>
13
+ {% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width component_class=include.component_class img_class=include.img_class %}
14
+ </div>
data/_includes/buttons/with_copy.html ADDED
@@ -0,0 +1,24 @@
1
+ {%- comment -%}
2
+
3
+ Un botón con contenido copiable, por ejemplo para Support Us. Si el
4
+ link es externo, agregar el parámetro de seguridad noopener.
5
+
6
+ @param :copy [String] El texto copiable
7
+ @param :text [String] El contenido
8
+
9
+ {%- endcomment -%}
10
+
11
+ <button
12
+ data-controller="button-copy"
13
+ data-button-copy-text-value="{{ include.copy | escape_once }}"
14
+ data-button-copy-confirmation-value="{{ site.i18n.button_copy.confirmation | replace: "%s", include.copy | escape_once }}"
15
+ data-action="button-copy#copy"
16
+ class="btn btn-primary w-100 d-flex align-items-end justify-content-center text-uppercase f-md-17">
17
+ <span data-button-copy-target="text">{{- include.text -}}</span>
18
+ <span data-button-copy-target="icon" class="pl-2">
19
+ {%- include svg/copy-icon.svg -%}
20
+ </span>
21
+ <span data-button-copy-target="confirmationIcon" class="d-none pl-2">
22
+ {%- include svg/done-icon.svg -%}
23
+ </span>
24
+ </button>
data/_includes/buttons/with_link.html ADDED
@@ -0,0 +1,17 @@
1
+ {%- comment -%}
2
+
3
+ Un botón con link, por ejemplo para Support Us. Si el link es externo,
4
+ agregar el parámetro de seguridad noopener.
5
+
6
+ @param :href [String] El link
7
+ @param :text [String] El contenido
8
+
9
+ {%- endcomment -%}
10
+
11
+ <a
12
+ href="{{ include.href | default: "#" }}"
13
+ {{ include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' }}
14
+ {{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}
15
+ class="btn btn-primary w-100 d-flex align-items-center justify-content-center text-uppercase f-md-17">
16
+ <span>{{- include.text -}}</span>
17
+ </a>
data/_includes/card_horizontal.html ADDED
@@ -0,0 +1,27 @@
1
+ {%- comment -%}
2
+
3
+ Card horizontal
4
+
5
+ @param :src [String] Imágen de la Card
6
+ @param :alt [String] Texto alternativo de la imágen
7
+ @param :title [String] Título de la Card
8
+ @param :subtitle [string] Subtítulo
9
+ @param :content [string] Contenido
10
+ {%- endcomment -%}
11
+ <div class="row justify-content-center container-lg mx-auto">
12
+ <div class="col-12 col-md-3">
13
+ {% include picture.html src=include.src width=500 img_class="w-100 object-fit-cover" %}
14
+ </div>
15
+
16
+ <div class="col-12 col-md-9 pl-md-5 pt-5 pt-md-0">
17
+ <div class="">
18
+ {% include headings/h1.html text=include.title class="d-inline-flex font-italic border-width-1 border-black border-bottom-dashed display-3 work-sans" %}
19
+ </div>
20
+
21
+ <p class="my-3 text-monospace lead">{{ include.subtitle }}</p>
22
+
23
+ <div class="content f-19 lead-md">
24
+ {{ include.content }}
25
+ </div>
26
+ </div>
27
+ </div>
data/_includes/cover_post/generic.html ADDED
@@ -0,0 +1,34 @@
1
+ {%- comment -%}
2
+
3
+ La ficha de post en el índice de artículos.
4
+
5
+ @param :href [String] El link
6
+ @param :title [String] El título
7
+ @param :authors [String] Les autorxs
8
+ @param :description [String] La descripción
9
+ @param :src [String] La imagen
10
+ @param :alt [String] La descripción de la imagen
11
+ @param :title_class [String] Las clases del título
12
+ @param :author_class [String] Las clases de autorx
13
+ @param :description_class [String] Las clases de descripción
14
+ {%- endcomment -%}
15
+ <div
16
+ class="position-relative px-2">
17
+ <a
18
+ class="stretched-link black hover-black text-decoration-none"
19
+ href="{{ include.href | uri_escape }}"
20
+ {{ include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' }}
21
+ {{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}>
22
+ <span class="sr-only">{{ include.alt }}</span>
23
+ </a>
24
+
25
+ {% include embed_responsive.html src=include.src width=700 x="700" y="350" alt=include.alt embed_class="shadow" %}
26
+
27
+ {% include headings/h1.html text=include.title class=include.title_class %}
28
+
29
+ <p class="{{ include.author_class }}">
30
+ {{ include.authors | map: "title" | array_to_sentence_string: site.i18n.and }}
31
+ </p>
32
+
33
+ <p class="{{ include.description_class }}">{{- include.description -}}</p>
34
+ </div>
data/_includes/cover_post/home.html ADDED
@@ -0,0 +1,23 @@
1
+ {%- comment -%}
2
+
3
+ La ficha de post en el índice de artículos del home.
4
+
5
+ @param :href [String] El link
6
+ @param :title [String] El título
7
+ @param :authors [String] Les autorxs
8
+ @param :src [String] La imagen
9
+ @param :alt [String] La descripción de la imagen
10
+ @param :description [String] La descripción del post
11
+ {%- endcomment -%}
12
+
13
+ {% include cover_post/generic.html
14
+ authors=include.authors
15
+ title=include.title
16
+ description=include.description
17
+ src=include.src
18
+ alt=include.alt
19
+ href=include.href
20
+ title_class="font-weight-bold text-uppercase m-0 pt-3 pb-2 letter-spacing-6 display-4 f-xl-25"
21
+ author_class="text-uppercase letter-spacing-4 f-16 lead-md f-xl-17"
22
+ description_class="source-serif f-16 lead-md f-xl-17 mt-12"
23
+ %}
data/_includes/cover_post/menu.html ADDED
@@ -0,0 +1,19 @@
1
+ {%- comment -%}
2
+
3
+ La ficha de post en el índice de artículos del menú.
4
+
5
+ @param :href [String] El link
6
+ @param :title [String] El título
7
+ @param :authors [String] Les autorxs
8
+ @param :src [String] La imagen
9
+ @param :alt [String] La descripción de la imagen
10
+ {%- endcomment -%}
11
+
12
+ {% include cover_post/generic.html
13
+ authors=include.authors
14
+ title=include.title
15
+ src=include.src
16
+ alt=include.alt
17
+ href=include.href
18
+ title_class="font-weight-bold text-uppercase m-0 pt-3 pb-2 letter-spacing-7 lead"
19
+ author_class="text-uppercase letter-spacing-4 font-sm" %}
data/_includes/device_detector.html ADDED
@@ -0,0 +1,30 @@
1
+ <div
2
+ data-controller="device-detector"
3
+ data-action="resize@window->device-detector#resized"
4
+ class="position-fixed top-0 right-0 z-index-2050 pointer-event-none">
5
+ <div class="background-pink-t3 pr-1">
6
+ <button class="pointer-event-auto btn btn-sm" data-action="device-detector#toggleHelp">
7
+ {{ site.i18n.device_detector.get_help }}
8
+ </button>
9
+ <button class="pointer-event-auto btn btn-sm" data-action="device-detector#outline">
10
+ {{ site.i18n.device_detector.outline }}
11
+ </button>
12
+ <span data-device-detector-target="clientName"></span>
13
+ {{- -}}&nbsp;{{- -}}
14
+ <span data-device-detector-target="clientVersion"></span>
15
+ {{- -}}&nbsp;{{- -}}
16
+ (<span data-device-detector-target="deviceType"></span>)
17
+ {{- -}}&nbsp;{{- -}}
18
+ <span data-device-detector-target="osName"></span>
19
+ {{- -}}&nbsp;{{- -}}
20
+ <span data-device-detector-target="osVersion"></span>
21
+ {{- -}}&nbsp;{{- -}}
22
+ <span data-device-detector-target="viewportWidth"></span>
23
+ x <span data-device-detector-target="viewportHeight"></span>
24
+ x <span data-device-detector-target="devicePixelRatio"></span>
25
+ </div>
26
+
27
+ <div data-device-detector-target="help" hidden class="background-pink content">
28
+ {{ site.i18n.device_detector.help | allow_inclusive_language_in_markdown | markdownify }}
29
+ </div>
30
+ </div>
data/_includes/embed_responsive.html ADDED
@@ -0,0 +1,16 @@
1
+ {%- comment -%}
2
+
3
+ Embed responsive
4
+
5
+ @param :x [Integer]
6
+ @param :y [Integer]
7
+ @param :src [String]
8
+ @param :alt [String]
9
+ @param :width [Integer]
10
+ @param :height [Integer]
11
+ @param :embed_class [String]
12
+ {%- endcomment -%}
13
+
14
+ <div class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.embed_class }}">
15
+ {%- include picture.html class="embed-responsive-item" img_class="w-100 h-100 object-fit-cover" src=include.src alt=include.alt width=include.width -%}
16
+ </div>
data/_includes/footer.html ADDED
@@ -0,0 +1,32 @@
1
+ {%- comment -%}
2
+
3
+ Footer
4
+
5
+ @param :col_1 [HTML] Contenido
6
+ @param :col_2 [HTML] Contenido
7
+ @param :col_3 [HTML] Contenido
8
+ @param :col_4 [HTML] Contenido
9
+ {%- endcomment -%}
10
+
11
+ <footer class="d-flex justify-content-center background-size-cover background-position-top-left background-image-footer">
12
+ <div class="row row-cols-md-1 row-cols-lg-3 justify-content-center container-lg mx-auto pt-150 pb-5 f-14 px-4">
13
+ <div class="col-12 px-3 content">
14
+ {{ include.col_1 }}
15
+ </div>
16
+
17
+ <div class="col-12 px-3 pt-5 pt-lg-0 content">
18
+ {{ include.col_2 }}
19
+ </div>
20
+
21
+ <div class="col-12 px-3 pt-5 pt-lg-0">
22
+ <div class="row flex-row">
23
+ <div class="col content">
24
+ {{ include.col_3 }}
25
+ </div>
26
+ <div class="col content">
27
+ {{ include.col_4 }}
28
+ </div>
29
+ </div>
30
+ </div>
31
+ </div>
32
+ </footer>