init

config.json

@@ -0,0 +1,13 @@
+{
+    "title": "",
+    "media": [],
+    "cover": "",
+    "theme": {
+        "coverSize": 480,
+        "layoutStyle": "vertical",
+        "infoStyle": "overlaid",
+        "contentWidth": 400,
+        "nativePlayer": false
+    },
+    "description": ""
+}

src/common.css

@@ -0,0 +1,35 @@
+blockquote {
+    border-left: 2px solid;
+    padding-left: 20px;
+}
+
+hr {
+    border-width: 0;
+    border-bottom-width: 1px;
+}
+h1 {
+    font-size: 2em;
+}
+h2 {
+    font-size: 1.5em;
+}
+h3 {
+    font-size: 1.17em;
+}
+h4 {
+    font-size: 1em;
+}
+h5 {
+    font-size: 0.83em;
+}
+h6 {
+    font-size: 0.67em;
+}
+
+ol {
+    list-style: decimal;
+}
+
+ol, ul {
+    padding-left: 30px;
+}

src/fonts.css

@@ -0,0 +1,127 @@
+@font-face {
+  font-family: 'icons';
+  src:  url('fonts/icons.eot?qqpgvs');
+  src:  url('fonts/icons.eot?qqpgvs#iefix') format('embedded-opentype'),
+    url('fonts/icons.ttf?qqpgvs') format('truetype'),
+    url('fonts/icons.woff?qqpgvs') format('woff'),
+    url('fonts/icons.svg?qqpgvs#icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icons' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  font-size: 20px;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-config:before {
+  content: "\1f4c3";
+}
+.icon-title:before {
+  content: "\1e6e";
+}
+.icon-edit-info:before {
+  content: "\1f4dd";
+}
+.icon-info:before {
+  content: "\1f5c9";
+}
+.icon-lyrics:before {
+  content: "\1f3bc";
+}
+.icon-pull:before {
+  content: "\2913";
+}
+.icon-text:before {
+  content: "\1f5b9";
+}
+.icon-error:before {
+  content: "\24e7";
+}
+.icon-exclamation:before {
+  content: "\21";
+}
+.icon-unknown:before {
+  content: "\3f";
+}
+.icon-warning:before {
+  content: "\26a0";
+}
+.icon-x:before {
+  content: "\d7";
+}
+.icon-cover:before {
+  content: "\1f4bd";
+}
+.icon-star:before {
+  content: "\2605";
+}
+.icon-star-outline:before {
+  content: "\2606";
+}
+.icon-grab:before {
+  content: "\2630";
+}
+.icon-audio:before {
+  content: "\266b";
+}
+.icon-image:before {
+  content: "\1f5bc";
+}
+.icon-trash:before {
+  content: "\1f5d1";
+}
+.icon-video:before {
+  content: "\1f4f9";
+}
+.icon-dots:before {
+  content: "\22ef";
+}
+.icon-loading:before {
+  content: "\1f504";
+}
+.icon-next:before {
+  content: "\23ed";
+}
+.icon-previous:before {
+  content: "\23ee";
+}
+.icon-volume-high:before {
+  content: "\1f50a";
+}
+.icon-volume-low:before {
+  content: "\1f509";
+}
+.icon-volume-none:before {
+  content: "\1f508";
+}
+.icon-volume-x:before {
+  content: "\1f507";
+}
+.icon-pause:before {
+  content: "\23f8";
+}
+.icon-play:before {
+  content: "\25b6";
+}
+.icon-plus-big:before {
+  content: "\2b";
+}
+.icon-drop-big:before {
+  content: "\2b07";
+}
+.icon-loading-big:before {
+  content: "\25cc";
+}

src/fonts/icons.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="942.08" descent="-81.92" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#x21;" glyph-name="exclamation" d="M512 716.8c28.278 0 51.2-22.923 51.2-51.2v-307.2c0-28.278-22.922-51.2-51.2-51.2-28.277 0-51.2 22.922-51.2 51.2v307.2c0 28.277 22.923 51.2 51.2 51.2zM563.2 153.6c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2z" />
+<glyph unicode="&#x2b;" glyph-name="plus-big" d="M563.2 793.6h-153.6v-281.6h-281.6v-153.6h281.6v-281.6h153.6v281.6h281.6v153.6h-281.6v281.6z" />
+<glyph unicode="&#x3f;" glyph-name="unknown" d="M563.2 102.4c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM512 665.6c-56.554 0-102.4-45.846-102.4-102.4 0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 113.108 91.692 204.8 204.8 204.8 113.106 0 204.8-91.692 204.8-204.8 0-77.596-43.172-145.033-106.568-179.738-15.119-8.274-27.981-18.007-36.495-27.94-8.294-9.667-10.537-17.091-10.537-22.723v-76.8c0-28.278-22.922-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v76.8c0 36.782 15.978 66.964 35.208 89.388 19.008 22.161 42.97 39.009 65.057 51.099 31.892 17.459 53.335 51.219 53.335 89.913 0 56.554-45.844 102.4-102.4 102.4z" />
+<glyph unicode="&#xd7;" glyph-name="x" d="M292.204 701.804c-19.995 19.995-52.413 19.995-72.408 0s-19.995-52.413 0-72.408l219.796-219.796-219.796-219.796c-19.995-19.994-19.995-52.413 0-72.407s52.413-19.994 72.408 0l219.796 219.796 219.796-219.796c19.994-19.994 52.413-19.994 72.407 0s19.994 52.413 0 72.407l-219.796 219.796 219.796 219.796c19.994 19.995 19.994 52.413 0 72.408s-52.413 19.995-72.407 0l-219.796-219.796-219.796 219.796z" />
+<glyph unicode="&#x1e6e;" glyph-name="title" d="M256 768c0 28.277 22.923 51.2 51.2 51.2h409.6c28.278 0 51.2-22.923 51.2-51.2v-102.4c0-28.277-22.922-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v51.2h-102.4v-409.6h51.2c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-204.8c-28.277 0-51.2 22.922-51.2 51.2s22.923 51.2 51.2 51.2h51.2v409.6h-102.4v-51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v102.4zM460.8 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM256 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM665.6 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM870.4 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2z" />
+<glyph unicode="&#x22ef;" glyph-name="dots" d="M614.4 409.6c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4zM307.2 409.6c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4zM921.6 409.6c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4z" />
+<glyph unicode="&#x23ed;" glyph-name="next" d="M102.4 102.4v614.4l358.4-307.2-358.4-307.2zM460.8 102.4v614.4l358.4-307.2-358.4-307.2zM819.2 716.8h102.4v-614.4h-102.4v614.4z" />
+<glyph unicode="&#x23ee;" glyph-name="previous" d="M921.6 102.4v614.4l-358.4-307.2 358.4-307.2zM563.2 102.4v614.4l-358.4-307.2 358.4-307.2zM204.8 716.8h-102.4v-614.4h102.4v614.4z" />
+<glyph unicode="&#x23f8;" glyph-name="pause" d="M256 716.8h204.8v-614.4h-204.8v614.4zM563.2 716.8h204.8v-614.4h-204.8v614.4z" />
+<glyph unicode="&#x24e7;" glyph-name="error" d="M512 0c226.217 0 409.6 183.383 409.6 409.6s-183.383 409.6-409.6 409.6c-226.216 0-409.6-183.384-409.6-409.6s183.384-409.6 409.6-409.6zM322.196 599.404c19.995 19.995 52.413 19.995 72.408 0l117.396-117.396 117.396 117.396c19.994 19.995 52.413 19.995 72.407 0s19.994-52.413 0-72.408l-117.396-117.396 117.396-117.396c19.994-19.994 19.994-52.413 0-72.407s-52.413-19.994-72.407 0l-117.396 117.396-117.396-117.396c-19.995-19.994-52.413-19.994-72.408 0s-19.995 52.413 0 72.407l117.396 117.396-117.396 117.396c-19.995 19.995-19.995 52.413 0 72.408z" />
+<glyph unicode="&#x25b6;" glyph-name="play" d="M256 102.4v614.4l512-307.2-512-307.2z" />
+<glyph unicode="&#x25cc;" glyph-name="loading-big" d="M716.8 435.2c0 28.278 22.922 51.2 51.2 51.2h102.4c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-102.4c-28.278 0-51.2 22.922-51.2 51.2zM102.4 435.2c0 28.278 22.923 51.2 51.2 51.2h102.4c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-102.4c-28.277 0-51.2 22.922-51.2 51.2zM512 640c-28.278 0-51.2 22.922-51.2 51.2v102.4c0 28.277 22.922 51.2 51.2 51.2s51.2-22.923 51.2-51.2v-102.4c0-28.278-22.922-51.2-51.2-51.2zM512 25.6c-28.278 0-51.2 22.922-51.2 51.2v102.4c0 28.278 22.922 51.2 51.2 51.2s51.2-22.922 51.2-51.2v-102.4c0-28.278-22.922-51.2-51.2-51.2zM656.817 580.017c-19.996 19.994-19.996 52.411 0 72.407l72.407 72.408c19.994 19.995 52.413 19.995 72.407 0 19.996-19.995 19.996-52.414 0-72.408l-72.407-72.407c-19.996-19.996-52.413-19.996-72.407 0zM222.369 145.569c-19.995 19.994-19.995 52.413 0 72.407l72.407 72.407c19.996 19.996 52.413 19.996 72.407 0 19.996-19.994 19.996-52.411 0-72.407l-72.407-72.407c-19.994-19.996-52.412-19.996-72.407 0zM656.817 290.383c19.994 19.996 52.411 19.996 72.407 0l72.407-72.407c19.996-19.994 19.996-52.413 0-72.407-19.994-19.996-52.413-19.996-72.407 0l-72.407 72.407c-19.996 19.996-19.996 52.413 0 72.407zM222.369 724.831c19.995 19.995 52.413 19.995 72.407 0l72.41-72.408c19.994-19.996 19.994-52.413 0-72.407-19.996-19.996-52.413-19.996-72.41 0l-72.407 72.407c-19.995 19.994-19.995 52.413 0 72.408z" />
+<glyph unicode="&#x2605;" glyph-name="star" d="M466.716 810.171c19.211 36.411 71.355 36.411 90.565 0l99.461-188.512c7.409-14.042 20.915-23.852 36.557-26.558l210.022-36.339c40.561-7.018 56.678-56.613 27.986-86.135l-148.552-152.847c-11.064-11.382-16.225-27.259-13.962-42.972l30.341-210.97c5.857-40.75-36.332-71.398-73.272-53.233l-191.273 94.044c-14.244 7.009-30.935 7.009-45.181 0l-191.27-94.044c-36.943-18.166-79.131 12.483-73.271 53.233l30.34 210.97c2.26 15.713-2.897 31.59-13.962 42.972l-148.551 152.847c-28.692 29.522-12.578 79.116 27.987 86.135l210.021 36.339c15.644 2.706 29.146 12.517 36.555 26.558l99.46 188.512z" />
+<glyph unicode="&#x2606;" glyph-name="star-outline" d="M512 676.559l54.175-102.684c22.226-42.124 62.735-71.555 109.665-79.675l114.401-19.794-80.916-83.258c-33.198-34.15-48.671-81.772-41.887-128.916l16.522-114.918-104.182 51.231c-42.742 21.018-92.814 21.018-135.554 0l-104.186-51.231 16.526 114.918c6.779 47.145-8.693 94.766-41.888 128.916l-80.916 83.258 114.4 19.794c46.93 8.12 87.438 37.551 109.663 79.675l54.177 102.684zM557.286 810.172c-19.215 36.41-71.359 36.41-90.57-0.001l-99.461-188.512c-7.408-14.041-20.911-23.852-36.555-26.558l-210.021-36.339c-40.565-7.019-56.679-56.613-27.987-86.135l148.551-152.847c11.065-11.382 16.223-27.259 13.963-42.972l-30.34-210.97c-5.86-40.75 36.327-71.398 73.27-53.233l191.27 94.044c14.247 7.009 30.938 7.009 45.187 0l191.268-94.044c36.941-18.166 79.13 12.483 73.272 53.233l-30.341 210.97c-2.258 15.713 2.898 31.59 13.962 42.972l148.552 152.847c28.692 29.522 12.575 79.116-27.986 86.135l-210.022 36.339c-15.642 2.707-29.148 12.517-36.557 26.558l-99.456 188.513z" />
+<glyph unicode="&#x2630;" glyph-name="grab" d="M102.4 614.4v102.4h819.2v-102.4h-819.2zM102.4 358.4v102.4h819.2v-102.4h-819.2zM102.4 102.4v102.4h819.2v-102.4h-819.2z" />
+<glyph unicode="&#x266b;" glyph-name="audio" d="M307.2 640l460.8 128v-486.4c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128 8.765 0 17.326-0.881 25.6-2.56v156.16l-256-76.8v-307.2c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128 8.767 0 17.328-0.881 25.6-2.56v335.36z" />
+<glyph unicode="&#x26a0;" glyph-name="warning" d="M556.626 791.067c-19.574 34.798-69.677 34.798-89.251 0l-373.256-663.564c-19.198-34.13 5.466-76.303 44.624-76.303h746.509c39.163 0 63.826 42.173 44.626 76.303l-373.253 663.564zM512 614.4c28.278 0 51.2-22.923 51.2-51.2v-204.8c0-28.278-22.922-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v204.8c0 28.277 22.923 51.2 51.2 51.2zM563.2 204.8c0-28.278-22.922-51.2-51.2-51.2s-51.2 22.922-51.2 51.2c0 28.278 22.923 51.2 51.2 51.2s51.2-22.922 51.2-51.2z" />
+<glyph unicode="&#x2913;" glyph-name="pull" d="M512 819.2c28.278 0 51.2-22.923 51.2-51.2v-388.393l117.396 117.397c19.994 19.995 52.413 19.995 72.407 0s19.994-52.413 0-72.408l-204.8-204.799c-19.994-19.994-52.412-19.994-72.408 0l-204.8 204.799c-19.995 19.995-19.995 52.413 0 72.408s52.413 19.995 72.408 0l117.396-117.397v388.393c0 28.277 22.923 51.2 51.2 51.2zM563.2 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM358.4 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM768 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2z" />
+<glyph unicode="&#x2b07;" glyph-name="drop-big" d="M512 25.6c-226.217 0-409.6 183.383-409.6 409.6s183.383 409.6 409.6 409.6c226.217 0 409.6-183.383 409.6-409.6s-183.383-409.6-409.6-409.6zM563.2 665.6c0 28.277-22.922 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v-337.193l-142.996 142.996c-19.994 19.996-52.413 19.996-72.407 0-19.995-19.994-19.995-52.413 0-72.407l230.4-230.4c19.994-19.996 52.413-19.996 72.407 0l230.4 230.4c19.996 19.994 19.996 52.413 0 72.407-19.994 19.996-52.413 19.996-72.407 0l-142.996-142.996v337.193z" />
+<glyph unicode="&#x1f3bc;" glyph-name="lyrics" d="M819.2 870.4c56.556 0 102.4-45.846 102.4-102.4v-97.891l-102.4-30.72v128.611h-614.4v-716.8h206.206c4.157-37.601 17.363-72.479 37.392-102.4h-243.598c-56.554 0-102.4 45.844-102.4 102.4v716.8c0 56.554 45.846 102.4 102.4 102.4h614.4zM768 332.8v-256c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128 8.765 0 17.326-0.881 25.6-2.56v284.16l256 76.8v-179.2l-153.6-51.2zM307.2 614.4c0 28.277 22.923 51.2 51.2 51.2h256c28.278 0 51.2-22.923 51.2-51.2s-22.922-51.2-51.2-51.2h-256c-28.277 0-51.2 22.923-51.2 51.2zM307.2 409.6c0 28.277 22.923 51.2 51.2 51.2h153.6c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-153.6c-28.277 0-51.2 22.922-51.2 51.2zM307.2 204.8c0 28.278 22.923 51.2 51.2 51.2h51.2c28.277 0 51.2-22.922 51.2-51.2s-22.923-51.2-51.2-51.2h-51.2c-28.277 0-51.2 22.922-51.2 51.2z" />
+<glyph unicode="&#x1f4bd;" glyph-name="cover" d="M548.204 714.227c59.986 59.984 157.24 59.984 217.221 0 59.986-59.984 59.986-157.239 0-217.223l-36.204-36.204 36.204-36.204c59.986-59.985 59.986-157.24 0-217.226-59.981-59.981-157.235-59.981-217.221 0l-36.204 36.209-36.204-36.204c-59.984-59.986-157.239-59.986-217.223 0-59.984 59.981-59.984 157.235 0 217.221l36.204 36.204-36.204 36.204c-59.984 59.984-59.984 157.239 0 217.223s157.239 59.984 217.224 0l36.203-36.204 36.204 36.204zM512 358.4c56.556 0 102.4 45.844 102.4 102.4 0 56.554-45.844 102.4-102.4 102.4-56.554 0-102.4-45.846-102.4-102.4 0-56.556 45.846-102.4 102.4-102.4zM102.4 921.6c-56.554 0-102.4-45.846-102.4-102.4v-819.2c0-56.556 45.846-102.4 102.4-102.4h819.2c56.556 0 102.4 45.844 102.4 102.4v819.2c0 56.554-45.844 102.4-102.4 102.4h-819.2zM102.4 819.2h819.2v-716.8h-819.2v716.8z" />
+<glyph unicode="&#x1f4c3;" glyph-name="config" d="M614.4 819.2h-358.4c-28.277 0-51.2-22.923-51.2-51.2v-665.6c0-28.278 22.923-51.2 51.2-51.2h512c28.278 0 51.2 22.922 51.2 51.2v512l-204.8 204.8zM640 665.6c14.136 0 25.6-11.462 25.6-25.6s-11.464-25.6-25.6-25.6h-132.37c-10.543-29.829-38.991-51.2-72.43-51.2s-61.887 21.371-72.43 51.2h-81.17c-14.138 0-25.6 11.462-25.6 25.6s11.462 25.6 25.6 25.6h81.17c10.543 29.829 38.991 51.2 72.43 51.2s61.887-21.371 72.43-51.2h132.37zM256 435.2c0 14.138 11.462 25.6 25.6 25.6h234.772c10.542 29.829 38.989 51.2 72.428 51.2s61.885-21.371 72.428-51.2h81.172c14.136 0 25.6-11.462 25.6-25.6s-11.464-25.6-25.6-25.6h-81.172c-10.542-29.829-38.989-51.2-72.428-51.2s-61.885 21.371-72.428 51.2h-234.772c-14.138 0-25.6 11.462-25.6 25.6zM256 230.4c0 14.136 11.462 25.6 25.6 25.6h81.17c10.543 29.829 38.991 51.2 72.43 51.2s61.887-21.371 72.43-51.2h234.77c14.136 0 25.6-11.464 25.6-25.6s-11.464-25.6-25.6-25.6h-234.77c-10.543-29.829-38.991-51.2-72.43-51.2s-61.887 21.371-72.43 51.2h-81.17c-14.138 0-25.6 11.464-25.6 25.6z" />
+<glyph unicode="&#x1f4dd;" glyph-name="edit-info" d="M776.786 870.4l-102.4-102.4h-469.586v-716.8h614.4v367.185l102.4 102.4v-469.585c0-56.556-45.844-102.4-102.4-102.4h-614.4c-56.554 0-102.4 45.844-102.4 102.4v716.8c0 56.554 45.846 102.4 102.4 102.4h571.986zM571.986 665.6l-102.402-102.4h-111.184c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2h213.586zM409.6 460.8v-102.4h-51.2c-28.277 0-51.2 22.922-51.2 51.2 0 28.277 22.923 51.2 51.2 51.2h51.2zM307.2 204.8c0 28.278 22.923 51.2 51.2 51.2h307.2c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-307.2c-28.277 0-51.2 22.922-51.2 51.2zM512 460.8l204.8 204.8 102.4-102.4-204.8-204.8h-102.4v102.4zM870.4 614.4l-102.4 102.4 29.993 29.992c13.578 13.579 31.995 21.208 51.2 21.208 39.987 0 72.407-32.418 72.407-72.408 0-19.204-7.629-37.621-21.207-51.2l-29.993-29.992z" />
+<glyph unicode="&#x1f4f9;" glyph-name="video" d="M256 665.6h307.2c56.554 0 102.4-45.846 102.4-102.4v-307.2c0-56.554-45.846-102.4-102.4-102.4h-307.2c-56.554 0-102.4 45.846-102.4 102.4v307.2c0 56.554 45.846 102.4 102.4 102.4zM716.8 307.2v204.8l153.6 102.4h51.2v-409.6h-51.2l-153.6 102.4z" />
+<glyph unicode="&#x1f504;" glyph-name="loading" d="M716.8 409.6c0 28.277 22.922 51.2 51.2 51.2h102.4c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-102.4c-28.278 0-51.2 22.922-51.2 51.2zM102.4 409.6c0 28.277 22.923 51.2 51.2 51.2h102.4c28.277 0 51.2-22.923 51.2-51.2 0-28.278-22.923-51.2-51.2-51.2h-102.4c-28.277 0-51.2 22.922-51.2 51.2zM512 614.4c-28.277 0-51.2 22.923-51.2 51.2v102.4c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v-102.4c0-28.277-22.922-51.2-51.2-51.2zM512 0c-28.277 0-51.2 22.922-51.2 51.2v102.4c0 28.278 22.923 51.2 51.2 51.2s51.2-22.922 51.2-51.2v-102.4c0-28.278-22.922-51.2-51.2-51.2zM656.814 554.416c-19.994 19.995-19.994 52.413 0 72.408l72.407 72.408c19.999 19.995 52.413 19.995 72.412 0 19.994-19.995 19.994-52.413 0-72.408l-72.412-72.408c-19.994-19.995-52.408-19.995-72.407 0zM222.369 119.967c-19.995 19.999-19.995 52.413 0 72.412l72.408 72.407c19.995 19.994 52.413 19.994 72.408 0 19.995-19.999 19.995-52.413 0-72.407l-72.408-72.412c-19.995-19.994-52.413-19.994-72.408 0zM656.814 264.786c19.999 19.994 52.413 19.994 72.407 0l72.412-72.407c19.994-19.999 19.994-52.413 0-72.412-19.999-19.994-52.413-19.994-72.412 0l-72.407 72.412c-19.994 19.994-19.994 52.408 0 72.407zM222.369 699.231c19.995 19.995 52.413 19.995 72.408 0l72.408-72.408c19.995-19.995 19.995-52.413 0-72.408s-52.413-19.995-72.408 0l-72.408 72.408c-19.995 19.995-19.995 52.413 0 72.408z" />
+<glyph unicode="&#x1f507;" glyph-name="volume-x" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8zM614.4 512v51.2h51.2l102.4-102.4 102.4 102.4h51.2v-51.2l-102.4-102.4 102.4-102.4v-51.2h-51.2l-102.4 102.4-102.4-102.4h-51.2v51.2l102.4 102.4-102.4 102.4z" />
+<glyph unicode="&#x1f508;" glyph-name="volume-none" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8z" />
+<glyph unicode="&#x1f509;" glyph-name="volume-low" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8zM665.6 409.6c0-28.278-22.922-51.2-51.2-51.2v-102.4c84.833 0 153.6 68.767 153.6 153.6 0 84.831-68.767 153.6-153.6 153.6v-102.4c28.278 0 51.2-22.923 51.2-51.2z" />
+<glyph unicode="&#x1f50a;" glyph-name="volume-high" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8zM870.4 409.6c0 141.385-114.616 256-256 256v102.4c197.939 0 358.4-160.461 358.4-358.4s-160.461-358.4-358.4-358.4v102.4c141.384 0 256 114.616 256 256zM665.6 409.6c0-28.278-22.922-51.2-51.2-51.2v-102.4c84.833 0 153.6 68.767 153.6 153.6 0 84.831-68.767 153.6-153.6 153.6v-102.4c28.278 0 51.2-22.923 51.2-51.2z" />
+<glyph unicode="&#x1f5b9;" glyph-name="text" d="M614.4 768l204.8-204.8v-460.8c0-28.278-22.922-51.2-51.2-51.2h-512c-28.277 0-51.2 22.922-51.2 51.2v614.4c0 28.277 22.923 51.2 51.2 51.2h358.4zM358.4 665.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2h204.8c28.278 0 51.2 22.923 51.2 51.2s-22.922 51.2-51.2 51.2h-204.8zM307.2 409.6c0-28.278 22.923-51.2 51.2-51.2h307.2c28.278 0 51.2 22.922 51.2 51.2 0 28.277-22.922 51.2-51.2 51.2h-307.2c-28.277 0-51.2-22.923-51.2-51.2zM358.4 256c-28.277 0-51.2-22.922-51.2-51.2s22.923-51.2 51.2-51.2h307.2c28.278 0 51.2 22.922 51.2 51.2s-22.922 51.2-51.2 51.2h-307.2z" />
+<glyph unicode="&#x1f5bc;" glyph-name="image" d="M921.6 102.4l-307.2 460.8-204.8-307.2-102.4 153.6-204.8-307.2h819.2zM358.4 614.4c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4z" />
+<glyph unicode="&#x1f5c9;" glyph-name="info" d="M921.6 768c0 56.554-45.844 102.4-102.4 102.4h-614.4c-56.554 0-102.4-45.846-102.4-102.4v-716.8c0-56.556 45.846-102.4 102.4-102.4h614.4c56.556 0 102.4 45.844 102.4 102.4v716.8zM204.8 768h614.4v-716.8h-614.4v716.8zM307.2 614.4c0 28.277 22.923 51.2 51.2 51.2h307.2c28.278 0 51.2-22.923 51.2-51.2s-22.922-51.2-51.2-51.2h-307.2c-28.277 0-51.2 22.923-51.2 51.2zM307.2 409.6c0 28.277 22.923 51.2 51.2 51.2h307.2c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-307.2c-28.277 0-51.2 22.922-51.2 51.2zM307.2 204.8c0 28.278 22.923 51.2 51.2 51.2h307.2c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-307.2c-28.277 0-51.2 22.922-51.2 51.2z" />
+<glyph unicode="&#x1f5d1;" glyph-name="trash" horiz-adv-x="973" d="M153.6 665.6v102.4h153.6l51.2 51.2h256l51.2-51.2h153.6v-102.4h-665.6zM768 614.4v-512c0-56.556-45.844-102.4-102.4-102.4h-358.4c-56.554 0-102.4 45.844-102.4 102.4v512h563.2zM358.4 512h-51.2v-409.6h51.2v409.6zM614.4 512v-409.6h51.2v409.6h-51.2zM512 512h-51.2v-409.6h51.2v409.6z" />
+</font></defs></svg>

src/reset.css

@@ -0,0 +1,78 @@
+/***
+    The new CSS reset - version 1.5.1 (last updated 1.3.2022)
+    GitHub page: https://github.com/elad2412/the-new-css-reset
+***/
+
+/*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+ */
+ /* *:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) { */
+ *:where(:not(iframe, canvas, img, svg, video, strong, b, i, em, hr, del, s, strike, sup, sub, u, ul, li):not(svg *, symbol *)) {
+    all: unset;
+    display: revert;
+}
+
+/* Preferred box-sizing value */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* Reapply the pointer cursor for anchor tags */
+a, button {
+    cursor: revert;
+}
+
+/* Remove list styles (bullets/numbers) */
+/* ol, ul, menu {
+    list-style: none;
+} */
+
+/* For images to not be able to exceed their container */
+img {
+    max-width: 100%;
+}
+
+/* removes spacing between cells in tables */
+table {
+    border-collapse: collapse;
+}
+
+/* revert the 'white-space' property for textarea elements on Safari */
+textarea {
+    white-space: revert;
+}
+
+/* minimum style to allow to style meter element */
+meter {
+    -webkit-appearance: revert;
+    appearance: revert;
+}
+
+/* reset default text opacity of input placeholder */
+::placeholder {
+    color: unset;
+}
+
+/* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+:where([hidden]) {
+    display: none;
+}
+
+/* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly. */
+:where([contenteditable]) {
+    -moz-user-modify: read-write;
+    -webkit-user-modify: read-write;
+    overflow-wrap: break-word;
+    -webkit-line-break: after-white-space;
+}
+
+/* apply back the draggable feature - exist only in Chromium and Safari */
+:where([draggable="true"]) {
+    -webkit-user-drag: element;
+}
+