Fix content for new site, add list of articles in docs

config.toml

@@ -7,6 +7,9 @@ enableRobotsTXT = true
 ignoreErrors = ["error-output-taxonomy"]
 pygmentsCodeFences=false
 
+[markup.goldmark.renderer]
+  hardWraps = true
+
 [sitemap]
   changefreq = "monthly"
   priority = 0.5

content/blog/pbr_tutorial.md

@@ -15,10 +15,6 @@ tags:
 
 enable_comments: true
 
-videos_youtube: [
-    "miXbF6cBsSw",
-    "6isyfPudDfc"
-]
 
 ---
 
@@ -26,4 +22,14 @@ A continuing YouTube series helping users take leap from using the regular `Ligh
 
 First part of my tutorial series in which I explain how to use jmonkeyengine's Physically Based Rendering pipeline. Intended for people who already understand how to use the regular Lighting.j3md shader, but have no idea how PBR works.
 
+
+
+
+{{< youtube miXbF6cBsSw >}}
+
+-------
+
 Second part of my tutorial series in which I explain how to use jmonkeyengine's Physically Based Rendering pipeline. In this part we answer the question what are the light probes and why do we need them.
+
+
+{{< youtube 6isyfPudDfc >}}

content/docs.md

@@ -7,25 +7,25 @@ layout: "default"
 
 Browse through our various forms of information to help you better understand the engine.
 
-### [Engine Wiki](https://wiki.jmonkeyengine.org)
+### {{<icon "fas fa-book" >}} [Engine Wiki](https://wiki.jmonkeyengine.org)
 
 The wiki provides extended documentation as well as tutorials on how to develop your game effectively using jmonkey practices. Tutorials start from the basics all the way up to collision detection, input mapping and shaders, and will be your go-to place for most of the information you require.
 
-### [JavaDoc](https://javadoc.jmonkeyengine.org)
+### {{<icon "fab fa-java" >}} [JavaDoc](https://javadoc.jmonkeyengine.org)
 
 JavaDocs are source-code documentation that help you understand what specific methods and classes do. These snippets of information describe the parameters and return values and other key information to help you understand the engine better.
 
-### [Community Hub](https://hub.jmonkeyengine.org)
+### {{<icon "fab fa-discourse" >}}  [Community Hub](https://hub.jmonkeyengine.org)
 
 Our community has an excellent standing in supporting developers that need help. We have a thriving collection of knowledgable users that are super-helpful. If you ever find yourself confused or wondering how something is done, head over to our community hub and create a new thread. Our ultra-helpful team and community will be more than happy to give you a hand in getting you back on track.
 
 To get the most helpful answers, it may be useful to understand [how to get the best answers](https://www.mikeash.com/getting_answers.html) to your question. Providing source code, explaining what you have tried, why it didn't work and any other relevant details will speed up the process of giving you a relevant answer.
 
-### [Discord](https://discord.gg/JdjhsRw)
+### {{<icon "fab fa-discord" >}} [Discord](https://discord.gg/JdjhsRw)
 
 Our official discord server is full of friendly members that can provide useful advice through chat. Whilst a chat server is not always the best place for comprehensive answers, it does serve as a great tool for quick solutions and getting to know the members better.
 
-### [Scene Graph for Dummies](https://wiki.jmonkeyengine.org/tutorials/scenegraph/assets/fallback/index.html)
+### {{<icon "fas fa-cube" >}} [Scene Graph for Dummies](https://wiki.jmonkeyengine.org/tutorials/scenegraph/assets/fallback/index.html)
 
 A slideshow explaining how to use the scene graph in jMonkey. This guide explains how to use the scene graph effectively and understand the relationships involved. **Highly recommended** for all new users to the gaming industry.
 
@@ -35,7 +35,7 @@ A slideshow explaining how to use the scene graph in jMonkey. This guide explain
 - How to organize the scene graph visually and logically using nodes.
 - How to hide single Spatials or whole parts of the scene graph.
 
-### [Math For Dummies: JME Vector Math](https://wiki.jmonkeyengine.org/tutorials/math/assets/fallback/index.html)
+### {{<icon "fas fa-square-root-alt" >}} [Math For Dummies: JME Vector Math](https://wiki.jmonkeyengine.org/tutorials/math/assets/fallback/index.html)
 
 A slideshow explaining how to use vectors and quaternions in jMonkey. This guide is extremely useful to new game developers trying to understand locations, directions and rotations. Recommended for all new users to the gaming industry.
 
@@ -47,6 +47,10 @@ A slideshow explaining how to use vectors and quaternions in jMonkey. This guide
 - How to combine rotations.
 - How to use `lookAt` to create rotations.
 
-### [Transparency for Dummies](https://hub.jmonkeyengine.org/t/alpha-transparency-sorting-your-z-buffer-and-you/33709)
+### {{< icon "far fa-images" >}} [Transparency for Dummies](https://hub.jmonkeyengine.org/t/alpha-transparency-sorting-your-z-buffer-and-you/33709)
 
 This document explains some of the issues surrounding transparency, what sorting means and how to solve common problems surrounding transparency.
+
+### {{< icon "fas fa-comments" >}} [Community tutorials](/tags/tutorials)
+This is a list of usually more advances/specific tutorials provided by the community
+{{< articlelist tags="tutorial,tutorials,docs"  >}}

layouts/shortcodes/articlelist.html

@@ -0,0 +1,7 @@
+<section class="list vlist" >
+    {{ $filter := split  (.Get "tags")  "," }}
+    {{ $pages :=  (where  .Site.Pages  "Params.tags"  "intersect" $filter )}}
+    {{ range first 4 $pages  }}
+    {{ partial "articlePreview.html" . }}
+    {{ end }}     
+</section>

layouts/shortcodes/icon.html

@@ -0,0 +1 @@
+<i class=" {{ .Get 0 }}"></i>