jekyll-theme-opentoolbox 1.0.8 → 2.0.2

data/_layouts/post.html

@@ -1,23 +1,56 @@
 ---
-layout: default
+layout: base
 ---
 
-<div class="content is-rounded p-0">
-  <div class="section">
-      <p>📅 {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
-      <hr/>
-      {{ content }}
-  </div>
-</div>
+<div class="hero is-dark mb-large">
+	<div class="hero-body">
+		<div class="container">
+			<div class="section">
+				<div class="columns is-vcentered">
+					<div class="column">
+						<h1 class="title is-1 mb-small">{{page.title}}</h1>
+						<p>{{ page.author }}</p>
+
+						<p class="mt-small">📅 {{ page.date | date: "%b %-d, %Y" }}</p>
+					</div>
+
+					{% if page.summary %}
+						<div class="column">
+							{{ page.summary | markdownify }}
+						</div>
+					{% endif %}
+				</div>
 
-{% if page.tags %}
-<div class="tags section">
-  {% for tag in page.tags %}
-    {% include tag.html tag=tag %}
-  {% endfor %}
+				{% if page.tags %}
+					<div class="tags my-medium">
+						{% for tag in page.tags %}
+							{% include tag.html tag=tag %}
+						{% endfor %}
+					</div>
+				{% endif %}
+			</div>
+
+			<div class="mb-negative-large">
+				<img src="{{page.image}}" class="thumbnail mx-auto is-rounded"/>
+			</div>
+		</div>
+	</div>
 </div>
-{% endif %}
 
-{% if site.disqus.shortname %}
-  {% include disqus.html %}
-{% endif %}
+<div class="container">
+	<div class="content p-0">
+		<div class="section">
+			{{ content }}
+		</div>
+	</div>
+
+	{% if site.disqus.shortname %}
+		{% include disqus.html %}
+	{% endif %}
+
+	{% if site.posts %}
+		<div>
+			{% include latest-posts.html %}
+		</div>
+	{% endif %}
+</div>

data/_layouts/resource.html

@@ -4,6 +4,6 @@ layout: page
 
 {{content}}
 
-{% include join.html %}
+{% include contribute.html %}
 
 {% include sub-pages.html %}

data/_posts/2021-03-24-hello.md

@@ -8,6 +8,7 @@ summary: |-
     It can be in **Markdown format** if required.
 author: "@sinisimattia"
 image: "https://miro.medium.com/max/1024/1*OohqW5DGh9CQS4hLY5FXzA.png"
+tags: these are the tags
 ---
 
 Figo eh?

data/_sass/_external.scss

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");

data/_sass/_layout.scss

@@ -1,37 +1,49 @@
-div.highlight {
-    margin-bottom: 1rem;
-}
-
-@include desktop {
-    .navbar-item {
-        &.is-hoverable:hover {
-            .navbar-dropdown {
-                display: block;
-            }
-        }
-    }
-}
-
-.contents {
-    box-shadow: $box-shadow;
-    padding: 1.5rem;
-    margin-bottom: 3rem;
-}
-
-.hero-darken {
-    background-color: rgba($hero-darken, 0.5);
-}
-
-.content {
-    figure {
-        margin: 0;
-    }
-}
-
-.callout {
-    &-icon {
-        width: 4rem;
-        height: 4rem;
-        margin-bottom: 0.75rem;
-    }
+div.highlight {
+    margin-bottom: 1rem;
+}
+
+@include desktop {
+    .navbar-item {
+        &.is-hoverable:hover {
+            .navbar-dropdown {
+                display: block;
+            }
+        }
+    }
+}
+
+.contents {
+    box-shadow: $box-shadow;
+    padding: 1.5rem;
+    margin-bottom: 3rem;
+}
+
+.hero-darken {
+    background-color: rgba($hero-darken, 0.5);
+}
+
+.content {
+    figure {
+        margin: 0;
+    }
+}
+
+.callout {
+    &-icon {
+        width: 4rem;
+        height: 4rem;
+        margin-bottom: 0.75rem;
+    }
+}
+
+.divider-container {
+	overflow: hidden;
+	height: 150px;
+
+	svg {
+		path {
+			stroke: none;
+			fill: $primary;
+		}
+	}
 }

data/_sass/_main.scss

@@ -1,22 +1,49 @@
-@charset "utf-8";
-@import url('https://fonts.googleapis.com/css?family=Montserrat');
-
-$family-sans-serif: 'Montserrat', sans-serif;
-$primary: #188eac !default;
-
-$tabs-link-active-color: $primary;
-$tabs-link-active-border-bottom-color: $primary;
-
-$modal-content-width: 800px;
-
-@import "../node_modules/bulma/bulma.sass";
-$hero-darken: $dark !default;
-
-@import "layout";
-@import "syntax";
-@import "showcase";
-@import "../node_modules/bulma-block-list/src/block-list.scss";
-
-.gh-sponsor {
-  color: #ea4aaa;
-}
+@charset "utf-8";
+
+@import "../node_modules/bulma/bulma.sass";
+@import "../node_modules/bulma-block-list/src/block-list.scss";
+
+@import "layout";
+@import "syntax";
+@import "showcase";
+
+.gh-sponsor {
+	color: #ea4aaa;
+}
+
+.user-mention {
+	font-weight: $mention-weight;
+	color: $mention-color;
+}
+
+.pagination-previous,
+.pagination-next {
+	&[disabled] {
+		background-color: $link !important;
+		color: $white !important;
+		border: none !important;
+	}
+}
+
+.is-dark {
+	&.box {
+		background-color: $dark !important;
+		color: $white;
+	}
+}
+
+.thumbnail {
+	width: 100%;
+}
+
+.is-rounded {
+	border-radius: $radius-medium !important;
+}
+
+.highlight {
+	border-radius: $radius !important;
+}
+
+.has-shadow {
+	box-shadow: $shadow-large !important;
+}

data/_sass/_showcase.scss

@@ -1,13 +1,13 @@
-.showcase {
-    margin-bottom: 3rem;
-    box-shadow: $box-shadow;
-
-    &-content {
-        padding: 1.5rem;
-        text-align: center;
-    }
-
-    .block-list {
-        margin-bottom: 1.5rem;
-    }
+.showcase {
+    margin-bottom: 3rem;
+    box-shadow: $box-shadow;
+
+    &-content {
+        padding: 1.5rem;
+        text-align: center;
+    }
+
+    .block-list {
+        margin-bottom: 1.5rem;
+    }
 }

data/_sass/{syntax.scss → _syntax.scss}

@@ -1,209 +1,209 @@
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
-.highlight .cm {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cp {
-  color: #999999;
-  font-weight: bold;
-}
-.highlight .c1 {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-.highlight .c, .highlight .cd {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .err {
-  color: #a61717;
-  background-color: #e3d2d2;
-}
-.highlight .gd {
-  color: #000000;
-  background-color: #ffdddd;
-}
-.highlight .ge {
-  color: #000000;
-  font-style: italic;
-}
-.highlight .gr {
-  color: #aa0000;
-}
-.highlight .gh {
-  color: #999999;
-}
-.highlight .gi {
-  color: #000000;
-  background-color: #ddffdd;
-}
-.highlight .go {
-  color: #888888;
-}
-.highlight .gp {
-  color: #555555;
-}
-.highlight .gs {
-  font-weight: bold;
-}
-.highlight .gu {
-  color: #aaaaaa;
-}
-.highlight .gt {
-  color: #aa0000;
-}
-.highlight .kc {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kd {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kn {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kp {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kr {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kt {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .k, .highlight .kv {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .mf {
-  color: #009999;
-}
-.highlight .mh {
-  color: #009999;
-}
-.highlight .il {
-  color: #009999;
-}
-.highlight .mi {
-  color: #009999;
-}
-.highlight .mo {
-  color: #009999;
-}
-.highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
-}
-.highlight .sb {
-  color: #d14;
-}
-.highlight .sc {
-  color: #d14;
-}
-.highlight .sd {
-  color: #d14;
-}
-.highlight .s2 {
-  color: #d14;
-}
-.highlight .se {
-  color: #d14;
-}
-.highlight .sh {
-  color: #d14;
-}
-.highlight .si {
-  color: #d14;
-}
-.highlight .sx {
-  color: #d14;
-}
-.highlight .sr {
-  color: #009926;
-}
-.highlight .s1 {
-  color: #d14;
-}
-.highlight .ss {
-  color: #990073;
-}
-.highlight .s {
-  color: #d14;
-}
-.highlight .na {
-  color: #008080;
-}
-.highlight .bp {
-  color: #999999;
-}
-.highlight .nb {
-  color: #0086B3;
-}
-.highlight .nc {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .no {
-  color: #008080;
-}
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold;
-}
-.highlight .ni {
-  color: #800080;
-}
-.highlight .ne {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nf {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nl {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nn {
-  color: #555555;
-}
-.highlight .nt {
-  color: #000080;
-}
-.highlight .vc {
-  color: #008080;
-}
-.highlight .vg {
-  color: #008080;
-}
-.highlight .vi {
-  color: #008080;
-}
-.highlight .nv {
-  color: #008080;
-}
-.highlight .ow {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .o {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .w {
-  color: #bbbbbb;
-}
-.highlight {
-  background-color: #f8f8f8;
-}
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .cm {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+}
+.highlight .c1 {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic;
+}
+.highlight .c, .highlight .cd {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd;
+}
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+.highlight .gr {
+  color: #aa0000;
+}
+.highlight .gh {
+  color: #999999;
+}
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #555555;
+}
+.highlight .gs {
+  font-weight: bold;
+}
+.highlight .gu {
+  color: #aaaaaa;
+}
+.highlight .gt {
+  color: #aa0000;
+}
+.highlight .kc {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kd {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kn {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kp {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kr {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kt {
+  color: #445588;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kv {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .mf {
+  color: #009999;
+}
+.highlight .mh {
+  color: #009999;
+}
+.highlight .il {
+  color: #009999;
+}
+.highlight .mi {
+  color: #009999;
+}
+.highlight .mo {
+  color: #009999;
+}
+.highlight .m, .highlight .mb, .highlight .mx {
+  color: #009999;
+}
+.highlight .sb {
+  color: #d14;
+}
+.highlight .sc {
+  color: #d14;
+}
+.highlight .sd {
+  color: #d14;
+}
+.highlight .s2 {
+  color: #d14;
+}
+.highlight .se {
+  color: #d14;
+}
+.highlight .sh {
+  color: #d14;
+}
+.highlight .si {
+  color: #d14;
+}
+.highlight .sx {
+  color: #d14;
+}
+.highlight .sr {
+  color: #009926;
+}
+.highlight .s1 {
+  color: #d14;
+}
+.highlight .ss {
+  color: #990073;
+}
+.highlight .s {
+  color: #d14;
+}
+.highlight .na {
+  color: #008080;
+}
+.highlight .bp {
+  color: #999999;
+}
+.highlight .nb {
+  color: #0086B3;
+}
+.highlight .nc {
+  color: #445588;
+  font-weight: bold;
+}
+.highlight .no {
+  color: #008080;
+}
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold;
+}
+.highlight .ni {
+  color: #800080;
+}
+.highlight .ne {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nf {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nl {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nn {
+  color: #555555;
+}
+.highlight .nt {
+  color: #000080;
+}
+.highlight .vc {
+  color: #008080;
+}
+.highlight .vg {
+  color: #008080;
+}
+.highlight .vi {
+  color: #008080;
+}
+.highlight .nv {
+  color: #008080;
+}
+.highlight .ow {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .o {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .w {
+  color: #bbbbbb;
+}
+.highlight {
+  background-color: #f8f8f8;
+}