Update

_config.yml

@@ -63,7 +63,13 @@ defaults:
       path: ""
       type: "posts"
     values:
-      layout: default
+      layout: "default"
+      comments: true
+  - scope:
+      path: "guides"
+      type: "page"
+    values:
+      layout: "default"
       comments: true
 
 # Custom Theme Config
@@ -106,6 +112,7 @@ xaymar:
     provider: "disqus"
     disqus:
       identifier: 'xaymars-blog'
+      url: 'https://www.xaymar.com:pageurl'
 
 ############################################################
 # Site configuration for the Jekyll 3 Pagination Gem

_data/navigation.json

@@ -44,14 +44,14 @@
 		"name": "Guides",
 		"entries": {
 			"recording": {
-				"name": "High Quality Recording",
+				"name": "High Quality Recording (in OBS® Studio)",
-				"url": "",
+				"url": "guides/obs/high-quality-recording/",
-				"blank": true
+				"blank": false
 			},
 			"streaming_nvenc": {
-				"name": "High Quality Streaming (with NVENC)",
+				"name": "High Quality Streaming with NVENC (in OBS® Studio)",
-				"url": "",
+				"url": "guides/obs/high-quality-streaming-nvenc/",
-				"blank": true
+				"blank": false
 			},
 			"lost_knowledge": {
 				"name": "Lost Knowledge & Secrets",

_includes/comments.liquid

@@ -5,15 +5,19 @@
 	</div>
 	<div class="content">
 		{% if site.xaymar.comments.provider == "disqus" %}
+			{% assign disqus_page_url = page.id | default: page.url %}
+			{% assign disqus_site_url = site.url %}
+			{% assign disqus_url = site.xaymar.comments.disqus.url | replace: ":siteurl", disqus_site_url | replace: ":pageurl", disqus_page_url %}
+			{% assign disqus_id = site.xaymar.comments.disqus.identifier %}
 		<div id="disqus_thread"></div>
 		<script>
 			var disqus_config = function () {
-				this.page.url = "{{ page.id | absolute_url }}";
+				this.page.url = "{{ disqus_url }}";
-				this.page.identifier = "{{ page.id }}";
+				this.page.identifier = "{{ disqus_page_url }}";
 			};
 			(function() { // DON'T EDIT BELOW THIS LINE
 			var d = document, s = d.createElement('script');
-			s.src = 'https://{{ site.xaymar.comments.disqus.identifier }}.disqus.com/embed.js';
+			s.src = 'https://{{ disqus_id }}.disqus.com/embed.js';
 			s.setAttribute('data-timestamp', +new Date());
 			(d.head || d.body).appendChild(s);
 			})();

_sass/_base.scss

@@ -34,6 +34,8 @@ $theme-footer-background: hsl($theme-hue, 33%, 10.0%);
 $theme-footer-color: hsl($theme-hue, 0%, 80%);
 $theme-code-background: hsl($theme-hue, 50%, 5%);
 
+@import "_fonts.scss";
+
 * {
 	box-sizing: border-box;
 }

_sass/_fonts.scss

@@ -1,30 +1,116 @@
 @font-face {
+	src: url("assets/fonts/Oswald-VariableFont_wght.ttf") format("ttf");
 	font-family: "Oswald";
-	src:
+	font-style: normal;
-		url('assets/fonts/Oswald-VariableFont_wght.ttf'),
-		url('assets/fonts/Oswald-ExtraLight.ttf'),
-		url('assets/fonts/Oswald-Light.ttf'),
-		url('assets/fonts/Oswald-Regular.ttf'),
-		url('assets/fonts/Oswald-Medium.ttf'),
-		url('assets/fonts/Oswald-SemiBold.ttf'),
-		url('assets/fonts/Oswald-Bold.ttf')
-	;
 }
+@font-face {
+	src: url("assets/fonts/Oswald-ExtraLight.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 200;
+}
+@font-face {
+	src: url("assets/fonts/Oswald-Light.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 300;
+}
+@font-face {
+	src: url("assets/fonts/Oswald-Regular.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 400;
+}
+@font-face {
+	src: url("assets/fonts/Oswald-Medium.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 500;
+}
+@font-face {
+	src: url("assets/fonts/Oswald-SemiBold.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 600;
+}
+@font-face {
+	src: url("assets/fonts/Oswald-Bold.ttf") format("ttf");
+	font-family: "Oswald";
+	font-style: normal;
+	font-weight: 700;
+}
+@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
 
 @font-face {
+	src: url("assets/fonts/Roboto-Thin.ttf") format("ttf");
 	font-family: "Roboto";
-	src:
+	font-style: normal;
-		url('assets/fonts/Roboto-Thin.ttf'),
+	font-weight: 100;
-		url('assets/fonts/Roboto-ThinItalic.ttf'),
-		url('assets/fonts/Roboto-Light.ttf'),
-		url('assets/fonts/Roboto-LightItalic.ttf'),
-		url('assets/fonts/Roboto-Regular.ttf'),
-		url('assets/fonts/Roboto-RegularItalic.ttf'),
-		url('assets/fonts/Roboto-Medium.ttf'),
-		url('assets/fonts/Roboto-MediumItalic.ttf'),
-		url('assets/fonts/Roboto-Bold.ttf'),
-		url('assets/fonts/Roboto-BoldItalic.ttf'),
-		url('assets/fonts/Roboto-Black.ttf'),
-		url('assets/fonts/Roboto-BlackItalic.ttf')
-	;
 }
+@font-face {
+	src: url("assets/fonts/Roboto-ThinItalic.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 100;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-Light.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: normal;
+	font-weight: 300;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-LightOblique.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 300;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-Regular.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: normal;
+	font-weight: 400;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-RegularItalic.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 400;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-Medium.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: normal;
+	font-weight: 500;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-MediumItalic.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 500;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-Bold.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: normal;
+	font-weight: 700;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-BoldItalic.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 700;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-Black.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: normal;
+	font-weight: 900;
+}
+@font-face {
+	src: url("assets/fonts/Roboto-BlackItalic.ttf") format("ttf");
+	font-family: "Roboto";
+	font-style: oblique;
+	font-weight: 900;
+}
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

guides/obs/high-quality-streaming-nvenc.html

@@ -0,0 +1,9 @@
+---
+layout: default
+title: "High Quality Streaming with NVIDIA® NVENC (in OBS® Studio)"
+---
+
+{% capture content %}Streaming with more than one PC has been the leader in H.264 encoding for years, but NVIDIAs Turing and Ampere generation has put a significant dent into that lead. The new generation of GPUs with the brand new encoder brought comparable quality x264 medium – if you can find a GPU that is. Let’s take a look at what’s needed to set up your stream for massively improved quality.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
+
+{% capture content %}<b>The guide has been updated for:</b><br/>
+StreamFX v0.11 and OBS Studio 27.0{% endcapture %}{% include blocks/paragraph.liquid content=content align=center %}