chore: Update font family and font weight in mermaid.js and _global.scss

Author: giovanninocco

assets/js/mermaid.js

@@ -2,7 +2,7 @@ import mermaid from 'mermaid';
 
 var config = {
   theme: 'default',
-  fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
+  fontFamily: '"Nunito", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
 };
 
 document.addEventListener('DOMContentLoaded', () => {

assets/scss/common/_fonts.scss

@@ -1,71 +1,2 @@
-/* jost-regular - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-regular.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
 
-/* jost-500 - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-500.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
 
-/* jost-700 - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-700.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-500italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-500italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-700italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src:
-    local("Jost"),
-    url("fonts/vendor/jost/jost-v4-latin-700italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}

assets/scss/common/_global.scss

@@ -69,7 +69,8 @@ body.docs {
 
 .home h1 {
   /* font-size: calc(1.375rem + 1.5vw); */
-  font-size: calc(1.875rem + 1.5vw);
+  font-weight: 900;
+  font-size: calc(4.0rem + 15.0vw);
 }
 
 a:hover,
@@ -97,21 +98,6 @@ a.btn:focus {
   padding-bottom: 2rem;
 }
 
-/*
-.section svg {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  vertical-align: text-top;
-}
-*/
-
-/*
-body {
-  padding-top: 3.5625rem;
-}
-*/
-
 .docs-sidebar {
   order: 2;
 }
@@ -121,7 +107,7 @@ body {
     order: 0;
   }
 
-  @supports ((position:-webkit-sticky) or (position:sticky)) {
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
     .docs-sidebar {
       position: -webkit-sticky;
       position: sticky;
@@ -164,7 +150,7 @@ body {
   order: 2;
 }
 
-@supports ((position:-webkit-sticky) or (position:sticky)) {
+@supports ((position: -webkit-sticky) or (position: sticky)) {
   .docs-toc {
     position: -webkit-sticky;
     position: sticky;
@@ -274,7 +260,6 @@ body {
   width: 3px !important;
 }
 
-
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: rgb(185, 185, 185) !important;
@@ -345,16 +330,23 @@ body {
 }
 
 .gradient-banner {
-
-  font-size: 48px;
+  font-size: 4em;
   font-weight: 900;
   margin: 40px 0;
-  background: -webkit-linear-gradient(90deg, $primary, $blue-300 50%, $pink-500);
+  background: -webkit-linear-gradient(-45deg,
+      $primary,
+      $blue-300 50%,
+      $pink-500 );
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-size: 100%;
   background-repeat: repeat;
   background-clip: text;
+}
 
 
+.logo-introduction {
+  font-family: "Nunito";
+  font-weight: 900;
+  font-size: calc(8.0rem + 200.0vw);
 }

assets/scss/common/_variables.scss

@@ -16,7 +16,7 @@ $yellow:   #ffe000;
 $black:    #1d2d35;
 $beige:    #fbf7f0;
 
-$purple:   #5d2f86;
+$purple:   #fd2f86;
 $brown:    #aa9c84;
 $green:    #3eaf7c;
 
@@ -107,7 +107,7 @@ $border-color:                $gray-200;
 // Font, line-height, and color for body text, headings, and more.
 
 // stylelint-disable value-keyword-case
-$font-family-sans-serif:      "Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif:      "Nunito", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 $font-family-monospace:       sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
 $font-family-base:            $font-family-sans-serif;
 // stylelint-enable value-keyword-case

content/en/dotnet-templates/general/overview.md

@@ -15,10 +15,6 @@ weight: 1
 toc: true
 ---
 
-
-
-## What's Genocs Library?
-
 Genocs Library is a starting point for your next `.NET Microservices library` that incorporates the most essential packages and features your projects will ever need including out of the box Multi-Tenancy support.
 
 > As the name suggests, this is an API / Server Template. You can find other Client Templates that consume this API under `@genocs-library` handle.

layouts/_default/baseof.html

@@ -14,6 +14,9 @@
   {{ end -}}
 <head>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
 </head>
 
 <body class="{{ .Scratch.Get "class" }}">

layouts/index.html

@@ -1,30 +1,29 @@
 {{ define "main" }}
-<section class="section container-fluid mt-n3 pb-3">
-    <div class="row justify-content-center">
-        <div class="col-lg-12 text-center">
-            <h1 class="mt-10"><b style="font-weight: 900; font-size: 4em;">Genocs</b></h1>
-            <p class="gradient-banner">{{ .Params.sub }}</p>
-            <h2 style="font-weight: 900; font-size: 4em;">
-                ✔️ <b class="code-green">
-                    <a href="https://github.com/Genocs/genocs-library/releases/tag/v6.1.0">v6.1.0</a>
-                </b>
-            </h2>
-            <div class="justify-content-center text-center">
-                <h2>What's <b class="code-green">Genocs Library</b>?</h2>
-                <img src="{{ .Site.Params.Logo }}" alt="Genocs Logo" style="max-width: 800px; margin: 50px 0;">
+<section class="section section-sm bg-light">
+        <div class="row justify-content-center">
+            <div class="col-lg-12 text-center">
+                <h1><b>Genocs</b></h1>
+                <p class="gradient-banner">{{ .Params.sub }}</p>
+                <h2 style="font-weight: 900; font-size: 4em;">
+                    ✔️ <b class="code-green">
+                        <a href="https://github.com/Genocs/genocs-library/releases/tag/v6.1.0">v6.1.0</a>
+                    </b>
+                </h2>
             </div>
-
-
-            <div class="row justify-content-center">
-                <div class="col-lg-9 col-xl-8 text-center">
-                    <a class="btn btn-primary btn-lg px-4 mb-2"
-                       href="/introduction/{{ if .Site.Params.options.docsVersioning }}{{ .Site.Params.docsVersion }}/{{ end }}getting-started/"
-                       role="button">Get Started 🚀</a>
-                    <p class="meta">Open-source MIT Licensed. <a href="https://github.com/Genocs">GitHub</a></p>
-                </div>
+            
+            <div class="col-lg-12 col-xl-12 text-center">
+                <img src="{{ .Site.Params.Logo }}" alt="Library Logo">
+            </div>
+            <div class="col-lg-12 col-xl-12 text-center">
+                &nbsp;
+            </div>
+            <div class="col-lg-12 col-xl-12 text-center">
+                <a class="btn btn-primary btn-lg px-4 mb-2"
+                href="/introduction/{{ if .Site.Params.options.docsVersioning }}{{ .Site.Params.docsVersion }}/{{ end }}getting-started/"
+                role="button">Get Started 🚀</a>
+                <p class="meta">Open-source MIT Licensed. <a href="https://github.com/Genocs">GitHub</a></p>
             </div>
         </div>
-    </div>
 </section>
 {{ end }}
 
@@ -94,6 +93,7 @@ <h2 class="h4">Clean Seperation</h2>
         </div>
     </div>
 </section>
+
 <section class="section section-sm">
     <div class="container">
         <div class="justify-content-center text-center">