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>

resources/_gen/assets/scss/scss/coder-dark.scss_1fcd9040f1144c65015c77e7b93bc5ac.json

@@ -1 +1 @@
-{"Target":"css/coder-dark.min.89c82b6022b96f77aeb521b240daec4f87ea029d84d1c78b8acd0735b91b3c92.css","MediaType":"text/css","Data":{"Integrity":"sha256-icgrYCK5b3eutSGyQNrsT4fqAp2E0ceLis0HNbkbPJI="}}
+{"Target":"css/coder-dark.min.dde8a61eb31a32353b4baf3d9113f03c4ea2a8ca9bb736f59ca2d2b2cb664f0b.css","MediaType":"text/css","Data":{"Integrity":"sha256-3eimHrMaMjU7S689kRPwPE6iqMqbtzb1nKLSsstmTws="}}

resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content

@@ -0,0 +1,214 @@
+body.colorscheme-dark {
+  color: #dadada;
+  background-color: #212121; }
+  body.colorscheme-dark a {
+    color: #42a5f5; }
+  body.colorscheme-dark h1,
+  body.colorscheme-dark h2,
+  body.colorscheme-dark h3,
+  body.colorscheme-dark h4,
+  body.colorscheme-dark h5,
+  body.colorscheme-dark h6 {
+    color: #dadada; }
+    body.colorscheme-dark h1:hover .heading-link,
+    body.colorscheme-dark h2:hover .heading-link,
+    body.colorscheme-dark h3:hover .heading-link,
+    body.colorscheme-dark h4:hover .heading-link,
+    body.colorscheme-dark h5:hover .heading-link,
+    body.colorscheme-dark h6:hover .heading-link {
+      visibility: visible; }
+    body.colorscheme-dark h1 .heading-link,
+    body.colorscheme-dark h2 .heading-link,
+    body.colorscheme-dark h3 .heading-link,
+    body.colorscheme-dark h4 .heading-link,
+    body.colorscheme-dark h5 .heading-link,
+    body.colorscheme-dark h6 .heading-link {
+      color: #42a5f5;
+      font-weight: inherit;
+      text-decoration: none;
+      font-size: 80%;
+      visibility: hidden; }
+    body.colorscheme-dark h1 .title-link,
+    body.colorscheme-dark h2 .title-link,
+    body.colorscheme-dark h3 .title-link,
+    body.colorscheme-dark h4 .title-link,
+    body.colorscheme-dark h5 .title-link,
+    body.colorscheme-dark h6 .title-link {
+      color: inherit;
+      font-weight: inherit;
+      text-decoration: none; }
+  body.colorscheme-dark code {
+    background-color: #424242;
+    color: #dadada; }
+  body.colorscheme-dark pre code {
+    background-color: inherit;
+    color: inherit; }
+  body.colorscheme-dark blockquote {
+    border-left: 2px solid #424242; }
+  body.colorscheme-dark table td,
+  body.colorscheme-dark table th {
+    border: 2px solid #dadada; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto {
+    color: #dadada;
+    background-color: #212121; }
+    body.colorscheme-auto a {
+      color: #42a5f5; }
+    body.colorscheme-auto h1,
+    body.colorscheme-auto h2,
+    body.colorscheme-auto h3,
+    body.colorscheme-auto h4,
+    body.colorscheme-auto h5,
+    body.colorscheme-auto h6 {
+      color: #dadada; }
+      body.colorscheme-auto h1:hover .heading-link,
+      body.colorscheme-auto h2:hover .heading-link,
+      body.colorscheme-auto h3:hover .heading-link,
+      body.colorscheme-auto h4:hover .heading-link,
+      body.colorscheme-auto h5:hover .heading-link,
+      body.colorscheme-auto h6:hover .heading-link {
+        visibility: visible; }
+      body.colorscheme-auto h1 .heading-link,
+      body.colorscheme-auto h2 .heading-link,
+      body.colorscheme-auto h3 .heading-link,
+      body.colorscheme-auto h4 .heading-link,
+      body.colorscheme-auto h5 .heading-link,
+      body.colorscheme-auto h6 .heading-link {
+        color: #42a5f5;
+        font-weight: inherit;
+        text-decoration: none;
+        font-size: 80%;
+        visibility: hidden; }
+      body.colorscheme-auto h1 .title-link,
+      body.colorscheme-auto h2 .title-link,
+      body.colorscheme-auto h3 .title-link,
+      body.colorscheme-auto h4 .title-link,
+      body.colorscheme-auto h5 .title-link,
+      body.colorscheme-auto h6 .title-link {
+        color: inherit;
+        font-weight: inherit;
+        text-decoration: none; }
+    body.colorscheme-auto code {
+      background-color: #424242;
+      color: #dadada; }
+    body.colorscheme-auto pre code {
+      background-color: inherit;
+      color: inherit; }
+    body.colorscheme-auto blockquote {
+      border-left: 2px solid #424242; }
+    body.colorscheme-auto table td,
+    body.colorscheme-auto table th {
+      border: 2px solid #dadada; } }
+
+body.colorscheme-dark .content .list ul li .title {
+  color: #dadada; }
+  body.colorscheme-dark .content .list ul li .title:hover, body.colorscheme-dark .content .list ul li .title:focus {
+    color: #42a5f5; }
+
+body.colorscheme-dark .content .centered .about ul li a {
+  color: #dadada; }
+  body.colorscheme-dark .content .centered .about ul li a:hover, body.colorscheme-dark .content .centered .about ul li a:focus {
+    color: #42a5f5; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .content .list ul li .title {
+    color: #dadada; }
+    body.colorscheme-auto .content .list ul li .title:hover, body.colorscheme-auto .content .list ul li .title:focus {
+      color: #42a5f5; }
+  body.colorscheme-auto .content .centered .about ul li a {
+    color: #dadada; }
+    body.colorscheme-auto .content .centered .about ul li a:hover, body.colorscheme-auto .content .centered .about ul li a:focus {
+      color: #42a5f5; } }
+
+body.colorscheme-dark .notice .notice-title {
+  border-bottom: 1px solid #212121; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .notice .notice-title {
+    border-bottom: 1px solid #212121; } }
+
+body.colorscheme-dark .navigation a,
+body.colorscheme-dark .navigation span {
+  color: #dadada; }
+
+body.colorscheme-dark .navigation a:hover, body.colorscheme-dark .navigation a:focus {
+  color: #42a5f5; }
+
+@media only screen and (max-width: 768px) {
+  body.colorscheme-dark .navigation .navigation-list {
+    background-color: #212121;
+    border-top: solid 2px #424242;
+    border-bottom: solid 2px #424242; } }
+
+@media only screen and (max-width: 768px) {
+  body.colorscheme-dark .navigation .navigation-list .menu-separator {
+    border-top: 2px solid #dadada; } }
+
+@media only screen and (max-width: 768px) {
+  body.colorscheme-dark .navigation #menu-toggle:checked + label > i {
+    color: #424242; } }
+
+body.colorscheme-dark .navigation i {
+  color: #dadada; }
+  body.colorscheme-dark .navigation i:hover, body.colorscheme-dark .navigation i:focus {
+    color: #42a5f5; }
+
+body.colorscheme-dark .navigation .menu-button i:hover, body.colorscheme-dark .navigation .menu-button i:focus {
+  color: #dadada; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .navigation a,
+  body.colorscheme-auto .navigation span {
+    color: #dadada; }
+  body.colorscheme-auto .navigation a:hover, body.colorscheme-auto .navigation a:focus {
+    color: #42a5f5; } }
+
+@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  body.colorscheme-auto .navigation .navigation-list {
+    background-color: #212121;
+    border-top: solid 2px #424242;
+    border-bottom: solid 2px #424242; } }
+
+@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  body.colorscheme-auto .navigation .navigation-list .menu-separator {
+    border-top: 2px solid #dadada; } }
+
+@media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  body.colorscheme-auto .navigation #menu-toggle:checked + label > i {
+    color: #424242; } }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .navigation i {
+    color: #dadada; }
+    body.colorscheme-auto .navigation i:hover, body.colorscheme-auto .navigation i:focus {
+      color: #42a5f5; }
+  body.colorscheme-auto .navigation .menu-button i:hover, body.colorscheme-auto .navigation .menu-button i:focus {
+    color: #dadada; } }
+
+body.colorscheme-dark .footer a {
+  color: #42a5f5; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .footer a {
+    color: #42a5f5; } }
+
+body.colorscheme-dark .float-container a {
+  color: #dadada;
+  background-color: #424242; }
+  body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
+    color: #42a5f5; }
+    @media only screen and (max-width: 768px) {
+      body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
+        color: #dadada; } }
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .float-container a {
+    color: #dadada;
+    background-color: #424242; }
+    body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
+      color: #42a5f5; } }
+    @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+      body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
+        color: #dadada; } }
+
+/*# sourceMappingURL=coder-dark.css.map */

resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.json

@@ -0,0 +1 @@
+{"Target":"css/coder-dark.css","MediaType":"text/css","Data":{}}

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -1 +1 @@
-{"Target":"css/coder.min.ec198d25949ddd79a670b1ead43ca88e0bc2c1343266d0df0a9eeb7f3f207777.css","MediaType":"text/css","Data":{"Integrity":"sha256-7BmNJZSd3XmmcLHq1DyojgvCwTQyZtDfCp7rfz8gd3c="}}
+{"Target":"css/coder.min.eb7743f94930acfd17146aecc1f80e86fe35b3e451f2ec0c98485f9c4d962f34.css","MediaType":"text/css","Data":{"Integrity":"sha256-63dD+UkwrP0XFGrswfgOhv41s+RR8uwMmEhfnE2WLzQ="}}

resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.json

@@ -0,0 +1 @@
+{"Target":"css/coder.css","MediaType":"text/css","Data":{}}