Update content, fix some styling issues

config.toml

@@ -9,7 +9,8 @@ pygmentsCodeFences=false
 
 [markup.goldmark.renderer]
   hardWraps = true
-
+  unsafe= true
+  
 [sitemap]
   changefreq = "monthly"
   priority = 0.5

content/blog/pbr_tutorial.md

@@ -1,35 +0,0 @@
----
-title: "PBR Tutorial"
-date: 2019-10-21T08:00:00+00:00
-draft: false
-type: "default"
-layout: "default"
-
-authors:
-    - "grizeldi"
-tags:
-    - "pbr"
-    - "graphics"
-    - "tutorials"
-    - "blog"
-
-enable_comments: true
-
-
----
-
-A continuing YouTube series helping users take leap from using the regular `Lighting.j3md` material to `PbrLighting.j3md`.
-
-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/communitylog/community-update-donations.md

@@ -31,5 +31,5 @@ Last but not least I want to thank @adi.barda for the valuable contribution of 5
 
 That's all for now. A new thread will follow this one when I will have more updates to communicate.
 
+### TL;DR: We are accepting donations at https://opencollective.com/jmonkeyengine
 
-TL;DR: We are accepting donations at https://opencollective.com/jmonkeyengine

content/devlog/new-store.md → content/communitylog/new-store.md

@@ -12,7 +12,8 @@ authors:
 tags:
     - "asset-store"
     - "software"
-    - "devlog"
+    - "website"
+    - "communitylog"
 ---
 
 After years of requests and attempts, a software store (a.k.a an asset store) for jmonkey has finally been created and is now open to registration. Everybody can register and submit their software!

content/communitylog/new-website.md

@@ -0,0 +1,188 @@
+---
+title: "New Website"
+date: 2020-12-13T08:00:00+00:00
+draft: false
+type: "default"
+layout: "default"
+enable_comments: true
+authors:
+    - "riccardobl"
+
+tags:
+    - "communitylog"
+    - "website"
+---
+
+Hello. 
+
+We have a new website. 
+This doesn't come to you as a surprise if you have been following  [this thread](https://hub.jmonkeyengine.org/t/wip-new-website/43960/) where for ~1 week a preview of the website has been exposed to the feedback of the community. 
+
+This is the result after integrating all the feedbacks, however there is always room for improvement and feedbacks are always appreciated, so if you didn't have a chance to voice your opinion before, feel free to do it as a reply to this post.
+
+<a title="Open original" href="/uploads/Screenshot_2020-12-13-jMonkeyEngine.jpg">
+<img style="display:inline-block" width="60%" src="/uploads/Screenshot_2020-12-13-jMonkeyEngine-partial.webp" />
+</a>
+
+<a title="Open original" href="/uploads/Screenshot_2020-12-13-jMonkeyEngine-portrait.png">
+<img style="display:inline-block" width="30%" src="/uploads/Screenshot_2020-12-13-jMonkeyEngine-portrait-partial.webp" />
+</a>
+
+
+## Features Overview
+
+
+
+### Backers an contributors
+
+The website header shows one random github contributor and one random backer.
+
+![Contributors an backers](/uploads/Screenshot_2020-12-13-jMonkeyEngine-contributors.webp)
+
+*Note: the list of backers and contributors is not updated in realtime, due to local (browser level) caching it might take up to 2 days for the update to be propagated to everyone*
+
+### Backer message
+
+Under the top banner a random backer message is shown
+
+![Backer Message](/uploads/Screenshot_2020-12-13-jMonkeyEngine-backermessage.webp)
+
+Those messages are obtained from [opencollective/jmonkeyengine](https://opencollective.com/jmonkeyengine#section-contributors), and can be left by anyone who donated to the project using the opencollective interface.
+
+If you already donated  but you didn't leave a message, don't worry, you can go to our opencollective page and leave one anytime you want, or change the message you've already left. 
+
+You can for example promote your project that uses jmonkeyengine, leave a message to the community, say what you like about the project and why you donated, or anything else you wish to share, there is no strict rule on what can be written there, just please avoid being political and use common sense.
+
+*Note: the messages are not updated in realtime, due to local (browser level) caching it might take up to 2 days for the update to be propagated to everyone*
+
+### Top banner
+The top banner will now show one different random image from the showcased projects in every page.
+Those images are randomized everytime the site is rebuild, with one exception: the banner in author's pages will show only showcased content from the author itself if it exists.
+
+### Author handles and pages
+Github handles are used as author names, the author page will automatically obtain public informations (such as bio, links, avatar etc) from the github account. The author pages will also list all the articles from the author.
+
+*Note: author infos are not updated in realtime, due to local (browser level) caching it might take up to 2 days for the update to be propagated to everyone*
+
+### Tags
+Everything is subdivided using tags. Special tags will make the articles appear under certain areas:
+- **devlog** : will place the article under the *development updates*, an area that contains the news regarding the development of the engine
+- **communitylog** : will place the article under the *community updates* an area that contains all the updates regarding our community
+- **tutorials** : will place the article at the bottom of the [Docs](/docs) pages
+-  **showcase** : will place the article among the showcased content
+-  **blog** : will place the article under the generic blog section
+
+More tags can be used together, and custom tags can be used to create lists of correlated posts (eg. a tutorial serie).
+
+
+### Showcase
+Just like before we have a showcase under the [showcase](/tags/showcase) tag. 
+Articles published with this tag will be featured in the [Top Banner](#top-banner). If you have a projects that is complete or almost in its final form that looks good and can be showcased in our website,  feel free to add it yourself by following the [Contribute to the website](#contribute-to-the-website) section.
+
+### Community addons
+The "features" list now includes community contributions.
+
+![Features](/uploads/Screenshot_2020-12-13-jMonkeyEngine-features.webp)
+
+Make sure to let us know if you have a library to add there!
+
+### Comments
+Posts can integrate comments from the hub by setting the **enable_comments: true** property.
+
+
+## Contribute to the website
+
+Just like everything else, the website is open to community contributions.
+We will accept and review articles from the community in form of PRs to our [website repo](). 
+Once a PR is approved and merged, a CI/CD task will rebuild and deploy the static site.
+
+### Create a post
+To create a new post you need to make a new Markdown (.md) file under the `content/` folder in a directory of your choice (or a new one). 
+The directory structure will be reflected in the url, but won't influence the functionality of the site or the categorization, to place your post under a certain group you'll need to use tags. You can learn the usage for different special tags in the [Tags](#tags) section.
+
+For example, let's say I want to write a tutorial serie, I would write my article in *content/tutorials/my-tutorial-serie/tutorial1.md* and I would use the tags *tutorials, my-tutorial-serie*.
+
+Feel free to use the styling you want for the article content, you can also use raw html, just try to keep it somewhat related to the general look of the website.
+
+
+### General Header
+
+The md files need to provide a special header that defines some metadata. 
+
+For common articles the header is (nb don't forget the `---`)
+
+```yaml
+---
+title: "Your post"
+date: 2019-10-08T06:27:00+00:00
+draft: false
+type: "default"
+layout: "default"
+enable_comments: true
+authors:
+    - "your github handle"
+    - "another github handle, if there is more than 1 author"
+tags:
+    - "tag1"
+    - "tag2"
+    - "tag3"
+---
+```
+
+Make use to use a valid date in **date** and to remove **enable_comments** if you wish to disable comments.
+
+
+### Showcase Header
+
+
+If you are posting to the **showcase**, the header is different:
+
+```yaml
+---
+title: "Your project name"
+date: 2019-10-15T06:27:00+00:00
+draft: false
+type: "default"
+layout: "showcase"
+enable_comments: false
+
+authors:
+    - "your github handle"
+    - "another github handle, if there is more than 1 author"
+tags:
+    - "tag1"
+    - "tag2"
+    - "tag3"
+
+
+steam_link: "wwwww"
+itch_link: "wwww"
+publisher_link: "wwww"
+
+gallery: [
+    "image.jpg",
+    "image.png",
+    "image.webp",
+    "video.webm",
+    "youtube:ID"
+]
+
+---
+```
+As you can see, the name of the layout is **showcase** instead of **default** : **layout: "showcase"**
+
+There are also new properties for external links
+
+- Steam: **steam_link: "wwwww"**
+- Itch.io: **itch_link: "wwww"**
+- Generic Website: **publisher_link: "wwww"**
+
+If you don't have one or more of those links for your project, you can just omit the param alltogether.
+
+And finally there is a **gallery** param. 
+There you can put images and videos of your projects that will be shown in the top header and in the gallery.
+
+Every format supported by the html standard will work, in addition to that you can also link youtube videos by using this format `youtube:ID` (eg. `youtube:AnqzGANkPG8`).
+
+*If possible you should link external resources in the gallery, in order to prevent the website repo from growing too big.*
+

content/docs.md

@@ -47,10 +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.
 
-### {{< icon "far fa-images" >}} [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
+This is a list of tutorials provided by the community
 {{< articlelist tags="tutorial,tutorials,docs"  >}}

content/license.md

@@ -9,8 +9,8 @@ jMonkeyEngine is licensed under the very permissive [BSD 3-Clause License](https
 
 Below is a copy of the BSD 3-Clause license used by this engine.
 
-{{< highlight text >}}
-Copyright (c) 2009-2019 jMonkeyEngine
+
+**Copyright (c) 2009-2020 jMonkeyEngine**
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
@@ -38,5 +38,4 @@ PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-{{< / highlight >}}
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*

content/tutorials/greg-tutorials/greg-tutorials-first-scene.md

@@ -0,0 +1,26 @@
+---
+title: "Greg's Tutorial 02 - First Scene"
+date: 2020-12-12T08:00:00+00:00
+draft: false
+type: "default"
+layout: "default"
+
+authors:
+    - "XIII-code"
+tags:
+    - "tutorials"
+    - "gregstutorials"
+    - "blog"
+
+enable_comments: true
+
+
+---
+
+In this second part, we will learn how to import a model, how to use the scene composer and the terrain editor, as well as adding a sky and lights.
+
+{{< youtube Ow6te57Bq4Y >}}
+
+[Follow the serie at #gregstutorials](tags/gregstutorials)
+
+   

content/tutorials/greg-tutorials/greg-tutorials-getting-started.md

@@ -0,0 +1,25 @@
+---
+title: "Greg's Tutorial 01 - Getting Started"
+date: 2020-12-04T08:00:00+00:00
+draft: false
+type: "default"
+layout: "default"
+
+authors:
+    - "XIII-code"
+tags:
+    - "gregstutorials"
+    - "tutorials"
+    - "blog"
+
+enable_comments: true
+
+
+---
+
+Here's a new tutorial serie about jMonkeyEngine that i'm using for one of my games.
+
+{{< youtube MWB0h9U6bxA >}}
+
+[Follow the serie at #gregstutorials](tags/gregstutorials)
+   

content/tutorials/grizeldi-pbr-tutorials/pbr_tutorial.md

@@ -0,0 +1,30 @@
+---
+title: "Grizeldi's PBR Tutorial #1 - The Basics"
+date: 2019-01-18T08:00:00+00:00
+draft: false
+type: "default"
+layout: "default"
+
+authors:
+    - "grizeldi"
+tags:
+    - "pbr"
+    - "graphics"
+    - "tutorials"
+    - "blog"
+
+enable_comments: true
+
+
+---
+
+A continuing YouTube series helping users take leap from using the regular `Lighting.j3md` material to `PbrLighting.j3md`.
+
+------
+
+### 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 >}}

content/tutorials/grizeldi-pbr-tutorials/pbr_tutorial2.md

@@ -0,0 +1,25 @@
+---
+title: "Grizeldi's PBR Tutorial #2 - What are Light Probes?"
+date: 2019-10-16T08:00:00+00:00
+draft: false
+type: "default"
+layout: "default"
+
+authors:
+    - "grizeldi"
+tags:
+    - "pbr"
+    - "graphics"
+    - "tutorials"
+    - "blog"
+
+enable_comments: true
+
+
+---
+
+
+### 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 >}}

layouts/partials/topMenu.html

@@ -5,7 +5,11 @@
                 <i class="fas fa-home"></i> <span>Home</span>
             </button>
         </a>
-
+        <a href="/tags/showcase">
+            <button class="genericCl responsiveIcon  expandable ">
+                <i class="fas fa-images"></i> <span>Showcase</span>
+            </button>
+        </a>
 
         <a href="https://hub.jmonkeyengine.org">
             <button class="genericCl responsiveIcon  expandable ">
@@ -26,7 +30,7 @@
         </a>
 
         <a href="/license">
-            <button class="genericCl responsiveIcon  expandable ">
+            <button class="genericCl responsiveIcon  expandable toggleable toggledOffPortrait">
                 <i class="fas fa-balance-scale-right"></i> <span>License</span>
             </button>
         </a>

layouts/taxonomy/author.html

@@ -23,7 +23,7 @@
 
 </section>
 
-<section class="list responsiveWidth">
+<section class="list responsiveWidth list vlist">
         {{ $paginator := .Paginator }}
         {{ range $paginator.Pages }}
             {{ partial "articlePreview.html" . }}      

layouts/taxonomy/tag.html

@@ -5,7 +5,7 @@
 {{ end }}
 
 <h1><i class="fas fa-hashtag"></i>{{upper .Data.Term }}</h1>
-<section class="list responsiveWidth">
+<section class="list responsiveWidth list vlist">
         {{ $paginator := .Paginator }}
         {{ range $paginator.Pages }}
             {{ partial "articlePreview.html" . }}      

static/css/style.less

@@ -932,6 +932,9 @@ body {
     &.blur {
         filter: blur(100vh);
         margin-top: 40vh;
+        @media @portrait{
+            display:none;
+        }
     }
 }
 
@@ -1037,12 +1040,12 @@ section {
 
     >article {
         // An article, is the content.
+      
         .shadowed();
         text-align: left;
         background: var(--background2);
         border-radius: @borderRoundness;
         margin: 1rem;
-
         display: flex;
         flex-direction: column;
         text-shadow: none;
@@ -1087,12 +1090,17 @@ section {
             align-items: stretch;
             min-width: 0;
             width: 100%;
-
+            a {
+                word-break: break-all;
+                word-break: break-word;
+                
+            }
             @media @portrait {
                 display: flex;
                 flex-direction: column;
             }
 
+
             li {
                 // Adds little arrows before the li. 
                 list-style: none;
@@ -1114,10 +1122,13 @@ section {
             >span {
                 display: block;
                 overflow-wrap: break-word;
-
+                flex-grow: 1;
+                width:100%;
             }
 
             >nav {
+                flex-grow: 0;
+
                 margin-left: 2rem;
                 flex-direction: column;
                 align-items: baseline;