Updates

avidrucker · Jul 18, 2024 · bb49d17 · bb49d17
1 parent cc0d398
commit bb49d17
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/Index Card.json b/Index Card.json
@@ -1 +1 @@
-{"frontHtml":"{{#audi}}\n<section\n  class=\"dark-gray chilanka lh-copy relative lined-bg flex flex-column min-h-100\"\n>\n  <header class=\"top-0 left-0 right-0\"></header>\n  <section class=\"pl3 pb3 relative top--2\">\n    <p class=\"ma0 f3 pointer dib vertical-align-custom lh-title\">{{audio}}</p>\n    <p class=\"ma0 f3 dib w-100 vertical-align-custom pt1\">\n      What is the meaning of what is being said?\n    </p>\n  </section>\n</section>\n{{/audio}}\n","backHtml":"<section\n  class=\"dark-gray chilanka lh-copy relative lined-bg flex flex-column min-h-100\"\n>\n  <header class=\"top-0 left-0 right-0\"></header>\n  <section class=\"pl3 pb3 relative top--2\">\n    <p class=\"ma0 f3 dib pointer vertical-align-custom lh-title relative\">\n      {{audio}}\n    </p>\n\n    <h1 class=\"ma0 vertical-align-custom dib w-100 f3 yomogi-regular\">\n      {{term}}\n    </h1>\n    {{#reading}}\n    <p class=\"ma0 f3 vertical-align-custom dib w-100 yomogi-regular lh-title\">\n      {{reading}}\n    </p>\n    {{/reading}} {{#translation}}\n    <p class=\"ma0 vertical-align-custom dib w-100 f3 pt1\">{{translation}}</p>\n    {{/translation}} {{#transliteration}}\n    <p class=\"ma0 vertical-align-custom dib w-100 f3\">\"{{transliteration}}\"</p>\n    {{/transliteration}}\n    <p class=\"ma0 vertical-align-custom dib w-100 f3\">{{Tags}}</p>\n\n    {{#picture}}\n    <div class=\"pr3 dib measure-narrow\">\n      <div class=\"pencil-effect\">{{picture}}</div>\n    </div>\n    {{/picture}}\n  </section>\n</section>\n","cardCss":"@import url(\"https://fonts.googleapis.com/css2?family=Chilanka&display=swap\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Yomogi&display=swap\");\n\n:root {\n  --paper-bg-color: #fff;\n  --line-color: #007bff;\n  --margin-line-color: #ff0000;\n}\n\n.vertical-align-custom {\n  vertical-align: baseline;\n}\n\n.yomogi-regular {\n  font-family: \"Yomogi\", cursive;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.card {\n  position: relative;\n  font-family: Chilanka, cursive;\n  background-color: white;\n}\n\n.lined-bg {\n  background: repeating-linear-gradient(\n    white,\n    white 2.1rem,\n    #9198e5 2.175rem,\n    #9198e5 2.275rem\n  );\n}\n\n.card header {\n  background: linear-gradient(white, white 4.55rem, pink 4.575rem, pink 4.6rem);\n  height: 4.7rem;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.pencil-effect {\n  filter: brightness(2) grayscale(1);\n  mix-blend-mode: normal;\n  position: relative;\n  opacity: 100%;\n}\n\n.pencil-effect::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background-image: url(sketch_lines.jpg);\n  background-size: cover;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  mix-blend-mode: overlay;\n}\n\n.pencil-effect:hover {\n  filter: brightness(1) grayscale(0);\n  mix-blend-mode: normal;\n  opacity: 100%;\n}\n\n.pencil-effect:hover::before {\n  opacity: 0;\n}\n\n.pencil-effect img {\n  display: block;\n  width: 100%;\n}\n\n.italic-japanese {\n  transform: skewX(-8deg);\n}\n","designName":"Index Card"}
+{"frontHtml":"{{#audio}}\n<section\n  class=\"dark-gray chilanka lh-copy relative lined-bg flex flex-column min-h-100\"\n>\n  <header class=\"top-0 left-0 right-0 absolute\"></header>\n  <section class=\"pa3 pt4 relative\">\n    <p\n      class=\"ma0 f3 append-play-btn-text dib vertical-align-custom lh-title pt2 grow-custom\"\n    >\n      {{audio}}\n    </p>\n    <p class=\"ma0 f3 dib w-100 vertical-align-custom pt2\">\n      What is the meaning of what is being said?\n    </p>\n    <!---->\n    <!-- INPUT BLOCK START -->\n    <div\n      id=\"input-container\"\n      class=\"shift-up mt1\"\n      placeholder=\"Type your answer here\"\n    >\n      {{type:term}}\n    </div>\n    <!---->\n    <!-- HINT BLOCK START -->\n    <div class=\"hint-block shift-up lh-title\">\n      <a\n        class=\"hint link underline line-blue f3\"\n        href=\"#\"\n        onclick=\"this.style.display='none';document.getElementById('hint4753594160').style.display='inline-block';return false;\"\n      >\n        Click here for a hint</a\n      >\n      <div id=\"hint4753594160\" class=\"hint dark-gray f3\" style=\"display: none\">\n        {{Tags}}\n      </div>\n    </div>\n    <!---->\n  </section>\n</section>\n<!-- DON'T TOUCH BELOW THIS LINE PLEASE THANK YOU. The following img tag will configure Anki's built-in text input placeholder -->\n<img\n  class=\"dn\"\n  src\n  onerror=\"document.getElementById('typeans').placeholder=document.getElementById('input-container').getAttribute('placeholder'); document.getElementById('typeans').value=''; document.getElementById('typeans').removeAttribute('readonly');\"\n/>\n{{/audio}}\n","backHtml":"<section\n  class=\"dark-gray chilanka lh-copy relative lined-bg flex flex-column min-h-100\"\n>\n  <header class=\"top-0 left-0 right-0 absolute\"></header>\n  <section class=\"pa3 relative pt4\">\n    <p\n      class=\"ma0 f3 dib append-play-btn-text vertical-align-custom lh-title relative pt2 grow-custom\"\n    >\n      {{audio}}\n    </p>\n\n    <h1 class=\"ma0 pt1 vertical-align-custom dib w-100 f3 yomogi-regular\">\n      {{term}}\n    </h1>\n    {{#reading}}\n    <p class=\"ma0 f3 vertical-align-custom dib w-100 yomogi-regular lh-title\">\n      {{reading}}\n    </p>\n    {{/reading}}\n    <section class=\"pt1 english-fields\">\n      {{#translation}}\n      <p class=\"ma0 vertical-align-custom dib w-100 f3\">{{translation}}</p>\n      {{/translation}} {{#transliteration}}\n      <p class=\"ma0 vertical-align-custom dib w-100 f3\">\n        \"{{transliteration}}\"\n      </p>\n      {{/transliteration}}\n      <p class=\"ma0 vertical-align-custom dib w-100 f3\">{{Tags}}</p>\n    </section>\n\n    {{#picture}}\n    <div class=\"pr3 measure-narrow\">\n      <div class=\"pencil-effect img-container f3\">{{picture}}</div>\n    </div>\n    {{/picture}}\n  </section>\n</section>\n","cardCss":"@import url(\"https://unpkg.com/[email protected]/css/tachyons.min.css\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Chilanka&display=swap\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Yomogi&display=swap\");\n\n:root {\n  --paper-bg-color: #fff;\n  --line-color: #9198e5;\n  --margin-line-color: pink;\n  --dark-gray: #333333;\n}\n\n.line-blue {\n  color: var(--line-color);\n}\n\n.line-red {\n  color: var(--margin-line-color);\n}\n\n/* Anki-only styling to take up all vertical space of the card display window */\nhtml,\nbody,\ndiv#qa {\n  height: 100%;\n}\n\n.vertical-align-custom {\n  vertical-align: baseline;\n}\n\n.yomogi-regular {\n  font-family: \"Yomogi\", cursive;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.card {\n  position: relative;\n  font-family: Chilanka, cursive;\n  background-color: white;\n}\n\n.lined-bg {\n  background: repeating-linear-gradient(\n    white,\n    white 2.1rem,\n    var(--line-color) 2.175rem,\n    var(--line-color) 2.275rem\n  );\n}\n\n.card header {\n  background: linear-gradient(\n    white,\n    white 4.55rem,\n    var(--margin-line-color) 4.575rem,\n    var(--margin-line-color) 4.6rem\n  );\n  height: 4.7rem;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.pencil-effect {\n  filter: brightness(2) grayscale(1);\n  mix-blend-mode: normal;\n  position: relative;\n  opacity: 100%;\n}\n\n.pencil-effect::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background-image: url(sketch_lines.jpg);\n  background-size: cover;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  mix-blend-mode: overlay;\n}\n\n.pencil-effect:hover {\n  filter: brightness(1) grayscale(0);\n  mix-blend-mode: normal;\n  opacity: 100%;\n}\n\n.pencil-effect:hover::before {\n  opacity: 0;\n}\n\n.pencil-effect img {\n  display: block;\n  width: 100%;\n}\n\n.italic-japanese {\n  transform: skewX(-8deg);\n}\n\n.lh-0 {\n  line-height: 0;\n}\n\n.lh-audio {\n  line-height: 2.5rem;\n}\n\n.grow-custom > * {\n  -moz-osx-font-smoothing: grayscale;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  transition: transform 0.25s ease-out;\n}\n\n.grow-custom > *:hover,\n.grow-custom > *:focus {\n  transform: scale(1.05);\n}\n\n.grow-custom > *:active {\n  transform: scale(0.9);\n}\n\n/* input-reset input-8-bit f3 w-100 dark-green ba b--medium-green bg-green pa2 */\n#input-container input {\n  -webkit-appearance: none;\n  background-color: transparent;\n  color: var(--dark-gray);\n  font-size: 1.5rem;\n  padding: 0.5rem;\n  border: 1px solid transparent;\n  width: 100%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n#input-container input::placeholder {\n  color: var(--dark-gray);\n  opacity: 0.6;\n}\n\n#input-container input:focus {\n  outline: 0 none;\n  background-color: transparent;\n  border: 1px solid transparent !important;\n}\n\n#input-container input::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/* Anki Only Styles*/\n.append-play-btn-text a::after {\n  content: \"▶\";\n  color: var(--dark-gray);\n}\n\n.append-play-btn-text svg {\n  display: none;\n}\n\n.append-play-btn-text button {\n  font-size: 1.5rem;\n  cursor: pointer;\n}\n\n.append-play-btn-text {\n}\n\n.replay-button {\n  margin: 0;\n  font-size: 1.5rem;\n}\n\n.play-button {\n  color: inherit;\n  background-color: transparent;\n  border: none;\n  z-index: inherit;\n  cursor: inherit;\n  text-shadow: inherit;\n  line-height: inherit;\n  padding: 0;\n}\n\n.shift-up {\n  transform: translateY(-0.5rem);\n}\n","designName":"Index Card"}