raikar11 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (186) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +50 -0
  4. data/_includes/breadcrumb.html +17 -0
  5. data/_includes/footer.html +54 -0
  6. data/_includes/head.html +26 -0
  7. data/_includes/header.html +34 -0
  8. data/_includes/icon.html +3 -0
  9. data/_includes/nav_page.html +57 -0
  10. data/_includes/nav_side.html +68 -0
  11. data/_includes/toc_pure_liquid.html +68 -0
  12. data/_layouts/default.html +252 -0
  13. data/_sass/_accordion.scss +77 -0
  14. data/_sass/_article.scss +96 -0
  15. data/_sass/_base.scss +48 -0
  16. data/_sass/_bootstrap-icons.scss +7 -0
  17. data/_sass/_breadcrumb.scss +20 -0
  18. data/_sass/_btn.scss +9 -0
  19. data/_sass/_callout.scss +13 -0
  20. data/_sass/_fonts.scss +63 -0
  21. data/_sass/_footer.scss +38 -0
  22. data/_sass/_helpers.scss +2 -0
  23. data/_sass/_icons.scss +27 -0
  24. data/_sass/_link-main.scss +22 -0
  25. data/_sass/_list-links.scss +33 -0
  26. data/_sass/_list-tags.scss +9 -0
  27. data/_sass/_navbar.scss +81 -0
  28. data/_sass/_search.scss +51 -0
  29. data/_sass/_section-main.scss +54 -0
  30. data/_sass/_socials.scss +26 -0
  31. data/_sass/_switch.scss +56 -0
  32. data/_sass/_table.scss +100 -0
  33. data/_sass/_theme.scss +63 -0
  34. data/_sass/_tile.scss +34 -0
  35. data/_sass/_tiles.scss +9 -0
  36. data/_sass/_variables.scss +11 -0
  37. data/_sass/_widget.scss +15 -0
  38. data/_sass/_widgets.scss +12 -0
  39. data/_sass/bootstrap/scss/_accordion.scss +158 -0
  40. data/_sass/bootstrap/scss/_alert.scss +68 -0
  41. data/_sass/bootstrap/scss/_badge.scss +38 -0
  42. data/_sass/bootstrap/scss/_breadcrumb.scss +40 -0
  43. data/_sass/bootstrap/scss/_button-group.scss +142 -0
  44. data/_sass/bootstrap/scss/_buttons.scss +207 -0
  45. data/_sass/bootstrap/scss/_card.scss +239 -0
  46. data/_sass/bootstrap/scss/_carousel.scss +244 -0
  47. data/_sass/bootstrap/scss/_close.scss +63 -0
  48. data/_sass/bootstrap/scss/_containers.scss +41 -0
  49. data/_sass/bootstrap/scss/_dropdown.scss +250 -0
  50. data/_sass/bootstrap/scss/_forms.scss +9 -0
  51. data/_sass/bootstrap/scss/_functions.scss +302 -0
  52. data/_sass/bootstrap/scss/_grid.scss +39 -0
  53. data/_sass/bootstrap/scss/_helpers.scss +12 -0
  54. data/_sass/bootstrap/scss/_images.scss +42 -0
  55. data/_sass/bootstrap/scss/_list-group.scss +197 -0
  56. data/_sass/bootstrap/scss/_maps.scss +174 -0
  57. data/_sass/bootstrap/scss/_mixins.scss +42 -0
  58. data/_sass/bootstrap/scss/_modal.scss +237 -0
  59. data/_sass/bootstrap/scss/_nav.scss +209 -0
  60. data/_sass/bootstrap/scss/_navbar.scss +288 -0
  61. data/_sass/bootstrap/scss/_offcanvas.scss +146 -0
  62. data/_sass/bootstrap/scss/_pagination.scss +109 -0
  63. data/_sass/bootstrap/scss/_placeholders.scss +51 -0
  64. data/_sass/bootstrap/scss/_popover.scss +196 -0
  65. data/_sass/bootstrap/scss/_progress.scss +68 -0
  66. data/_sass/bootstrap/scss/_reboot.scss +610 -0
  67. data/_sass/bootstrap/scss/_root.scss +188 -0
  68. data/_sass/bootstrap/scss/_spinners.scss +85 -0
  69. data/_sass/bootstrap/scss/_tables.scss +164 -0
  70. data/_sass/bootstrap/scss/_toasts.scss +73 -0
  71. data/_sass/bootstrap/scss/_tooltip.scss +119 -0
  72. data/_sass/bootstrap/scss/_transitions.scss +27 -0
  73. data/_sass/bootstrap/scss/_type.scss +106 -0
  74. data/_sass/bootstrap/scss/_utilities.scss +806 -0
  75. data/_sass/bootstrap/scss/_variables-dark.scss +85 -0
  76. data/_sass/bootstrap/scss/_variables.scss +1743 -0
  77. data/_sass/bootstrap/scss/bootstrap-grid.scss +62 -0
  78. data/_sass/bootstrap/scss/bootstrap-reboot.scss +10 -0
  79. data/_sass/bootstrap/scss/bootstrap-utilities.scss +19 -0
  80. data/_sass/bootstrap/scss/bootstrap.scss +52 -0
  81. data/_sass/bootstrap/scss/forms/_floating-labels.scss +90 -0
  82. data/_sass/bootstrap/scss/forms/_form-check.scss +188 -0
  83. data/_sass/bootstrap/scss/forms/_form-control.scss +214 -0
  84. data/_sass/bootstrap/scss/forms/_form-range.scss +91 -0
  85. data/_sass/bootstrap/scss/forms/_form-select.scss +80 -0
  86. data/_sass/bootstrap/scss/forms/_form-text.scss +11 -0
  87. data/_sass/bootstrap/scss/forms/_input-group.scss +132 -0
  88. data/_sass/bootstrap/scss/forms/_labels.scss +36 -0
  89. data/_sass/bootstrap/scss/forms/_validation.scss +12 -0
  90. data/_sass/bootstrap/scss/helpers/_clearfix.scss +3 -0
  91. data/_sass/bootstrap/scss/helpers/_color-bg.scss +10 -0
  92. data/_sass/bootstrap/scss/helpers/_colored-links.scss +32 -0
  93. data/_sass/bootstrap/scss/helpers/_focus-ring.scss +5 -0
  94. data/_sass/bootstrap/scss/helpers/_icon-link.scss +25 -0
  95. data/_sass/bootstrap/scss/helpers/_position.scss +36 -0
  96. data/_sass/bootstrap/scss/helpers/_ratio.scss +26 -0
  97. data/_sass/bootstrap/scss/helpers/_stacks.scss +15 -0
  98. data/_sass/bootstrap/scss/helpers/_stretched-link.scss +15 -0
  99. data/_sass/bootstrap/scss/helpers/_text-truncation.scss +7 -0
  100. data/_sass/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
  101. data/_sass/bootstrap/scss/helpers/_vr.scss +8 -0
  102. data/_sass/bootstrap/scss/mixins/_alert.scss +18 -0
  103. data/_sass/bootstrap/scss/mixins/_backdrop.scss +14 -0
  104. data/_sass/bootstrap/scss/mixins/_banner.scss +7 -0
  105. data/_sass/bootstrap/scss/mixins/_border-radius.scss +78 -0
  106. data/_sass/bootstrap/scss/mixins/_box-shadow.scss +18 -0
  107. data/_sass/bootstrap/scss/mixins/_breakpoints.scss +127 -0
  108. data/_sass/bootstrap/scss/mixins/_buttons.scss +70 -0
  109. data/_sass/bootstrap/scss/mixins/_caret.scss +69 -0
  110. data/_sass/bootstrap/scss/mixins/_clearfix.scss +9 -0
  111. data/_sass/bootstrap/scss/mixins/_color-mode.scss +21 -0
  112. data/_sass/bootstrap/scss/mixins/_color-scheme.scss +7 -0
  113. data/_sass/bootstrap/scss/mixins/_container.scss +11 -0
  114. data/_sass/bootstrap/scss/mixins/_deprecate.scss +10 -0
  115. data/_sass/bootstrap/scss/mixins/_forms.scss +153 -0
  116. data/_sass/bootstrap/scss/mixins/_gradients.scss +47 -0
  117. data/_sass/bootstrap/scss/mixins/_grid.scss +151 -0
  118. data/_sass/bootstrap/scss/mixins/_image.scss +16 -0
  119. data/_sass/bootstrap/scss/mixins/_list-group.scss +26 -0
  120. data/_sass/bootstrap/scss/mixins/_lists.scss +7 -0
  121. data/_sass/bootstrap/scss/mixins/_pagination.scss +10 -0
  122. data/_sass/bootstrap/scss/mixins/_reset-text.scss +17 -0
  123. data/_sass/bootstrap/scss/mixins/_resize.scss +6 -0
  124. data/_sass/bootstrap/scss/mixins/_table-variants.scss +24 -0
  125. data/_sass/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  126. data/_sass/bootstrap/scss/mixins/_transition.scss +26 -0
  127. data/_sass/bootstrap/scss/mixins/_utilities.scss +97 -0
  128. data/_sass/bootstrap/scss/mixins/_visually-hidden.scss +33 -0
  129. data/_sass/bootstrap/scss/tests/jasmine.js +18 -0
  130. data/_sass/bootstrap/scss/tests/mixins/_color-modes.test.scss +69 -0
  131. data/_sass/bootstrap/scss/tests/mixins/_media-query-color-mode-full.test.scss +8 -0
  132. data/_sass/bootstrap/scss/tests/mixins/_utilities.test.scss +393 -0
  133. data/_sass/bootstrap/scss/tests/sass-true/register.js +15 -0
  134. data/_sass/bootstrap/scss/tests/sass-true/runner.js +19 -0
  135. data/_sass/bootstrap/scss/tests/utilities/_api.test.scss +75 -0
  136. data/_sass/bootstrap/scss/utilities/_api.scss +47 -0
  137. data/_sass/bootstrap/scss/vendor/_rfs.scss +354 -0
  138. data/assets/css/fonts/IBMPlexMono-Light.woff +0 -0
  139. data/assets/css/fonts/IBMPlexMono-Light.woff2 +0 -0
  140. data/assets/css/fonts/Jost-Bold.woff +0 -0
  141. data/assets/css/fonts/Jost-Bold.woff2 +0 -0
  142. data/assets/css/fonts/Jost-Italic.woff +0 -0
  143. data/assets/css/fonts/Jost-Italic.woff2 +0 -0
  144. data/assets/css/fonts/Jost-Regular.woff +0 -0
  145. data/assets/css/fonts/Jost-Regular.woff2 +0 -0
  146. data/assets/css/fonts/Jost-SemiBold.woff +0 -0
  147. data/assets/css/fonts/Jost-SemiBold.woff2 +0 -0
  148. data/assets/css/fonts/Ubuntu-Regular.woff +0 -0
  149. data/assets/css/fonts/Ubuntu-Regular.woff2 +0 -0
  150. data/assets/css/fonts/ZillaSlab-Regular.woff +0 -0
  151. data/assets/css/fonts/ZillaSlab-Regular.woff2 +0 -0
  152. data/assets/css/style.scss +31 -0
  153. data/assets/img/bootstrap-icons.svg +1 -0
  154. data/assets/img/ico-1.svg +17 -0
  155. data/assets/img/ico-2.svg +12 -0
  156. data/assets/img/ico-3.svg +18 -0
  157. data/assets/img/ico-4.svg +19 -0
  158. data/assets/img/ico-5.svg +13 -0
  159. data/assets/img/ico-6.svg +22 -0
  160. data/assets/img/ico-account.svg +17 -0
  161. data/assets/img/ico-clock.svg +23 -0
  162. data/assets/img/ico-facebook-square.svg +1 -0
  163. data/assets/img/ico-facebook.svg +11 -0
  164. data/assets/img/ico-github.svg +1 -0
  165. data/assets/img/ico-home.svg +11 -0
  166. data/assets/img/ico-instagram.svg +13 -0
  167. data/assets/img/ico-linkedin.svg +1 -0
  168. data/assets/img/ico-location.svg +12 -0
  169. data/assets/img/ico-mail.svg +12 -0
  170. data/assets/img/ico-moon.svg +11 -0
  171. data/assets/img/ico-pen.svg +13 -0
  172. data/assets/img/ico-phone.svg +12 -0
  173. data/assets/img/ico-search.svg +16 -0
  174. data/assets/img/ico-sun.svg +11 -0
  175. data/assets/img/ico-tag.svg +11 -0
  176. data/assets/img/ico-twitter.svg +1 -0
  177. data/assets/img/ico-whatsapp.svg +12 -0
  178. data/assets/img/ico-youtube.svg +1 -0
  179. data/assets/img/image-2.png +0 -0
  180. data/assets/img/image.jpg +0 -0
  181. data/assets/img/logo.png +0 -0
  182. data/assets/js/bootstrap.bundle.min.js +7 -0
  183. data/assets/js/functions.js +14 -0
  184. data/assets/js/jquery.min.js +2 -0
  185. data/assets/js/script.js +7 -0
  186. metadata +242 -0
data/_layouts/default.html ADDED
@@ -0,0 +1,252 @@
1
+ {%- assign url = '/' | prepend: site.baseurl | prepend: site.url -%}
2
+ {%- assign title = site.title -%}
3
+ {%- assign description = site.description -%}
4
+ {%- assign image = '/assets/img/image.jpg' | prepend: site.baseurl | prepend: site.url -%}
5
+
6
+ {%- if page.url != '/' -%}
7
+ {%- if page.url -%}
8
+ {%- assign url = page.url | prepend: site.baseurl | prepend: site.url -%}
9
+ {%- endif -%}
10
+ {%- if page.title -%}
11
+ {%- assign title = page.title | append: ' | ' | append: site.title -%}
12
+ {%- endif -%}
13
+ {%- if page.description -%}
14
+ {%- assign description = page.description -%}
15
+ {%- endif -%}
16
+ {%- endif -%}
17
+
18
+ <!doctype html>
19
+ <html lang="en" data-bs-theme="light">
20
+ {% include head.html %}
21
+ <body>
22
+ {% include header.html %}
23
+ <section class="section-main">
24
+ <div class="section__head">
25
+ {% include breadcrumb.html %}
26
+
27
+ <div class="section__head-inner">
28
+ <div class="switch section__switch js-switch">
29
+ <i class="ico-sun">
30
+ {% include icon.html name='sun' %}
31
+ </i>
32
+
33
+ <div class="form-check form-switch">
34
+ <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
35
+ <label class="form-check-label" for="flexSwitchCheckDefault">&nbsp;</label>
36
+ </div>
37
+
38
+ <i class="ico-moon">
39
+ {% include icon.html name='moon' %}
40
+ </i>
41
+ </div><!-- /.switch -->
42
+ </div><!-- /.section__head-inner -->
43
+ </div><!-- /.section__head -->
44
+
45
+ <div class="section__body">
46
+ <div class="row">
47
+ <div class="col-md-3 section__aside">
48
+ {% include nav_side.html %}
49
+ </div><!-- /.col-md-3 -->
50
+
51
+ <div class="col-md-9 section__content">
52
+ <div class="section__content-inner">
53
+ <div class="article">
54
+ <h1>What is .NET introduction and overview</h1>
55
+
56
+ <div class="article__meta">
57
+ <ul>
58
+ <li>Article</li>
59
+ <li>02-Feb-2023</li>
60
+ <li>8 minutes to read</li>
61
+ <li>10 contributors</li>
62
+ </ul>
63
+ </div><!-- /.article__meta -->
64
+
65
+ {{ content }}
66
+
67
+ <h2>Key attributes</h2>
68
+
69
+ <table class="table article__table">
70
+ <thead>
71
+ <tr>
72
+ <th>Attribute</th>
73
+ <th>Value</th>
74
+ </tr>
75
+ </thead>
76
+
77
+ <tbody>
78
+ <tr>
79
+ <td>Client Short Name/Acronym</td>
80
+ <td>Example Client</td>
81
+ </tr>
82
+
83
+ <tr>
84
+ <td>Industry</td>
85
+ <td>One of the industry from known list</td>
86
+ </tr>
87
+
88
+ <tr>
89
+ <td>Government</td>
90
+ <td>Yes/No</td>
91
+ </tr>
92
+
93
+ <tr>
94
+ <td>Non-profit</td>
95
+ <td>Yes/No</td>
96
+ </tr>
97
+
98
+ <tr>
99
+ <td>Publicly Listed</td>
100
+ <td>Yes/No</td>
101
+ </tr>
102
+
103
+ <tr>
104
+ <td>Insight APAC Top 10</td>
105
+ <td>Yes/No</td>
106
+ </tr>
107
+
108
+ <tr>
109
+ <td>Rating on Ease of Doing Business</td>
110
+ <td>Very Hard < Hard < Average < Easy < Very Easy</td>
111
+ </tr>
112
+
113
+ <tr>
114
+ <td>Location (Primary</td>
115
+ <td>City, Country Time Zone</td>
116
+ </tr>
117
+ </tbody>
118
+ </table>
119
+
120
+ <h2>Business overview</h2>
121
+
122
+ <div class="article__entry">
123
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est.</p>
124
+
125
+ <p>Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem.</p>
126
+
127
+ <p>In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.</p>
128
+
129
+ <p>Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.</p>
130
+ </div><!-- /.article__entry -->
131
+
132
+ <h2>Key contacts </h2>
133
+
134
+ <table class="table article__table table--alt">
135
+ <thead>
136
+ <tr>
137
+ <th>Name</th>
138
+ <th>Primary Day to Day Contact</th>
139
+ <th>Approval Authority Additional Fees</th>
140
+ <th>Changes to In-Scope Services</th>
141
+ <th>Agreement Terms</th>
142
+ <th>Invoice Recipient</th>
143
+ </tr>
144
+ </thead>
145
+
146
+ <tbody>
147
+ <tr>
148
+ <td>Fred Arthur</td>
149
+ <td>Yes</td>
150
+ <td>Yes</td>
151
+ <td>Yes</td>
152
+ <td>Yes</td>
153
+ <td>Yes</td>
154
+ </tr>
155
+
156
+ <tr>
157
+ <td>Jane</td>
158
+ <td>Yes</td>
159
+ <td>No</td>
160
+ <td>No</td>
161
+ <td>No</td>
162
+ <td>Yes</td>
163
+ </tr>
164
+
165
+ <tr>
166
+ <td>Jack</td>
167
+ <td>No</td>
168
+ <td>No</td>
169
+ <td>No</td>
170
+ <td>No</td>
171
+ <td>No</td>
172
+ </tr>
173
+
174
+ <tr>
175
+ <td>Finance</td>
176
+ <td>No</td>
177
+ <td>No</td>
178
+ <td>No</td>
179
+ <td>No</td>
180
+ <td>Yes</td>
181
+ </tr>
182
+
183
+ <tr>
184
+ <td>Sally</td>
185
+ <td>No</td>
186
+ <td>No</td>
187
+ <td>No</td>
188
+ <td>No</td>
189
+ <td>Yes</td>
190
+ </tr>
191
+
192
+ <tr>
193
+ <td>Fred</td>
194
+ <td>No</td>
195
+ <td>No</td>
196
+ <td>No</td>
197
+ <td>No</td>
198
+ <td>Yes</td>
199
+ </tr>
200
+ </tbody>
201
+ </table>
202
+
203
+ <h2>Environment overview including core services</h2>
204
+
205
+ <figure>
206
+ <img src="assets/img/image-2.png" alt="" width="942" height="715">
207
+ </figure>
208
+
209
+ <div class="article__entry">
210
+ <p>A header is a way to easily change the font size when making title or putting an emphasis before creating a paragraph. You may choose a heading style between <span>&lt;h1&gt;</span> to <span>&lt;h6&gt;</span> depending on your preference.</p>
211
+ </div><!-- /.article__entry -->
212
+
213
+ <button class="btn btn-danger article__btn">Link button</button>
214
+
215
+ <div class="article__tiles tiles">
216
+ <div class="tile tile--danger tiles__tile article__tile">
217
+ <h6>WARNING</h6>
218
+
219
+ <p>These callout names are not pre-defined by the theme: you need to define your own names.</p>
220
+ </div><!-- /.tile -->
221
+
222
+ <div class="tile tile--danger tile--danger-alt tiles__tile article__tile">
223
+ <h6>NOTE</h6>
224
+
225
+ <p>A paragraph</p>
226
+ </div><!-- /.tile -->
227
+ </div><!-- /.article__cards -->
228
+
229
+ <div class="article__video">
230
+ <script src="{{ '//fast.wistia.com/embed/medias/s3lqfi0zn7.jsonp' }}" async=""></script>
231
+ <script src="{{ '//fast.wistia.com/assets/external/E-v1.js' }}" async=""></script>
232
+
233
+ <div class="wistia_embed wistia_async_s3lqfi0zn7" style="height:349px;width:620px">&nbsp;</div>
234
+ </div>
235
+ </div><!-- /.article -->
236
+ </div><!-- /.section__content-inner -->
237
+
238
+ {% include nav_page.html %}
239
+
240
+
241
+ </div><!-- /.col-md-9 -->
242
+ </div><!-- /.row -->
243
+ </div><!-- /.section__body -->
244
+ </section><!-- /.section-main -->
245
+ <div class="callout text-center bg-danger">
246
+ <div class="container">
247
+ <p class="m-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
248
+ </div><!-- /.container -->
249
+ </div><!-- /.callout -->
250
+ {% include footer.html %}
251
+ </body>
252
+ </html>
data/_sass/_accordion.scss ADDED
@@ -0,0 +1,77 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Accordion
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .accordion {
6
+ border: 0;
7
+
8
+ a:hover {
9
+ background: #f9f9fa;
10
+ }
11
+
12
+ .accordion-button {
13
+ padding: 0;
14
+ border: 0;
15
+ box-shadow: none;
16
+ font-family: $font-family-jost;
17
+ font-weight: normal;
18
+ font-size: 17px;
19
+ padding-left: 27px;
20
+ color: #000;
21
+ background: transparent;
22
+ appearance: none;
23
+ transition: none;
24
+
25
+ &:after {
26
+ width: 0;
27
+ height: 0;
28
+ border-left: 4px solid #000;
29
+ border-top: 4px solid transparent;
30
+ border-bottom: 4px solid transparent;
31
+ right: auto;
32
+ left: 0;
33
+ position: absolute;
34
+ top: 50%;
35
+ transform: translateY(-50%);
36
+ transition: transform .3s, margin-top .3s;
37
+ }
38
+ }
39
+
40
+ .accordion-header {
41
+ transition: none;
42
+ }
43
+
44
+ .accordion-body {
45
+ padding: 4px 24px;
46
+ }
47
+
48
+ .accordion-body a {
49
+ padding: 1px 0 0 24px;
50
+ display: block;
51
+ transition: background-color .3s;
52
+ }
53
+
54
+ .accordion-body ul {
55
+ margin-bottom: 0;
56
+ list-style: none;
57
+ margin-top: 14px;
58
+ padding-left: 19px;
59
+ }
60
+
61
+ .accordion-button:not(.collapsed) {
62
+ background: transparent;
63
+
64
+ &:after {
65
+ transform: rotate(90deg) translateY(-50%);
66
+ margin-top: -5px;
67
+ }
68
+ }
69
+
70
+ .accordion-item {
71
+ border: 0;
72
+
73
+ & + .accordion-item {
74
+ margin-top: 20px;
75
+ }
76
+ }
77
+ }
data/_sass/_article.scss ADDED
@@ -0,0 +1,96 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Article
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .article {
6
+ h1 {
7
+ margin-bottom: 20px;
8
+ }
9
+
10
+ h2 {
11
+ margin: 31px 0;
12
+ }
13
+
14
+ figure {
15
+ margin: 55px 0 65px;
16
+ width: 100%;
17
+ max-width: 59.2rem;
18
+ }
19
+
20
+ figure img {
21
+ width: 100%;
22
+ height: 100%;
23
+ object-fit: contain;
24
+ object-position: left center;
25
+ }
26
+
27
+ p {
28
+ line-height: 1.76;
29
+ margin-bottom: 30px;
30
+ }
31
+
32
+ .article__meta {
33
+ margin-bottom: 30px;
34
+ }
35
+
36
+ .article__meta ul {
37
+ padding: 0;
38
+ display: flex;
39
+ align-items: center;
40
+ list-style: none;
41
+ color: $danger;
42
+ }
43
+
44
+ .article__meta li + li {
45
+ position: relative;
46
+ margin-left: 8px;
47
+ padding-left: 7px;
48
+
49
+ &:before {
50
+ content: '';
51
+ display: inline-block;
52
+ width: 3px;
53
+ height: 3px;
54
+ border-radius: 50%;
55
+ background: $danger;
56
+ position: absolute;
57
+ top: 11px;
58
+ left: 0;
59
+ }
60
+ }
61
+
62
+ .article__tiles {
63
+ max-width: 710px;
64
+ margin-bottom: 45px;
65
+ }
66
+
67
+ .article__video {
68
+ max-width: 780px;
69
+
70
+ iframe {
71
+ width: 100%;
72
+ }
73
+ }
74
+
75
+ .article__table {
76
+ margin-bottom: 58px;
77
+ max-width: 1024px;
78
+ }
79
+
80
+ .article__entry {
81
+ max-width: 910px;
82
+ }
83
+
84
+ .article__entry p span {
85
+ padding: 0 2px;
86
+ background: #f5f6fa;
87
+ border: 1px solid #dddddd;
88
+ border-radius: 3px;
89
+ display: inline-block;
90
+ }
91
+
92
+ .article__btn {
93
+ margin-bottom: 57px;
94
+ margin-top: 10px;
95
+ }
96
+ }
data/_sass/_base.scss ADDED
@@ -0,0 +1,48 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Base
3
+ \* ------------------------------------------------------------ */
4
+
5
+ body {
6
+ font-family: $font-family-jost;
7
+ font-size: 17px;
8
+ color: #000000;
9
+ }
10
+
11
+ a {
12
+ text-decoration: none;
13
+ color: inherit;
14
+ }
15
+
16
+ h1,
17
+ h2,
18
+ h3,
19
+ h4,
20
+ h5,
21
+ h6 {
22
+ font-family: $font-family-zilla-slab;
23
+ font-weight: normal;
24
+ }
25
+
26
+ h1 {
27
+ font-size: 40px;
28
+ }
29
+
30
+ h2 {
31
+ font-size: 30px;
32
+ }
33
+
34
+ h3 {
35
+ font-size: 28px;
36
+ }
37
+
38
+ h4 {
39
+ font-size: 20px;
40
+ }
41
+
42
+ h5 {
43
+ font-size: 18px;
44
+ }
45
+
46
+ h6 {
47
+ font-size: 17px;
48
+ }
data/_sass/_bootstrap-icons.scss ADDED
@@ -0,0 +1,7 @@
1
+ .bi {
2
+ display: inline-block;
3
+ fill: currentColor;
4
+ height: 1em;
5
+ vertical-align: -.1em;
6
+ width: 1em;
7
+ }
data/_sass/_breadcrumb.scss ADDED
@@ -0,0 +1,20 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Breadcrumb
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .breadcrumb {
6
+ margin: 0;
7
+
8
+ .breadcrumb-item:hover {
9
+ color: $danger;
10
+ }
11
+
12
+ .breadcrumb-item+.breadcrumb-item {
13
+ padding-left: 3px;
14
+ }
15
+
16
+ .breadcrumb-item+.breadcrumb-item::before {
17
+ content: '/';
18
+ color: #c1c1c1;
19
+ }
20
+ }
data/_sass/_btn.scss ADDED
@@ -0,0 +1,9 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Button
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .btn {
6
+ padding: 4px 25px;
7
+ font-size: 17px;
8
+ border-radius: 5px;
9
+ }
data/_sass/_callout.scss ADDED
@@ -0,0 +1,13 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Callout
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .callout {
6
+ background: #b11c89;
7
+ font-size: 25px;
8
+ text-align: center;
9
+ padding: 27px 0;
10
+ color: $white;
11
+ position: relative;
12
+ z-index: 2;
13
+ }
data/_sass/_fonts.scss ADDED
@@ -0,0 +1,63 @@
1
+ @font-face {
2
+ font-family: 'Ubuntu';
3
+ src: url('fonts/Ubuntu-Regular.woff2') format('woff2'),
4
+ url('fonts/Ubuntu-Regular.woff') format('woff');
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ font-display: swap;
8
+ }
9
+
10
+ @font-face {
11
+ font-family: 'IBM Plex Mono';
12
+ src: url('fonts/IBMPlexMono-Light.woff2') format('woff2'),
13
+ url('fonts/IBMPlexMono-Light.woff') format('woff');
14
+ font-weight: 300;
15
+ font-style: normal;
16
+ font-display: swap;
17
+ }
18
+
19
+ @font-face {
20
+ font-family: 'Zilla Slab';
21
+ src: url('fonts/ZillaSlab-Regular.woff2') format('woff2'),
22
+ url('fonts/ZillaSlab-Regular.woff') format('woff');
23
+ font-weight: normal;
24
+ font-style: normal;
25
+ font-display: swap;
26
+ }
27
+
28
+ @font-face {
29
+ font-family: 'Jost';
30
+ src: url('fonts/Jost-SemiBold.woff2') format('woff2'),
31
+ url('fonts/Jost-SemiBold.woff') format('woff');
32
+ font-weight: 600;
33
+ font-style: normal;
34
+ font-display: swap;
35
+ }
36
+
37
+ @font-face {
38
+ font-family: 'Jost';
39
+ src: url('fonts/Jost-Italic.woff2') format('woff2'),
40
+ url('fonts/Jost-Italic.woff') format('woff');
41
+ font-weight: normal;
42
+ font-style: italic;
43
+ font-display: swap;
44
+ }
45
+
46
+ @font-face {
47
+ font-family: 'Jost';
48
+ src: url('fonts/Jost-Regular.woff2') format('woff2'),
49
+ url('fonts/Jost-Regular.woff') format('woff');
50
+ font-weight: normal;
51
+ font-style: normal;
52
+ font-display: swap;
53
+ }
54
+
55
+ @font-face {
56
+ font-family: 'Jost';
57
+ src: url('fonts/Jost-Bold.woff2') format('woff2'),
58
+ url('fonts/Jost-Bold.woff') format('woff');
59
+ font-weight: bold;
60
+ font-style: normal;
61
+ font-display: swap;
62
+ }
63
+
data/_sass/_footer.scss ADDED
@@ -0,0 +1,38 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Footer
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .footer {
6
+ position: relative;
7
+ z-index: 2;
8
+ color: $white;
9
+
10
+ .footer__content {
11
+ padding: 50px 0 34px;
12
+ border-bottom: 1px solid #acacac;
13
+ }
14
+
15
+ .footer__bar {
16
+ padding: 20px 50px;
17
+ font-size: 16px;
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: space-between;
21
+ }
22
+
23
+ .footer__bar ul {
24
+ list-style-type: none;
25
+ display: flex;
26
+ align-items: center;
27
+ padding: 0;
28
+ margin: 0;
29
+ }
30
+
31
+ .footer__bar ul li + li {
32
+ margin-left: 18px;
33
+ }
34
+
35
+ .footer__bar ul a:hover {
36
+ color: $danger;
37
+ }
38
+ }
data/_sass/_helpers.scss ADDED
@@ -0,0 +1,2 @@
1
+ .bg-danger { background: $danger; }
2
+ .bg-dark { background: #222222; }
data/_sass/_icons.scss ADDED
@@ -0,0 +1,27 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Icons
3
+ \* ------------------------------------------------------------ */
4
+
5
+ [class*='ico-'] {
6
+ display: inline-block;
7
+
8
+ img {
9
+ vertical-align: top;
10
+ }
11
+ }
12
+
13
+
14
+ .ico-home {
15
+ width: 20px;
16
+ height: 18px;
17
+ }
18
+
19
+ .ico-pen {
20
+ width: 17px;
21
+ height: 17px;
22
+ }
23
+
24
+ .ico-tag {
25
+ width: 16px;
26
+ height: 16px;
27
+ }
data/_sass/_link-main.scss ADDED
@@ -0,0 +1,22 @@
1
+ /* ------------------------------------------------------------ *\
2
+ Link main
3
+ \* ------------------------------------------------------------ */
4
+
5
+ .link-main {
6
+ display: flex;
7
+ align-items: center;
8
+
9
+ &:hover {
10
+ color: $danger;
11
+ }
12
+
13
+ i {
14
+ display: inline-block;
15
+ margin-bottom: 1px;
16
+ }
17
+
18
+ span {
19
+ display: inline-block;
20
+ margin-left: 5px;
21
+ }
22
+ }