more style improvements

content/docs.md

@@ -8,25 +8,25 @@ layout: "post_layout_default"
 
 Browse through our various forms of information to help you better understand the engine.
 
-### {{<icon "fas fa-book" >}} [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.
 
-### {{<icon "fab fa-java" >}} [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.
 
-### {{<icon "fab fa-discourse" >}}  [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.
 
-### {{<icon "fab fa-discord" >}} [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.
 
-### {{<icon "fas fa-cube" >}} [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.
 
@@ -36,7 +36,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.
 
-### {{<icon "fas fa-square-root-alt" >}} [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.
 
@@ -48,10 +48,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)
+### [{{< icon "fas fa-comments" >}} Community tutorials](/tags/tutorials)
 This is a list of tutorials provided by the community
 {{< articlelist tags="tutorial,tutorials,docs"  >}}

layouts/partials/articlePreview.html

@@ -3,11 +3,10 @@
   <h1 >
 
     
-    {{ partial "postIcon.html" . }}
     {{ if .Params.summarytitle }}
-    <a href="{{ .RelPermalink }}">{{ .Params.summarytitle }}</a>
+    <a href="{{ .RelPermalink }}">{{ partial "postIcon.html" . }} {{ .Params.summarytitle }}</a>
     {{ else }}
-    {{ if .Title }} <a href="{{ .RelPermalink }}">{{ .Title }}</a> {{ end }}
+    {{ if .Title }} <a href="{{ .RelPermalink }}">{{ partial "postIcon.html" . }} {{ .Title }}</a> {{ end }}
     {{ end }}
   </h1>
   <!-- {{ if .Params.images }} -->

static/css/style.less

@@ -12,52 +12,53 @@
 
 :root {
     --fontFamily: Arial, Ubuntu, sans-serif;
-    --foreground: #a8a8a8;
-    --foreground2: #b1b1b1;
+    --foreground: #b1b1b1;
+    --foreground2: #c5c5c5;
+    --foreground3: #e7e7e7;
     // --highlightFg: #ffbb00;
     // --highlightFg2: #ffe292;
     // --highlightedColor: #ffbb00;
-    --highlightFg: #ffbb00;
+    --highlightFg: #ffd000;
     --highlightFg2: #c07302;
-    --highlightedColor: #e4b418e1;
+    --highlightedColor: #ffd000;
 
-    --background: #212121;
+    --background: #1b1b1b;
     --background4: #111;
     --background3: rgb(0, 0, 0);
     --background2: rgb(39, 39, 39);
     --twitter: #1DA1F2;
 
     --buttonColor: rgb(41, 41, 41);
-    --buttonColorFg: var(--foreground);
+    --buttonColorFg: var(--foreground3);
 
     --docsColor: #0c5858;
-    --docsColorFg: var(--foreground);
+    --docsColorFg: var(--foreground3);
 
     --bugsColor: #680404;
-    --bugsColorFg: var(--foreground);
+    --bugsColorFg: var(--foreground3);
 
     --codeColor: #6d003f;
-    --codeColorFg: var(--foreground);
+    --codeColorFg: var(--foreground3);
 
 
     --discordColor: #44013b;
-    --discordColorFg: var(--foreground);
+    --discordColorFg: var(--foreground3);
 
     --storeColor: #686602;
-    --storeColorFg: var(--foreground);
+    --storeColorFg: var(--foreground3);
 
     --donateColor: #8cc800;
     --donateColorFg: #212700;
 
 
     --itchColor: #b11f38;
-    --itchColorFg: var(--foreground);
+    --itchColorFg: var(--foreground3);
 
     --youtubeColor: #c4302b;
-    --youtubeColorFg: var(--foreground);
+    --youtubeColorFg: var(--foreground3);
 
     --twitterColor: #1475b1;
-    --twitterColorFg: var(--foreground);
+    --twitterColorFg: var(--foreground3);
 
     --highlightedColorFg: #242424;
 
@@ -359,7 +360,7 @@ nav li:before {
 
     all: unset;
     appearance: none;
-    background-color: var(--background2) !important;
+    background-color: var(--background2) ;
     border: 0.1rem solid var(--background3) !important;
     border-radius: @borderRoundness;
     color: var(--highlightFg);
@@ -382,6 +383,7 @@ nav li:before {
         color:inherit;
     }
 
+ 
     .shadowed();
 }
 
@@ -593,6 +595,7 @@ h3 {
     padding: 0;
     margin-bottom: 1rem;
     color: var(--highlightFg);
+
 }
 
 h2,
@@ -657,8 +660,8 @@ h3 {
 
 
 .genericCl {
-    background: var(--buttonColor) !important;
-    color: var(--buttonColorFg) !important;
+    background: var(--buttonColor) ;
+    color: var(--buttonColorFg) ;
     font-weight: bold;
 }
 
@@ -820,7 +823,7 @@ body {
     font-family: var(--fontFamily);
     // font-family: 'Padauk', sans-serif;
     background: var(--background) !important;
-    color: var(--foreground) !important;
+    color: var(--foreground) ;
     min-height: 100%;
     width: 100%;
     position: relative;
@@ -998,14 +1001,17 @@ body {
 
 // A width that is not too wide.
 .responsiveWidth {
-    max-width: 1200px;
+    max-width: 1110px;
     width: 99vw;
     margin-left: auto;
     margin-right: auto;
 }
 
-
+#backerMessage {
+    color:var(--foreground2);
+}
 #backerMessages {
+    color:var(--foreground3);
     text-align: center;
     width: 100%;
 }
@@ -1102,6 +1108,9 @@ section {
 
     >article {
       
+        button{
+            background-color: var(--background4);
+        }
         // An article, is the content.
         .content  a,.content  a:hover,.content   a:visited{
             color:var(--highlightFg2);
@@ -1119,13 +1128,21 @@ section {
         flex-direction: column;
         text-shadow: none;
 
-        h1 {}
+    
         h2,h3,h1{
             display:block;
             color:var(--foreground2);
             padding-top:2rem;
             padding-bottom:0.4rem;
+       
         }
+    //  .content  h3,.content h1{
+        
+    //         a,a:visited,a:hover{
+    //             color:var(--foreground2);
+    //             text-decoration: underline;
+    //         }
+    //     }
         .more {
             text-align: left;
         }
@@ -1167,6 +1184,13 @@ section {
                 word-break: break-word;
                 
             }
+            // a:after{
+            //     content:'\f08e';
+            //     font-family:FontAwesome;
+            //     margin-left:0.5rem;
+            //     font-size:0.7rem;
+            //     vertical-align: bottom;
+            // }
         /*        @media @portrait {*/
                 display: flex;
                 flex-direction: column;
@@ -1348,6 +1372,7 @@ section#showcase {
     width: 100%;
     margin-top: 0;
     margin-bottom: 0;
+    color:var(--foreground3);
     padding: 0;
     display: flex;
     position: relative;
@@ -1358,6 +1383,9 @@ section#showcase {
     &.gallery{
         background-image: none;
     }
+    h1,h2,h3{
+        color:var(--highlightFg);
+    }
     .textShadowedIntense();