<!-- fmdl 49 -->
### README.txt

**Size**	1730 B

**MD5**	e0a5e5a7c71944fdb4f9ac16a4a383cf

**SHA1**	ac9c8806be1d2918c9799bdd752887507390a77d

### 元音与辅音.mp3

**Size**	4247824 B

**MD5**	3a31062bafba59d7a06725e7b6baad33

**SHA1**	63c5277e551ae03c11011fd85f455ad9cbc4156e

### 第02课.mp3

**Size**	1091814 B

**MD5**	5f646240b6a269d29e369d3024d4b65b

**SHA1**	c8edaa192ee341c6f718cfd6d335d848a3cc2062

### 第03课.mp3

**Size**	3195820 B

**MD5**	e5800e65a4f1b5e4218671e3d836643b

**SHA1**	10f117af6aa5477f90ef784c8eb328c6c4233cfd

### 第04课.mp3

**Size**	2322495 B

**MD5**	11ddb8ad69a907c62ef547fae9121b84

**SHA1**	1adbf6a7fee4f25238f3f5303694747b624c9a45

### 第05课.mp3

**Size**	5429290 B

**MD5**	104201d63e5b1252c55a28d7ccfe600f

**SHA1**	a3a77d04dffcb70211d3d499cc95d5be344c279b

### 第06课.mp3

**Size**	2052284 B

**MD5**	51f3ad868c79e4ac1c7e8fb424045c19

**SHA1**	71cad4c7857f0772a1cf05c922921294650ad999

### 第07课.mp3

**Size**	6130521 B

**MD5**	bbc890c83742f27e717ced6dbcbf7b34

**SHA1**	6b51e75ff86e7a278dfc4f95f85adbd21751dcd4

### 第08课.mp3

**Size**	5621447 B

**MD5**	adb35144b4e2a8fba87e782228751081

**SHA1**	ed525ded6c03acb121b218fb1a77f6804e38914f

### 第09课.mp3

**Size**	7199765 B

**MD5**	7ea4483db64bfb938e25b03b2aa8742d

**SHA1**	f9874d9236ab2e735b2c7e268f2461b1c610cc79

### 第10课.mp3

**Size**	7301016 B

**MD5**	86561f4ae71e6d9c7b8528b49f398c31

**SHA1**	86df74818f283c90d229adb3aa45f49d520fe3cb

### 第11课.mp3

**Size**	1815928 B

**MD5**	233fef0c0887b0ed5c3c2093f2b97278

**SHA1**	80e81ec12d9fdce033d130404759187390b14ad3

### 第12课.mp3

**Size**	1482397 B

**MD5**	32fc464a1dcc831193c82d3cc5d892da

**SHA1**	47a0284f4ecb49f9a4f4c90df8e9820be6182832

### 第13课.mp3

**Size**	934139 B

**MD5**	f0f1481850fec65c4eea33514d09d76d

**SHA1**	4b9f1a53ba1d6846a3e901a4b971b88307a9a61c

### 第14课.mp3

**Size**	3676369 B

**MD5**	17af05d636f36faadb300ead3353bb35

**SHA1**	ae1ddf3b74ce76ce35bf920c40ca5e0e3857e7a4

### 第15课.mp3

**Size**	446067 B

**MD5**	94d4b153f678dddcc97ceb14ff9f2e2e

**SHA1**	eebf161ff809701ebdbe4963c6c9d12d95612b4c

### 第16课.mp3

**Size**	5907331 B

**MD5**	97223c1ed0894c4b7d583310c82c551a

**SHA1**	7fbc5d1979fc74c9636edf6f7e0665f223176de0

### 第17课.mp3

**Size**	2164506 B

**MD5**	94e95c1a3f2d231e88586091c4c8f536

**SHA1**	b1fe97b69eb063a422451b806bb96d8275bfc7d1

### 第18课.mp3

**Size**	2400549 B

**MD5**	48cd9b91d730fc4d83fccc677015faa3

**SHA1**	da47754e25f12e644142edb15f3f50fa11da6829

### 第19课.mp3

**Size**	2431896 B

**MD5**	bd626bef041d50a53555fac5ec8155de

**SHA1**	00caba99f76f1b1663625ad89dcad375af4e2fce

### 第20课.mp3

**Size**	2889874 B

**MD5**	4cc714fc8e03aed6ca9dfda660558b34

**SHA1**	fd9b26e8b6673773bab1e4b70b4d18b29b96a133

### 第21课.mp3

**Size**	2019370 B

**MD5**	9f96600a44847ae77753c564b5447f42

**SHA1**	e3f931b2623bf7c0c43934bd17d593c16044c728

### 第22课.mp3

**Size**	2485812 B

**MD5**	611bdecc856a3e0a0480e9cc30a38476

**SHA1**	3fbbc47eea4157ddd11d523706489deac4c35d54

### 第23课.mp3

**Size**	1782073 B

**MD5**	bf1c4b2150c395ee5478cce91cf3e8d1

**SHA1**	0fe65155248bf08fab4ef53af71fa81705efc594

### 第24课.mp3

**Size**	2531892 B

**MD5**	5a71407377b9ae377c3158e159dda894

**SHA1**	a67afcd71e5e4509b0823187f556b83e4580448c

### 第25课.mp3

**Size**	2097424 B

**MD5**	dc97f903938e6a7dd3ddd3d62e0cf1b3

**SHA1**	6c9d5c3b112cacea49f411ebdbe90c384c821637

### 第26课.mp3

**Size**	2801789 B

**MD5**	bdc4d5c2246829d5646da3dd51977eb2

**SHA1**	2b0422d94268b518d4fca2ef28e1aaec45e1d7f6

### 第27课.mp3

**Size**	2345064 B

**MD5**	8b6b28c2082197d4e4f8bbc75dfd796e

**SHA1**	5a21b065674c517741b44c9c26fb7fddeefbde86

### 第28课.mp3

**Size**	2646309 B

**MD5**	1549366f43fbfd2be58f103960c62836

**SHA1**	3d2420075468b239875cfdc1d24628b1252fe6ca

### 第29课.mp3

**Size**	2385189 B

**MD5**	13717b34afd002d28a43437bcf96859e

**SHA1**	66f2c64158822992eb0cc1d1916097ee7c22172f

### 第30课.mp3

**Size**	2554462 B

**MD5**	f71e687685ea0b382f1a549bf19172c0

**SHA1**	08b1c90d2a977e027c3b8b15f1177e804ca0e056

### 第31课.mp3

**Size**	1891788 B

**MD5**	d1bc6e15bc0f30ce7985fb5dee69e2c4

**SHA1**	e3a21f4a73780c4e0d26d28b6544462fdc133677

### 第32课.mp3

**Size**	2689567 B

**MD5**	1494922745904e7f9a317791149c0618

**SHA1**	a943ee36806f323c53b7d135b373bfe6a5f6889a

### 第33课.mp3

**Size**	3568536 B

**MD5**	3588c29916f2d773612e857ac4d7a9ba

**SHA1**	1f60b95185402e677bbcbfc497ac62c6294b552f

### 第34课.mp3

**Size**	2435030 B

**MD5**	c1aa0ec394759fd1b9c6fa1bbfb516b8

**SHA1**	d24dcb8dc796eb2db84cd706ccce7663ee167558

### 第35课.mp3

**Size**	2539102 B

**MD5**	ab159c0fa210f76bc5e9ef642f40cbf9

**SHA1**	d12bccfe1b36f635c9a76126f18768a03ad99a54

### 第36课.mp3

**Size**	2249770 B

**MD5**	48338ab3d0eb186ac61684004ca3c9ac

**SHA1**	eb6d26c39e4326635e9798de17f3cd4d96fa5d8c

### 第37课.mp3

**Size**	2734080 B

**MD5**	174ce7c9339293fa69ab7a8ccc889fa5

**SHA1**	4559de06f19cf3506e56b4ba678a64e85ffd9796

### 第38课.mp3

**Size**	2495530 B

**MD5**	ba762cc1b1e4dc72c902cdb6c3ed75c1

**SHA1**	564c64392bfcf020fa591df5ec371cd5a655d8f5

### 第39课.mp3

**Size**	2682671 B

**MD5**	e111302aed15c9cc716484e2cd293a1d

**SHA1**	68cf4d0853f5597b07e19420c08af05c740e3f17

### 第40课.mp3

**Size**	2309956 B

**MD5**	0b8b82713455e71a93bb63465948e40e

**SHA1**	fb8c34600222e85140d9ac4143102ca8da9f605a

### 第41课.mp3

**Size**	2239112 B

**MD5**	2fd5dbc46e0f03c9d33efa489243a3d6

**SHA1**	4df6c39a884ab5c20cba7589a259a64d8f258150

### 第42课.mp3

**Size**	3194880 B

**MD5**	49e0d5dadc544929765ef345c3e3583f

**SHA1**	44dff1c405f54615e4e1811f20c74af122addd54

### 第43课.mp3

**Size**	3097704 B

**MD5**	e1b4b22bcf1aa2befb93a77f3c97a5bf

**SHA1**	5333b8454908e94684c681803f8197419803e0ae

### 第44课.mp3

**Size**	3147546 B

**MD5**	33d25598d4a3e5fa93cf5385b78e1793

**SHA1**	7314910822607dfd88256260eb77fb8be91e2382

### 第45课.mp3

**Size**	3810220 B

**MD5**	8e853b248c4d035e41af869ec6faa55a

**SHA1**	f9f3817774819f0df7e13c2ac45915fb1ad586fc

### 第46课.mp3

**Size**	2527817 B

**MD5**	50088b428e983ec3f864da4d7306f8ef

**SHA1**	fd77ffd22aece86a2ac3bd03e0b3e212f61fdb7c

### 音变总复习.mp3

**Size**	1507474 B

**MD5**	f62b31a8a646f55156c9bfb0fd1ed12a

**SHA1**	eb3bf4a723c635023a2e157b5e45ca633de5fa4b

<!-- autoindex.html 21.02, see https://phus.lu -->
<script>
  !(function () {
    var website_title = "";
    var datetime_format = "%d-%b-%Y %H:%M";
    var show_readme_md = true;
    var enable_footer_js = true;
    var max_name_length = 60;

    var dom = {
      element: null,
      get: function (o) {
        var obj = Object.create(this);
        obj.element = typeof o == "object" ? o : document.createElement(o);
        return obj;
      },
      add: function (o) {
        var obj = dom.get(o);
        this.element.appendChild(obj.element);
        return obj;
      },
      text: function (t) {
        this.element.appendChild(document.createTextNode(t));
        return this;
      },
      html: function (s) {
        this.element.innerHTML = s;
        return this;
      },
      attr: function (k, v) {
        this.element.setAttribute(k, v);
        return this;
      },
    };

    head = dom.get(document.head);
    head.add("meta").attr("charset", "utf-8");
    head
      .add("meta")
      .attr("name", "viewport")
      .attr("content", "width=device-width,initial-scale=1");

    if (!document.title) {
      document.write(
        [
          '<div class="container">',
          "<h3>nginx.conf</h3>",
          "<textarea rows=8 cols=50>",
          "# download autoindex.html to /wwwroot/",
          "location ~ ^(.*)/$ {",
          "    charset utf-8;",
          "    autoindex on;",
          "    autoindex_localtime on;",
          "    autoindex_exact_size off;",
          "    add_after_body /autoindex.html;",
          "}",
          "</textarea>",
          "</div>",
        ].join("\n")
      );
      return;
    }

    var bodylines = document.body.innerHTML.split("\n");
    document.body.innerHTML = "";

    titlehtml = document.title
      .replace(/\/$/, "")
      .split("/")
      .slice(1)
      .reduce(function (acc, v, i, a) {
        return (
          acc + '<a href="/' + a.slice(0, i + 1).join("/") + '/">' + v + "</a>/"
        );
      }, '<a href="/">Index</a> of /');
    if (website_title) {
      document.title = website_title + " - " + document.title;
    }
    head
      .add("meta")
      .attr("name", "description")
      .attr("content", document.title);

    div = dom.get("div").attr("class", "container");
    div.add("table").add("tbody").add("tr").add("th").html(titlehtml);
    tbody = div.add("table").attr("class", "table-hover").add("tbody");

    names = ["Name", "Date", "Size"];
    thead = tbody.add("tr");
    for (i = 0; i < names.length; i++)
      thead
        .add("td")
        .add("a")
        .attr("href", "javascript:sortby(" + i + ")")
        .attr("class", "octicon arrow-up")
        .text(names[i]);

    var humanFileSize = function (size) {
      if (size === "") {
        return "";
      }
      var i = size == 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));
      return (
        (size / Math.pow(1024, i)).toFixed(2) * 1 +
        " " +
        ["B", "kB", "MB", "GB", "TB"][i]
      );
    };

    var insert = function (filename, datetime, size) {
      if (/\/$/.test(filename)) {
        css = "file-directory";
        size = "";
      } else if (/\.(zip|7z|bz2|gz|tar|tgz|tbz2|xz|cab)$/.test(filename)) {
        css = "file-zip";
      } else if (
        /\.(py|js|php|pl|rb|sh|bash|lua|sql|go|rs|java|c|h|cpp|cxx|hpp)$/.test(
          filename
        )
      ) {
        css = "file-code";
      } else if (/\.(jpg|png|bmp|gif|ico|webp)$/.test(filename)) {
        css = "file-media";
      } else if (/\.(flv|mp4|mkv|avi|mkv|vp9)$/.test(filename)) {
        css = "device-camera-video";
      } else {
        css = "file";
      }

      displayname = decodeURIComponent(filename.replace(/\/$/, ""));
      real_displayname = decodeURIComponent(filename.replace(/\/$/, ""));
      if (displayname.length > max_name_length)
        displayname = displayname.substring(0, max_name_length - 3) + "..>";

      if (!isNaN(Date.parse(datetime))) {
        d = new Date(datetime);
        pad = function (s) {
          return s < 10 ? "0" + s : s;
        };
        mon = function (m) {
          return [
            "Jan",
            "Feb",
            "Mar",
            "Apr",
            "May",
            "Jun",
            "Jul",
            "Aug",
            "Sep",
            "Oct",
            "Nov",
            "Dec",
          ][m];
        };
        datetime = datetime_format
          .replace("%Y", d.getFullYear())
          .replace("%m", pad(d.getMonth() + 1))
          .replace("%d", pad(d.getDate()))
          .replace("%H", pad(d.getHours()))
          .replace("%M", pad(d.getMinutes()))
          .replace("%S", pad(d.getSeconds()))
          .replace("%b", mon(d.getMonth()));
      }

      tr = tbody.add("tr");
      // Go through CDN, cloudflare will flag if .rar is inside the filename
      var href_filename = '';
      if (filename.endsWith(".rar") && css !== "file-directory" ) {
          href_filename = window.location.href.replace("://downloads","://downloads-direct") + filename
      } else {
          href_filename = filename;
      }
      if (css !== "file-directory") {
        tr.add("td")
          .add("a")
          .attr("class", "octicon " + css)
          .attr("href", href_filename)
          .attr("download", "")
          .text(displayname);
      } else {
        tr.add("td")
          .add("a")
          .attr("class", "octicon " + css)
          .attr("href", filename)
          .text(displayname);
      }
      tr.add("td").text(datetime);
      // added human readable size
      if (size === "") {
        tr.add("td").text("/");
      } else {
        tr.add("td")
          .text(size + " B / " + humanFileSize(size) + " / ")
          .add("a")
          .attr(
            "href",
            "#" +
              real_displayname
                .toLowerCase()
                .replace(/\./g, "")
                .replace(/\[/g, "")
                .replace(/\]/g, "")
                .replace(/ /g, "-")
                .replace(/,/g, "")
                .replace(/'/g, "")
                .replace(/\+/g, "")
                .replace(/\(/g, "")
                .replace(/\)/g, "")
          )
          .text("File Hash");
      }
    };

    var readme = "",
      footer = "";
    insert("../", "", "-");
    for (var i in bodylines) {
      if (
        (m = /\s*<a href="(.+?)">(.+?)<\/a>\s+(\S+)\s+(\S+)\s+(\S+)\s*/.exec(
          bodylines[i]
        ))
      ) {
        filename = m[1];
        datetime = m[3] + " " + m[4];
        size = m[5];
        if (filename.toLowerCase() !== "fmdl_readme.md") {
          insert(filename, datetime, size);
        }
        switch (filename.toLowerCase()) {
          case "fmdl_readme.md":
            readme = filename;
            break;
          case "footer.js":
            footer = filename;
            break;
        }
      }
    }

    document.body.appendChild(div.element);

    if (show_readme_md && readme !== "") {
      tbody = div.add("table").add("tbody");
      tbody
        .add("tr")
        .add("th")
        .attr("class", "octicon octicon-book")
        .text(readme);
      tbody
        .add("tr")
        .add("td")
        .add("div")
        .attr("id", "readme")
        .attr("class", "markdown-body");
      xhr = new XMLHttpRequest();
      xhr.open("GET", location.pathname.replace(/[^/]+$/, "") + readme, true);
      xhr.onload = function () {
        if (xhr.status < 200 && xhr.status >= 400) return;
        wait = function (name, callback) {
          var interval = 10; // ms
          window.setTimeout(function () {
            if (window[name]) {
              callback(window[name]);
            } else {
              window.setTimeout(arguments.callee, interval);
            }
          }, interval);
        };
        wait("marked", function () {
          document.getElementById("readme").innerHTML = marked(
            xhr.responseText
          );
        });
      };
      xhr.send();

      div
        .add("script")
        .attr(
          "src",
          "https://downloads.freemdict.com/.resources/marked.min.js"
        );
      div
        .add("link")
        .attr("rel", "stylesheet")
        .attr(
          "href",
          "https://downloads.freemdict.com/.resources/github-markdown.min.css"
        );
    }

    if (enable_footer_js && footer !== "") {
      div.add("script").attr("src", footer);
    }
  })();

  function sortby(index) {
    rows = document.getElementsByClassName("table-hover")[0].rows;
    link = rows[0].getElementsByTagName("a")[index];
    arrow = link.className == "octicon arrow-down" ? 1 : -1;
    link.className = "octicon arrow-" + (arrow == 1 ? "up" : "down");
    [].slice
      .call(rows)
      .slice(2)
      .map(function (e, i) {
        type =
          e.getElementsByTagName("a")[0].className == "octicon file-directory"
            ? 0
            : 1;
        text = e.getElementsByTagName("td")[index].innerText;
        if (index === 0) {
          value = text;
        } else if (index === 1) {
          value = new Date(text).getTime();
        } else if (index === 2 || index === 3) {
          m = { G: 1024 * 1024 * 1024, M: 1024 * 1024, K: 1024 };
          value = parseInt(text || 0) * (m[text[text.search(/[KMG]B?$/)]] || 1);
        }
        return { type: type, value: value, index: i, html: e.innerHTML };
      })
      .sort(function (a, b) {
        if (a.type != b.type) return a.type - b.type;
        if (a.value != b.value) return a.value < b.value ? -arrow : arrow;
        return a.index < b.index ? -arrow : arrow;
      })
      .forEach(function (e, i) {
        rows[2 + i].innerHTML = e.html;
      });
  }
</script>

<style>
  body {
    margin: 0;
    font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
  }
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 768px) {
    .container {
      max-width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
  }
  table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 0;
    border-collapse: collapse;
  }
  table th {
    font-size: 14px;
  }
  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
  table tr:nth-child(odd) {
    background: #f9f9f9;
  }
  table th,
  table td {
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px;
    padding: 3px;
    text-align: left;
  }
  a {
    color: #337ab7;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    color: #2a6496;
    text-decoration: underline;
  }
  table.table-hover > tbody > tr:hover > td,
  table.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
  }
  .markdown-body {
    float: left;
    font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
  }
  /* octicons */
  .octicon {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 16px;
  }
  .file {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M6 5L2 5 2 4 6 4 6 5 6 5ZM2 8L9 8 9 7 2 7 2 8 2 8ZM2 10L9 10 9 9 2 9 2 10 2 10ZM2 12L9 12 9 11 2 11 2 12 2 12ZM12 4.5L12 14C12 14.6 11.6 15 11 15L1 15C0.5 15 0 14.6 0 14L0 2C0 1.5 0.5 1 1 1L8.5 1 12 4.5 12 4.5ZM11 5L8 2 1 2 1 14 11 14 11 5 11 5Z' fill='%237D94AE'/%3E%3C/svg%3E");
  }
  .file-directory {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath d='M13 4L7 4 7 3C7 2.3 6.7 2 6 2L1 2C0.5 2 0 2.5 0 3L0 13C0 13.6 0.5 14 1 14L13 14C13.6 14 14 13.6 14 13L14 5C14 4.5 13.6 4 13 4L13 4ZM6 4L1 4 1 3 6 3 6 4 6 4Z' fill='%237D94AE'/%3E%3C/svg%3E");
  }
  .file-zip {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M8.5 1L1 1C0.4 1 0 1.4 0 2L0 14C0 14.6 0.4 15 1 15L11 15C11.6 15 12 14.6 12 14L12 4.5 8.5 1ZM11 14L1 14 1 2 4 2 4 3 5 3 5 2 8 2 11 5 11 14 11 14ZM5 4L5 3 6 3 6 4 5 4 5 4ZM4 4L5 4 5 5 4 5 4 4 4 4ZM5 6L5 5 6 5 6 6 5 6 5 6ZM4 6L5 6 5 7 4 7 4 6 4 6ZM5 8L5 7 6 7 6 8 5 8 5 8ZM4 9.3C3.4 9.6 3 10.3 3 11L3 12 7 12 7 11C7 9.9 6.1 9 5 9L5 8 4 8 4 9.3 4 9.3ZM6 10L6 11 4 11 4 10 6 10 6 10Z' fill='%237D94AE'/%3E%3C/svg%3E");
  }
  .file-code {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M8.5,1 L1,1 C0.45,1 0,1.45 0,2 L0,14 C0,14.55 0.45,15 1,15 L11,15 C11.55,15 12,14.55 12,14 L12,4.5 L8.5,1 L8.5,1 Z M11,14 L1,14 L1,2 L8,2 L11,5 L11,14 L11,14 Z M5,6.98 L3.5,8.5 L5,10 L4.5,11 L2,8.5 L4.5,6 L5,6.98 L5,6.98 Z M7.5,6 L10,8.5 L7.5,11 L7,10.02 L8.5,8.5 L7,7 L7.5,6 L7.5,6 Z' fill='%237D94AE' /%3E%3C/svg%3E");
  }
  .file-media {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M6 5L8 5 8 7 6 7 6 5 6 5ZM12 4.5L12 14C12 14.6 11.6 15 11 15L1 15C0.5 15 0 14.6 0 14L0 2C0 1.5 0.5 1 1 1L8.5 1 12 4.5 12 4.5ZM11 5L8 2 1 2 1 13 4 8 6 12 8 10 11 13 11 5 11 5Z' fill='%237D94AE'/%3E%3C/svg%3E");
  }
  .device-camera-video {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M15.2,2.09 L10,5.72 L10,3 C10,2.45 9.55,2 9,2 L1,2 C0.45,2 0,2.45 0,3 L0,12 C0,12.55 0.45,13 1,13 L9,13 C9.55,13 10,12.55 10,12 L10,9.28 L15.2,12.91 C15.53,13.14 16,12.91 16,12.5 L16,2.5 C16,2.09 15.53,1.86 15.2,2.09 L15.2,2.09 Z' fill='%237D94AE' /%3E%3C/svg%3E");
  }
  .octicon-book {
    padding-left: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3,5 L7,5 L7,6 L3,6 L3,5 L3,5 Z M3,8 L7,8 L7,7 L3,7 L3,8 L3,8 Z M3,10 L7,10 L7,9 L3,9 L3,10 L3,10 Z M14,5 L10,5 L10,6 L14,6 L14,5 L14,5 Z M14,7 L10,7 L10,8 L14,8 L14,7 L14,7 Z M14,9 L10,9 L10,10 L14,10 L14,9 L14,9 Z M16,3 L16,12 C16,12.55 15.55,13 15,13 L9.5,13 L8.5,14 L7.5,13 L2,13 C1.45,13 1,12.55 1,12 L1,3 C1,2.45 1.45,2 2,2 L7.5,2 L8.5,3 L9.5,2 L15,2 C15.55,2 16,2.45 16,3 L16,3 Z M8,3.5 L7.5,3 L2,3 L2,12 L8,12 L8,3.5 L8,3.5 Z M15,3 L9.5,3 L9,3.5 L9,12 L15,12 L15,3 L15,3 Z' /%3E%3C/svg%3E");
  }
  .arrow-down {
    font-weight: bold;
    text-decoration: none !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon id='Shape' points='7 7 7 3 3 3 3 7 0 7 5 13 10 7'%3E%3C/polygon%3E%3C/svg%3E");
  }
  .arrow-up {
    font-weight: bold;
    text-decoration: none !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon id='Shape' points='5 3 0 9 3 9 3 13 7 13 7 9 10 9'%3E%3C/polygon%3E%3C/svg%3E");
  }
</style>