Updates

Classic Apple.json

@@ -0,0 +1 @@
+{"frontHtml":"<section class=\"dotgothic16-regular pa3 flex flex-column h-100 black macmouse\">\n  <section\n    class=\"bg-checkered pa4 pv3 br3 h-100 overflow-hidden mr-auto ml-auto w-100\"\n  >\n    <section\n      class=\"br3 ba b--black h-100 overflow-y-scroll invisible-scrollbar measure-wide mr-auto ml-auto bg-white\"\n    >\n      <header class=\"ph3 bb b--black\">\n        <p\n          class=\"ma0 f3 ba mt2 pl1 pb2 br3 ml1 shift-up-left macpointer dib lh-title\"\n        >\n          {{audio}}\n        </p>\n      </header>\n      <section class=\"pb3 ph3 pt2 chicago-flf\">\n        <p class=\"ma0 f4 lh-copy\">What is the meaning of what is being said?</p>\n      </section>\n    </section>\n  </section>\n</section>\n","backHtml":"<div class=\"off-screen\">\n  <!-- reference: https://github.com/tomren1/dither-with-css -->\n  <svg image-rendering=\"optimizeSpeed\">\n    <filter\n      id=\"dithering-filter5\"\n      color-interpolation-filters=\"sRGB\"\n      x=\"0\"\n      y=\"0\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <feImage\n        width=\"2\"\n        height=\"2\"\n        xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAASElEQVR42gXBgQAAIAxFwW8QwhBCCCGEIYQQQgghhBBCCEMYwutOkphzYmbsvdG9l9YaEYG7o1or5xxKKay1UGYyxuC9R++dD7yGJkTj6F0HAAAAAElFTkSuQmCC\"\n      />\n      <feTile />\n      <feComposite\n        operator=\"arithmetic\"\n        k1=\"0.2\"\n        k2=\"0.5\"\n        k3=\"0.9\"\n        in=\"SourceGraphic\"\n      />\n      <feComponentTransfer>\n        <feFuncG type=\"discrete\" tableValues=\"0 1\" />\n        <feFuncB type=\"discrete\" tableValues=\"0 1\" />\n        <feFuncR type=\"discrete\" tableValues=\"0 1\" />\n      </feComponentTransfer>\n      <!-- Optionally convert to grayscale first if the input image is in color -->\n      <feColorMatrix type=\"saturate\" values=\"0\" />\n      <!-- Boost contrast to ensure values are pushed to extremes -->\n      <feComponentTransfer>\n        <feFuncR type=\"linear\" slope=\"10\" intercept=\"-4.5\" />\n        <feFuncG type=\"linear\" slope=\"10\" intercept=\"-4.5\" />\n        <feFuncB type=\"linear\" slope=\"10\" intercept=\"-4.5\" />\n      </feComponentTransfer>\n    </filter>\n  </svg>\n</div>\n\n<section class=\"dotgothic16-regular pa3 flex flex-column h-100 black macmouse\">\n  <section\n    class=\"bg-checkered pa4 pv3 br3 h-100 overflow-hidden mr-auto ml-auto w-100\"\n  >\n    <section\n      class=\"br3 ba b--black h-100 overflow-y-scroll invisible-scrollbar measure-wide mr-auto ml-auto bg-white\"\n    >\n      <header class=\"ph3 bb b--black flex items-center lh-title\">\n        <p class=\"ma0 f3 ba mt2 pl1 pb2 br3 ml1 shift-up-left macpointer dib\">\n          {{audio}}\n        </p>\n        <h1 class=\"ma0 dark-green dib f2\">{{term}}</h1>\n        <p class=\"ma0 dib f2\">・</p>\n        <p class=\"ma0 dib f2\">{{reading}}</p>\n      </header>\n      <section class=\"pb3 ph3 pt2 chicago-flf\">\n        <p class=\"ma0 f4 lh-copy\">{{translation}}</p>\n        <p class=\"ma0 f4 lh-copy\">{{transliteration}}</p>\n        <p class=\"ma0 f4 pb2 lh-copy\">{{Tags}}</p>\n\n        <div class=\"relative measure-narrow\">\n          <div id=\"dynamic-img\" class=\"f3 image-wrapper dither-5\">\n            {{picture}}\n          </div>\n          <div class=\"absolute left-0 top-0 o-0 show-on-hover\">{{picture}}</div>\n        </div>\n      </section>\n    </section>\n  </section>\n</section>\n","cardCss":"@import url(\"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap\");\n\n.dotgothic16-regular {\n  font-family: \"DotGothic16\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n/* https://fontlibrary.org/en/font/chicagoflf */\n@font-face {\n  font-family: ChicagoFLF;\n  src: url(ChicagoFLF.ttf) format(\"truetype\");\n}\n\n.chicago-flf {\n  font-family: \"ChicagoFLF\", sans-serif;\n}\n\n:root {\n}\n\n.unifont-medium {\n  font-family: \"UnifontMedium\", mono;\n  font-weight: normal;\n  font-style: normal;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n  overflow-y: hidden;\n}\n\n.dark-green {\n  color: var(--dark-green);\n}\n\n.medium-green {\n  color: var(--medium-green);\n}\n\n.bg-green {\n  background-color: var(--green);\n}\n\n.bg-light-gray {\n  background-color: var(--light-gray);\n}\n\n.green-filter {\n  filter: url(#colorFilter);\n}\n\n.green-filter:hover {\n  filter: url(); /* intentionally left blank */\n}\n\n.image-wrapper img {\n  display: block;\n  height: auto;\n}\n\n.image-wrapper {\n  display: inline-block;\n  height: auto;\n}\n\n.shift-up-left {\n  transform: translate(-0.5rem, -0.25rem);\n}\n\n.lh-audio {\n  height: 1rem;\n}\n\n.bg-checkered {\n  background-image: url(Swatch.svg);\n  background-repeat: repeat;\n}\n\n.dither-5 {\n  /* Apply the SVG filter */\n  filter: url(#dithering-filter5);\n}\n\n.show-on-hover {\n  transition: opacity 0.5s ease-in-out;\n}\n.show-on-hover:hover {\n  opacity: 1;\n}\n\n.macmouse {\n  cursor: url(macmouse.png), auto;\n}\n\n.macmouse .macpointer {\n  cursor: url(\"macmouse_pointer.png\"), auto;\n}\n","designName":"Classic Apple"}

assets/index-4c29a546.js

@@ -0,0 +1 @@
+import{H as a}from"./index-5ef615df.js";export{a as HighlightJS,a as default};