style: add GitHub link to navigation and update layout

Author: julioest

docs/website/index.html

@@ -39,6 +39,15 @@
             <li role="none"><a href="#examples" class="secondary" role="menuitem">Examples</a></li>
             <li role="none"><a href="#features" class="secondary" role="menuitem">Features</a></li>
             <li role="none"><a href="./docs/" class="secondary" role="menuitem">Docs</a></li>
+            <li>
+                <a href="https://www.github.com/cppalliance/mrdocs" class="contrast" aria-label=" GitHub repository">
+                        <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 496 512" height="16px">
+                            <path fill="currentColor"
+                                d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
+                        </svg>
+                    </a>
+                </li>
             </ul>
         </div>
     </nav>
@@ -69,7 +78,7 @@ <h1>MrDocs</h1>
             <div class="container">
                 <div class="grid principles-banner">
                     <div class="principles-image">
-                        <div class="box1 box-shape2 box270">
+                        <div class="box1 box-shape1 box0">
                         <div class="inner-box thinking"></div>
                         </div>
                     </div>

docs/website/index.html.hbs

@@ -50,6 +50,15 @@
             {{#each navbar}}
             <li role="none"><a href="{{ href }}" class="secondary" role="menuitem">{{ title }}</a></li>
             {{/each}}
+            <li>
+                <a href="{{ site.github.url }}" class="contrast" aria-label="{{ site.title}} GitHub repository">
+                        <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 496 512" height="16px">
+                            <path fill="currentColor"
+                                d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
+                        </svg>
+                    </a>
+                </li>
             </ul>
         </div>
     </nav>
@@ -80,7 +89,7 @@
             <div class="container">
                 <div class="grid principles-banner">
                     <div class="principles-image">
-                        <div class="box1 box-shape2 box270">
+                        <div class="box1 box-shape1 box0">
                         <div class="inner-box thinking"></div>
                         </div>
                     </div>

docs/website/styles.css

@@ -1455,7 +1455,6 @@ pre {
 
 code, kbd, pre {
     border-radius: var(--border-radius);
-    background: var(--code-background-color);
     color: var(--code-color);
     font-weight: var(--font-weight);
     line-height: initial
@@ -1475,7 +1474,7 @@ pre {
 pre > code {
     display: block;
     padding: var(--spacing);
-    background: 0 0;
+		background-color: rgba(0, 0, 0, 0.55);
     font-size: 14px;
     line-height: var(--line-height)
 }
@@ -2137,7 +2136,8 @@ body > nav a {
 
 body > nav a svg {
     vertical-align: text-bottom;
-    height: 1rem
+    height: 1rem;
+		color: initial;
 }
 
 body > nav ul:first-of-type {
@@ -2678,7 +2678,7 @@ section#demo {
 }
 
 .documentation-panel {
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: rgba(255, 255, 255, 0.10);
     border-radius: 20px;
     flex: 1;
     padding: 30px;
@@ -2905,7 +2905,6 @@ nav {
 
 .nav ul li {
     list-style: none;
-    font-weight: bold;
 }
 
 .nav .logo-link {