And notice shortcodes (#537)

* Added information panel shortcodes (#437)

* Added information panel shortcodes

* Fixed dark mixin

* Moved mixin location to correct location

Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com>

* Fix SCSS styling

* Update generated files

* Fix notice HTML

* Fix Makefile

* Rename JS file

* Adsd emoji support for lang selectors

* Fix notices and other things

* Fix JS on template

* Update  example content

* Update images

* Update generated files

* Fix netlify preview

* Fix netlify preview build

* Fix netlify theme path

Co-authored-by: Jian Liew <jianloongliew@gmail.com>

assets/scss/_navigation_dark.scss

@@ -1,59 +1,68 @@
 @mixin navigation_dark {
-
-
   .navigation {
-    a, span {
+
+    a,
+    span {
       color: $fg-color-dark;
     }
+
     a {
+
       &:hover,
       &:focus {
         color: $link-color-dark;
       }
     }
+
     .navigation-list {
-      @media only screen and (max-width : 768px) {
+      @media only screen and (max-width: 768px) {
         background-color: $bg-color-dark;
         border-top: solid 2px $alt-bg-color-dark;
         border-bottom: solid 2px $alt-bg-color-dark;
       }
+
       .menu-separator {
-        @media only screen and (max-width : 768px) {
+        @media only screen and (max-width: 768px) {
           border-top: 2px solid $fg-color-dark;
         }
       }
     }
+
     #menu-toggle {
-      @media only screen and (max-width : 768px) {
-        &:checked + label > i {
+      @media only screen and (max-width: 768px) {
+        &:checked+label>i {
           color: $alt-bg-color-dark;
         }
       }
     }
+
     i {
       color: $fg-color-dark;
+
       &:hover,
       &:focus {
         color: $link-color-dark;
       }
     }
+
     .menu-button {
       i {
-        &:hover, &:focus {
+
+        &:hover,
+        &:focus {
           color: $alt-fg-color-dark;
         }
       }
     }
   }
-
 }
 
 body.colorscheme-dark {
-  @include navigation_dark()
+  @include navigation_dark();
 }
 
 body.colorscheme-auto {
   @media (prefers-color-scheme: dark) {
-    @include navigation_dark()
+    @include navigation_dark();
   }
 }