compost-jekyll-theme 0.1.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 (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>