Self-hosted blog (demo)

404.html

@@ -9,7 +9,7 @@
 <div class="container has-text-centered mt-6 is-max-tablet is-relative">
 	<h1 class="mt-0 is-size-2 has-text-text-on-scheme">{{ page.title }}</h1>
 	<div class="p404">
-		<h2 class="p404__title mb-0" data-text="0">4<span class="p404__title-zero">{%- include_relative assets/logos/techlore-logo-edit-by-figma.svg -%}0</span>4</h2>
+		<h2 class="p404__title mb-0" data-text="0">4<span class="p404__title-zero">{%- include svg/logo.svg -%}0</span>4</h2>
 	</div>
 
 	{% include c_feature-box.html

_config.yml

@@ -126,14 +126,18 @@ sass:
   style: compressed
   sourcemap: development
 
+# -----------------------------------------
+# Blog settings
+#
+permalink: /blog/:title/
+
 # -----------------------------------------
 # Collection settings
 #
 collections:
   guides:
     output: true
     permalink: /guides/:name
-collections_dir: videos
 
 # -----------------------------------------
 # Archive settings

_data/_en/navigation.yml

@@ -8,23 +8,23 @@ mainNav:
   videos:
     title: "Videos"
     url: /videos
+  resources:
+    title: "Resources"
+    url: /resources
+  blog:
+    title: "Blog"
+    url: /blog
+  forum:
+    title: "Forum"
+    url: https://discuss.techlore.tech/
+    external: true
   goincognito:
-    title: "Go incognito"
+    title: "Go Incognito"
     url: /goincognito
   coaching:
     title: "Coaching"
     url: /coaching
-  forum:
-    title: "Forum"
-    url: https://discuss.techlore.tech/
-    external: true
-  blog:
-    title: "Blog"
-    url: https://blog.techlore.tech/
-    external: true
-  resources:
-    title: "Resources"
-    url: /resources
+
   support:
     title: "Support Us"
     url: /support

_includes/e_render-svg-icon.html

@@ -1,14 +1,14 @@
 {% comment %}
 	SVG ICON -----------------------------------------
-	Default data source: 	assets/icons/{*}.svg
+	Data source: 	/_includes/icons/{*}.svg
 	Parameters:
 		- icon:				name of the SVG file in the {data source}
-		- path:				custom path (eg. "assets/knowledgebase/icons/")
 		- class:			custom class(es); when placed inside a button use class "icon"
-		- inline (boolean):	when "true" insert the code of the SVG
-		- dimension: 		size of the icon (aspect ratio 1:1)
+		- dimension:	size of the icon (aspect ratio 1:1)
 							default size: 100 (100%)
 							variant sizes: 25, 50, 75, 150, 200
+		- path:				(deprecated)
+		- inline:			(deprecated)
 {% endcomment %}
 
 {% assign icon = include.icon %}
@@ -21,20 +21,8 @@
 	{% assign dimension = 100 %}
 {% endunless %}
 
-{% assign path = include.path %}
-{% unless include.path %}
-	{% assign path = "/assets/icons/" %}
-{% endunless %}
-
-{% assign url = path | append: icon | append: ".svg" %}
-
-{% if include.inline %}
-	<span class="svg-icon svg-icon--inline {{ dimension | prepend: "is-size-" }} {{ include.class }}">
-		{% include_relative {{ url }} %}
-	</span>
-{% else %}
-	<span class="svg-icon {{ dimension | prepend: "is-size-" }} {{ include.class }}">
-		<img src="{{ path | relative_url | append: icon | append: ".svg" }}" alt="" loading="lazy">
-	</span>
+{% assign url = "icons/" | append: icon | append: ".svg" %}
 
-{% endif %}
+<span class="svg-icon svg-icon--inline {{ dimension | prepend: "is-size-" }} {{ include.class }}">
+	{% include {{ url }} %}
+</span>

_includes/nav.html

@@ -10,7 +10,7 @@
 	<div class="navbar-brand">
 		<a class="navbar-item navbar-item--logo" href="{% link index.html %}" title="Back to home">
 			{% comment %}Edited logo required for the animation ;){% endcomment %}
-			{%- include_relative assets/logos/techlore-logo-edit-by-figma.svg -%}
+			{%- include svg/logo.svg -%}
 		</a>
 	</div>
 

_includes/wave.html

@@ -1,4 +1,4 @@
 <div class="wave{% if include.isFooter %} wave--footer{% endif %}">
-	{% include_relative assets/images/wave.svg %}
-	{% include_relative assets/images/wave.svg %}
-</div>
+	{% include svg/wave.svg %}
+	{% include svg/wave.svg %}
+</div>

_layouts/post.html

@@ -11,7 +11,7 @@
 <br>
 {% endif %}
 {% if page.date %}
-<em>{% if page.author %}By: {{ page.author }} — {% endif %}{{ page.date }}</em>
+<em>{% if page.author %}By: {{ page.author }} — {% endif %}{{ page.date | date: "%B %-d, %Y" }}</em>
 {% endif %}
 {% endcapture %}