inkstream 0.1.0 → 0.1.2

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 (219) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -0
  3. data/README.md +95 -0
  4. data/_config.yml +131 -0
  5. data/_includes/button.html +4 -0
  6. data/_includes/icon.html +1 -0
  7. data/_includes/nav-default.html +23 -0
  8. data/_includes/nav-header.html +25 -0
  9. data/_includes/post-list.html +59 -0
  10. data/_includes/post-meta.html +0 -0
  11. data/_includes/post-pagination.html +29 -0
  12. data/_includes/promo-section.html +12 -0
  13. data/_includes/site-before-end.html +1 -0
  14. data/_includes/site-before-start.html +1 -0
  15. data/_includes/site-favicons.html +12 -0
  16. data/_includes/site-fonts.html +13 -0
  17. data/_includes/site-footer-default.html +17 -0
  18. data/_includes/site-footer.html +23 -0
  19. data/_includes/site-header.html +66 -0
  20. data/_includes/site-styles.html +6 -0
  21. data/_layouts/blog.html +24 -0
  22. data/_layouts/default.html +62 -0
  23. data/_layouts/page.html +35 -0
  24. data/_layouts/post.html +201 -0
  25. data/assets/css/styles.css +11167 -0
  26. data/assets/favicon/android-chrome-192x192.png +0 -0
  27. data/assets/favicon/android-chrome-512x512.png +0 -0
  28. data/assets/favicon/apple-touch-icon.png +0 -0
  29. data/assets/favicon/browserconfig.xml +9 -0
  30. data/assets/favicon/favicon-16x16.png +0 -0
  31. data/assets/favicon/favicon-32x32.png +0 -0
  32. data/assets/favicon/favicon.ico +0 -0
  33. data/assets/favicon/favicon.svg +1 -0
  34. data/assets/favicon/mstile-150x150.png +0 -0
  35. data/assets/favicon/safari-pinned-tab.svg +88 -0
  36. data/assets/favicon/site.webmanifest +19 -0
  37. data/assets/images/about-me.jpg +0 -0
  38. data/assets/images/posts/default-post-img.jpg +0 -0
  39. data/assets/images/posts/text-syntax.jpg +0 -0
  40. data/assets/images/posts/welcome.jpg +0 -0
  41. data/assets/images/profile.png +0 -0
  42. data/assets/images/promo-banner.jpg +0 -0
  43. data/assets/js/blog.js +9 -0
  44. data/assets/js/demo/style-switcher.js +45 -0
  45. data/assets/logo/logo.jpg +0 -0
  46. data/assets/logo/logo.svg +1 -0
  47. data/assets/plugins/bootstrap/js/bootstrap.min.js +7 -0
  48. data/assets/plugins/jquery-3.3.1.min.js +2 -0
  49. data/assets/plugins/popper.min.js +5 -0
  50. data/assets/resume/resume.pdf +0 -0
  51. data/assets/scss/bootstrap/js/dist/alert.js +199 -0
  52. data/assets/scss/bootstrap/js/dist/alert.js.map +1 -0
  53. data/assets/scss/bootstrap/js/dist/button.js +187 -0
  54. data/assets/scss/bootstrap/js/dist/button.js.map +1 -0
  55. data/assets/scss/bootstrap/js/dist/carousel.js +668 -0
  56. data/assets/scss/bootstrap/js/dist/carousel.js.map +1 -0
  57. data/assets/scss/bootstrap/js/dist/collapse.js +428 -0
  58. data/assets/scss/bootstrap/js/dist/collapse.js.map +1 -0
  59. data/assets/scss/bootstrap/js/dist/dropdown.js +595 -0
  60. data/assets/scss/bootstrap/js/dist/dropdown.js.map +1 -0
  61. data/assets/scss/bootstrap/js/dist/index.js +23 -0
  62. data/assets/scss/bootstrap/js/dist/index.js.map +1 -0
  63. data/assets/scss/bootstrap/js/dist/modal.js +650 -0
  64. data/assets/scss/bootstrap/js/dist/modal.js.map +1 -0
  65. data/assets/scss/bootstrap/js/dist/popover.js +261 -0
  66. data/assets/scss/bootstrap/js/dist/popover.js.map +1 -0
  67. data/assets/scss/bootstrap/js/dist/scrollspy.js +375 -0
  68. data/assets/scss/bootstrap/js/dist/scrollspy.js.map +1 -0
  69. data/assets/scss/bootstrap/js/dist/tab.js +269 -0
  70. data/assets/scss/bootstrap/js/dist/tab.js.map +1 -0
  71. data/assets/scss/bootstrap/js/dist/toast.js +283 -0
  72. data/assets/scss/bootstrap/js/dist/toast.js.map +1 -0
  73. data/assets/scss/bootstrap/js/dist/tooltip.js +760 -0
  74. data/assets/scss/bootstrap/js/dist/tooltip.js.map +1 -0
  75. data/assets/scss/bootstrap/js/dist/util.js +172 -0
  76. data/assets/scss/bootstrap/js/dist/util.js.map +1 -0
  77. data/assets/scss/bootstrap/js/src/alert.js +179 -0
  78. data/assets/scss/bootstrap/js/src/button.js +171 -0
  79. data/assets/scss/bootstrap/js/src/carousel.js +606 -0
  80. data/assets/scss/bootstrap/js/src/collapse.js +402 -0
  81. data/assets/scss/bootstrap/js/src/dropdown.js +545 -0
  82. data/assets/scss/bootstrap/js/src/index.js +52 -0
  83. data/assets/scss/bootstrap/js/src/modal.js +594 -0
  84. data/assets/scss/bootstrap/js/src/popover.js +184 -0
  85. data/assets/scss/bootstrap/js/src/scrollspy.js +326 -0
  86. data/assets/scss/bootstrap/js/src/tab.js +260 -0
  87. data/assets/scss/bootstrap/js/src/toast.js +227 -0
  88. data/assets/scss/bootstrap/js/src/tooltip.js +752 -0
  89. data/assets/scss/bootstrap/js/src/util.js +177 -0
  90. data/assets/scss/bootstrap/js/tests/README.md +69 -0
  91. data/assets/scss/bootstrap/js/tests/browsers.js +82 -0
  92. data/assets/scss/bootstrap/js/tests/index.html +133 -0
  93. data/assets/scss/bootstrap/js/tests/integration/bundle.js +8 -0
  94. data/assets/scss/bootstrap/js/tests/integration/index.html +66 -0
  95. data/assets/scss/bootstrap/js/tests/integration/rollup.bundle.js +20 -0
  96. data/assets/scss/bootstrap/js/tests/karma.conf.js +143 -0
  97. data/assets/scss/bootstrap/js/tests/unit/.eslintrc.json +40 -0
  98. data/assets/scss/bootstrap/js/tests/unit/alert.js +123 -0
  99. data/assets/scss/bootstrap/js/tests/unit/button.js +222 -0
  100. data/assets/scss/bootstrap/js/tests/unit/carousel.js +1333 -0
  101. data/assets/scss/bootstrap/js/tests/unit/collapse.js +892 -0
  102. data/assets/scss/bootstrap/js/tests/unit/dropdown.js +1419 -0
  103. data/assets/scss/bootstrap/js/tests/unit/modal.js +815 -0
  104. data/assets/scss/bootstrap/js/tests/unit/popover.js +471 -0
  105. data/assets/scss/bootstrap/js/tests/unit/scrollspy.js +728 -0
  106. data/assets/scss/bootstrap/js/tests/unit/tab.js +518 -0
  107. data/assets/scss/bootstrap/js/tests/unit/toast.js +259 -0
  108. data/assets/scss/bootstrap/js/tests/unit/tooltip.js +1109 -0
  109. data/assets/scss/bootstrap/js/tests/unit/util.js +163 -0
  110. data/assets/scss/bootstrap/js/tests/visual/alert.html +58 -0
  111. data/assets/scss/bootstrap/js/tests/visual/button.html +51 -0
  112. data/assets/scss/bootstrap/js/tests/visual/carousel.html +66 -0
  113. data/assets/scss/bootstrap/js/tests/visual/collapse.html +78 -0
  114. data/assets/scss/bootstrap/js/tests/visual/dropdown.html +212 -0
  115. data/assets/scss/bootstrap/js/tests/visual/modal.html +268 -0
  116. data/assets/scss/bootstrap/js/tests/visual/popover.html +46 -0
  117. data/assets/scss/bootstrap/js/tests/visual/scrollspy.html +95 -0
  118. data/assets/scss/bootstrap/js/tests/visual/tab.html +234 -0
  119. data/assets/scss/bootstrap/js/tests/visual/toast.html +72 -0
  120. data/assets/scss/bootstrap/js/tests/visual/tooltip.html +106 -0
  121. data/assets/scss/bootstrap/scss/_alert.scss +51 -0
  122. data/assets/scss/bootstrap/scss/_badge.scss +54 -0
  123. data/assets/scss/bootstrap/scss/_breadcrumb.scss +41 -0
  124. data/assets/scss/bootstrap/scss/_button-group.scss +163 -0
  125. data/assets/scss/bootstrap/scss/_buttons.scss +137 -0
  126. data/assets/scss/bootstrap/scss/_card.scss +289 -0
  127. data/assets/scss/bootstrap/scss/_carousel.scss +197 -0
  128. data/assets/scss/bootstrap/scss/_close.scss +41 -0
  129. data/assets/scss/bootstrap/scss/_code.scss +48 -0
  130. data/assets/scss/bootstrap/scss/_custom-forms.scss +507 -0
  131. data/assets/scss/bootstrap/scss/_dropdown.scss +191 -0
  132. data/assets/scss/bootstrap/scss/_forms.scss +330 -0
  133. data/assets/scss/bootstrap/scss/_functions.scss +86 -0
  134. data/assets/scss/bootstrap/scss/_grid.scss +52 -0
  135. data/assets/scss/bootstrap/scss/_images.scss +42 -0
  136. data/assets/scss/bootstrap/scss/_input-group.scss +193 -0
  137. data/assets/scss/bootstrap/scss/_jumbotron.scss +17 -0
  138. data/assets/scss/bootstrap/scss/_list-group.scss +149 -0
  139. data/assets/scss/bootstrap/scss/_media.scss +8 -0
  140. data/assets/scss/bootstrap/scss/_mixins.scss +47 -0
  141. data/assets/scss/bootstrap/scss/_modal.scss +229 -0
  142. data/assets/scss/bootstrap/scss/_nav.scss +120 -0
  143. data/assets/scss/bootstrap/scss/_navbar.scss +294 -0
  144. data/assets/scss/bootstrap/scss/_pagination.scss +73 -0
  145. data/assets/scss/bootstrap/scss/_popover.scss +171 -0
  146. data/assets/scss/bootstrap/scss/_print.scss +141 -0
  147. data/assets/scss/bootstrap/scss/_progress.scss +43 -0
  148. data/assets/scss/bootstrap/scss/_reboot.scss +483 -0
  149. data/assets/scss/bootstrap/scss/_root.scss +19 -0
  150. data/assets/scss/bootstrap/scss/_spinners.scss +55 -0
  151. data/assets/scss/bootstrap/scss/_tables.scss +185 -0
  152. data/assets/scss/bootstrap/scss/_toasts.scss +44 -0
  153. data/assets/scss/bootstrap/scss/_tooltip.scss +115 -0
  154. data/assets/scss/bootstrap/scss/_transitions.scss +20 -0
  155. data/assets/scss/bootstrap/scss/_type.scss +125 -0
  156. data/assets/scss/bootstrap/scss/_utilities.scss +17 -0
  157. data/assets/scss/bootstrap/scss/_variables.scss +1123 -0
  158. data/assets/scss/bootstrap/scss/bootstrap-grid.scss +29 -0
  159. data/assets/scss/bootstrap/scss/bootstrap-reboot.scss +12 -0
  160. data/assets/scss/bootstrap/scss/bootstrap.scss +44 -0
  161. data/assets/scss/bootstrap/scss/mixins/_alert.scss +13 -0
  162. data/assets/scss/bootstrap/scss/mixins/_background-variant.scss +21 -0
  163. data/assets/scss/bootstrap/scss/mixins/_badge.scss +17 -0
  164. data/assets/scss/bootstrap/scss/mixins/_border-radius.scss +63 -0
  165. data/assets/scss/bootstrap/scss/mixins/_box-shadow.scss +20 -0
  166. data/assets/scss/bootstrap/scss/mixins/_breakpoints.scss +123 -0
  167. data/assets/scss/bootstrap/scss/mixins/_buttons.scss +107 -0
  168. data/assets/scss/bootstrap/scss/mixins/_caret.scss +62 -0
  169. data/assets/scss/bootstrap/scss/mixins/_clearfix.scss +7 -0
  170. data/assets/scss/bootstrap/scss/mixins/_deprecate.scss +10 -0
  171. data/assets/scss/bootstrap/scss/mixins/_float.scss +14 -0
  172. data/assets/scss/bootstrap/scss/mixins/_forms.scss +192 -0
  173. data/assets/scss/bootstrap/scss/mixins/_gradients.scss +45 -0
  174. data/assets/scss/bootstrap/scss/mixins/_grid-framework.scss +66 -0
  175. data/assets/scss/bootstrap/scss/mixins/_grid.scss +51 -0
  176. data/assets/scss/bootstrap/scss/mixins/_hover.scss +37 -0
  177. data/assets/scss/bootstrap/scss/mixins/_image.scss +36 -0
  178. data/assets/scss/bootstrap/scss/mixins/_list-group.scss +21 -0
  179. data/assets/scss/bootstrap/scss/mixins/_lists.scss +7 -0
  180. data/assets/scss/bootstrap/scss/mixins/_nav-divider.scss +10 -0
  181. data/assets/scss/bootstrap/scss/mixins/_pagination.scss +22 -0
  182. data/assets/scss/bootstrap/scss/mixins/_reset-text.scss +17 -0
  183. data/assets/scss/bootstrap/scss/mixins/_resize.scss +6 -0
  184. data/assets/scss/bootstrap/scss/mixins/_screen-reader.scss +33 -0
  185. data/assets/scss/bootstrap/scss/mixins/_size.scss +7 -0
  186. data/assets/scss/bootstrap/scss/mixins/_table-row.scss +39 -0
  187. data/assets/scss/bootstrap/scss/mixins/_text-emphasis.scss +16 -0
  188. data/assets/scss/bootstrap/scss/mixins/_text-hide.scss +11 -0
  189. data/assets/scss/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  190. data/assets/scss/bootstrap/scss/mixins/_transition.scss +16 -0
  191. data/assets/scss/bootstrap/scss/mixins/_visibility.scss +8 -0
  192. data/assets/scss/bootstrap/scss/utilities/_align.scss +8 -0
  193. data/assets/scss/bootstrap/scss/utilities/_background.scss +19 -0
  194. data/assets/scss/bootstrap/scss/utilities/_borders.scss +75 -0
  195. data/assets/scss/bootstrap/scss/utilities/_clearfix.scss +3 -0
  196. data/assets/scss/bootstrap/scss/utilities/_display.scss +26 -0
  197. data/assets/scss/bootstrap/scss/utilities/_embed.scss +39 -0
  198. data/assets/scss/bootstrap/scss/utilities/_flex.scss +51 -0
  199. data/assets/scss/bootstrap/scss/utilities/_float.scss +11 -0
  200. data/assets/scss/bootstrap/scss/utilities/_overflow.scss +5 -0
  201. data/assets/scss/bootstrap/scss/utilities/_position.scss +32 -0
  202. data/assets/scss/bootstrap/scss/utilities/_screenreaders.scss +11 -0
  203. data/assets/scss/bootstrap/scss/utilities/_shadows.scss +6 -0
  204. data/assets/scss/bootstrap/scss/utilities/_sizing.scss +20 -0
  205. data/assets/scss/bootstrap/scss/utilities/_spacing.scss +73 -0
  206. data/assets/scss/bootstrap/scss/utilities/_stretched-link.scss +19 -0
  207. data/assets/scss/bootstrap/scss/utilities/_text.scss +72 -0
  208. data/assets/scss/bootstrap/scss/utilities/_visibility.scss +13 -0
  209. data/assets/scss/bootstrap/scss/vendor/_rfs.scss +212 -0
  210. data/assets/scss/theme/_about.scss +28 -0
  211. data/assets/scss/theme/_base.scss +207 -0
  212. data/assets/scss/theme/_blog.scss +140 -0
  213. data/assets/scss/theme/_demo.scss +153 -0
  214. data/assets/scss/theme/_mixins.scss +34 -0
  215. data/assets/scss/theme/_responsive.scss +88 -0
  216. data/assets/scss/theme/styles.scss +14 -0
  217. data/assets/scss/theme-8.scss +41 -0
  218. data/assets/styles.scss +6 -0
  219. metadata +221 -4
@@ -0,0 +1,62 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ site.lang | default: 'en' }}">
3
+
4
+ <head>
5
+ <!-- Meta -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
9
+ <meta name="description" content="Blog Template">
10
+ <meta name="author" content="Xiaoying Riley at 3rd Wave Media">
11
+ <!-- Favicons -->
12
+ {% if site.favicons or site.avatarurl %}{% include site-favicons.html %}{% endif %}
13
+
14
+
15
+ {% if page.indexing == false %}
16
+ <meta name="robots" content="noindex">
17
+ {% endif %}
18
+
19
+ {% if page.collectionpage %}
20
+ {% seo title=false %}
21
+
22
+ {% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}
23
+ <!-- Title -->
24
+ <title>{{ collectiondata.title }} | {{ site.title }}</title>
25
+ <meta property="og:title" content="{{ collectiondata.title }}">
26
+ <meta name="description" content="{{ collectiondata.description }}">
27
+ <meta property="og:description" content="{{ collectiondata.description }}">
28
+ {% else %}
29
+ {% seo %}
30
+ {% endif %}
31
+
32
+ <!-- FontAwesome JS-->
33
+ <!-- {% include site-fonts.html %} -->
34
+ <script src="https://use.fontawesome.com/releases/v5.7.1/js/all.js"
35
+ integrity="sha384-eVEQC9zshBn0rFj4+TU78eNA19HMNigMviK/PU/FFjLXqa/GKPgX58rvt5Z8PLs7"
36
+ crossorigin="anonymous">
37
+ </script>
38
+
39
+
40
+ {% if site.css_inline == true %}
41
+ {% include site-styles.html %}
42
+ {% else %}
43
+ <!-- Theme CSS -->
44
+ <link id="theme-style" rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
45
+ {% endif %}
46
+
47
+ {% include site-before-start.html %}
48
+ </head>
49
+
50
+ <body>
51
+
52
+ {{ content }}
53
+
54
+ {% include site-before-end.html %}
55
+ <!-- Javascript -->
56
+ <script src="{{ 'assets/plugins/jquery-3.3.1.min.js' | relative_url }}"></script>
57
+ <script src="{{'assets/plugins/popper.min.js' | relative_url }}"></script>
58
+ <script src="{{ 'assets/plugins/bootstrap/js/bootstrap.min.js' | relative_url }}"></script>
59
+
60
+ </body>
61
+
62
+ </html>
@@ -0,0 +1,35 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <!-- Header -->
6
+ {% include site-header.html %}
7
+
8
+ <!-- Main Wrapper Start -->
9
+ <div class="main-wrapper">
10
+ <!-- Page Content -->
11
+ <section class="cta-section theme-bg-light py-5">
12
+ <div class="container text-center">
13
+ <h2 class="heading">Inkstream - Jekyll Blog Theme Made For Developers</h2>
14
+ <div class="intro">Welcome to my blog. Subscribe and get my latest blog post in your inbox.</div>
15
+ <form class="signup-form form-inline justify-content-center pt-3">
16
+ <div class="form-group">
17
+ <label class="sr-only" for="semail">Your email</label>
18
+ <input type="email" id="semail" name="semail1" class="form-control mr-md-1 semail"
19
+ placeholder="Enter email">
20
+ </div>
21
+ <button type="submit" class="btn btn-primary">Subscribe</button>
22
+ </form>
23
+ </div><!--//container-->
24
+ </section>
25
+ <!-- End Page Content -->
26
+ <section class="blog-list px-3 py-5 p-md-5">
27
+ <div class="container">
28
+ {{ content }}
29
+ </div>
30
+ </section>
31
+
32
+ <!-- Footer -->
33
+ {% include site-footer.html %}
34
+ </div>
35
+ <!--Main Wrapper End -->
@@ -0,0 +1,201 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include site-header.html %}
6
+
7
+ <div class="main-wrapper">
8
+
9
+ <article class="blog-post px-3 py-5 p-md-5">
10
+ <div class="container">
11
+ <header class="blog-post-header">
12
+ <h2 class="title mb-2">{{ page.title }}</h2>
13
+ <div class="meta mb-3"><span class="date">Published 3 months ago</span><span class="time">5 min
14
+ read</span><span class="comment"><a href="#">4 comments</a></span></div>
15
+ </header>
16
+
17
+ <div class="blog-post-body">
18
+ <figure class="blog-banner">
19
+ <a href="https://made4dev.com"><img class="img-fluid" src="assets/images/blog/blog-post-banner.jpg"
20
+ alt="image"></a>
21
+ <figcaption class="mt-2 text-center image-caption">Image Credit: <a
22
+ href="https://made4dev.com?ref=devblog" target="_blank">made4dev.com (Premium Programming
23
+ T-shirts)</a></figcaption>
24
+ </figure>
25
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
26
+ massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
27
+ quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
28
+ Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
29
+ imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
30
+ Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
31
+ porttitor eu, consequat vitae, eleifend ac, enim. </p>
32
+
33
+ <h3 class="mt-5 mb-3">Code Block Example</h3>
34
+ <p>You can get more info at <a href="https://highlightjs.org/"
35
+ target="_blank">https://highlightjs.org/</a>. Lorem ipsum dolor sit amet, consectetuer
36
+ adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
37
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
38
+ eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
39
+ nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
40
+ dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
41
+ Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
42
+ enim. </p>
43
+ <pre>
44
+ <code>
45
+ function $initHighlight(block, cls) {
46
+ try {
47
+ if (cls.search(/\bno\-highlight\b/) != -1)
48
+ return process(block, true, 0x0F) +
49
+ ` class="${cls}"`;
50
+ } catch (e) {
51
+ /* handle exception */
52
+ }
53
+ for (var i = 0 / 2; i < classes.length; i++) {
54
+ if (checkCondition(classes[i]) === undefined)
55
+ console.log('undefined');
56
+ }
57
+ }
58
+
59
+ export $initHighlight;
60
+ </code>
61
+ </pre>
62
+ <h3 class="mt-5 mb-3">Typography</h3>
63
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
64
+ massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
65
+ <h5 class="my-3">Bullet Points:</h5>
66
+ <ul class="mb-5">
67
+ <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
68
+ <li class="mb-2">Aenean commodo ligula eget dolor.</li>
69
+ <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
70
+ </ul>
71
+ <ol class="mb-5">
72
+ <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
73
+ <li class="mb-2">Aenean commodo ligula eget dolor.</li>
74
+ <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
75
+ </ol>
76
+ <h5 class="my-3">Quote Example:</h5>
77
+ <blockquote class="blockquote m-lg-5 py-3 pl-4 px-lg-5">
78
+ <p class="mb-2">You might not think that programmers are artists, but programming is an extremely
79
+ creative profession. It's logic-based creativity.</p>
80
+ <footer class="blockquote-footer">John Romero</footer>
81
+ </blockquote>
82
+
83
+ <h5 class="my-3">Table Example:</h5>
84
+ <table class="table table-striped my-5">
85
+ <thead>
86
+ <tr>
87
+ <th scope="col">#</th>
88
+ <th scope="col">First</th>
89
+ <th scope="col">Last</th>
90
+ <th scope="col">Handle</th>
91
+ </tr>
92
+ </thead>
93
+ <tbody>
94
+ <tr>
95
+ <th scope="row">1</th>
96
+ <td>Mark</td>
97
+ <td>Otto</td>
98
+ <td>@mdo</td>
99
+ </tr>
100
+ <tr>
101
+ <th scope="row">2</th>
102
+ <td>Jacob</td>
103
+ <td>Thornton</td>
104
+ <td>@fat</td>
105
+ </tr>
106
+ <tr>
107
+ <th scope="row">3</th>
108
+ <td>Larry</td>
109
+ <td>the Bird</td>
110
+ <td>@twitter</td>
111
+ </tr>
112
+ </tbody>
113
+ </table>
114
+
115
+ <h5 class="mb-3">Embed A Tweet:</h5>
116
+
117
+ <blockquote class="twitter-tweet" data-lang="en">
118
+ <p lang="en" dir="ltr">1969:<br>-what&#39;re you doing with that 2KB of RAM?<br>-sending people to
119
+ the moon<br><br>2017:<br>-what&#39;re you doing with that 1.5GB of RAM?<br>-running Slack</p>
120
+ &mdash; I Am Devloper (@iamdevloper) <a
121
+ href="https://twitter.com/iamdevloper/status/926458505355235328?ref_src=twsrc%5Etfw">November 3,
122
+ 2017</a>
123
+ </blockquote>
124
+ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
125
+
126
+
127
+
128
+ <h3 class="mt-5 mb-3">Video Example</h3>
129
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
130
+ massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
131
+ quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </p>
132
+
133
+ <div class="embed-responsive embed-responsive-16by9">
134
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/hnCmSXCZEpU" frameborder="0"
135
+ allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
136
+ allowfullscreen></iframe>
137
+ </div>
138
+
139
+ </div>
140
+
141
+ <nav class="blog-nav nav nav-justified my-5">
142
+ <a class="nav-link-prev nav-item nav-link rounded-left" href="index.html">Previous<i
143
+ class="arrow-prev fas fa-long-arrow-alt-left"></i></a>
144
+ <a class="nav-link-next nav-item nav-link rounded-right" href="blog-list.html">Next<i
145
+ class="arrow-next fas fa-long-arrow-alt-right"></i></a>
146
+ </nav>
147
+
148
+ <div class="blog-comments-section">
149
+ <div id="disqus_thread"></div>
150
+ <script>
151
+ /**
152
+ * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT
153
+ * THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR
154
+ * PLATFORM OR CMS.
155
+ *
156
+ * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:
157
+ * https://disqus.com/admin/universalcode/#configuration-variables
158
+ */
159
+ /*
160
+ var disqus_config = function () {
161
+ // Replace PAGE_URL with your page's canonical URL variable
162
+ this.page.url = PAGE_URL;
163
+
164
+ // Replace PAGE_IDENTIFIER with your page's unique identifier variable
165
+ this.page.identifier = PAGE_IDENTIFIER;
166
+ };
167
+ */
168
+
169
+ (function () { // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
170
+ var d = document, s = d.createElement('script');
171
+
172
+ // IMPORTANT: Replace 3wmthemes with your forum shortname!
173
+ s.src = 'https://3wmthemes.disqus.com/embed.js';
174
+
175
+ s.setAttribute('data-timestamp', +new Date());
176
+ (d.head || d.body).appendChild(s);
177
+ })();
178
+ </script>
179
+ <noscript>
180
+ Please enable JavaScript to view the
181
+ <a href="https://disqus.com/?ref_noscript" rel="nofollow">
182
+ comments powered by Disqus.
183
+ </a>
184
+ </noscript>
185
+ </div><!--//blog-comments-section-->
186
+
187
+ </div><!--//container-->
188
+ </article>
189
+
190
+ <!-- {% include promo-section.html %} -->
191
+
192
+ {% include site-footer.html %}
193
+
194
+ </div>
195
+ <!-- Main Wrapper-->
196
+
197
+ {{ content }}
198
+
199
+ {% include post-pagination.html %}
200
+
201
+ {% include site-footer.html %}