From eb3d6cfb999f05d858fc3f6cde17e5a1f2702f36 Mon Sep 17 00:00:00 2001
From: avidrucker <avidrucker@gmail.com>
Date: Mon, 15 Jul 2024 21:22:18 -0400
Subject: [PATCH] Updates

---
 Stormy Night Poster.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Stormy Night Poster.json b/Stormy Night Poster.json
index 78a8bce..e6f5ce2 100644
--- a/Stormy Night Poster.json	
+++ b/Stormy Night Poster.json	
@@ -1 +1 @@
-{"frontHtml":"{{#audio}}\n<section\n  class=\"noto-serif-jp tc flex flex-column justify-center min-h-100 lh-copy pa3 measure mr-auto ml-auto\"\n>\n  <p class=\"ma0 dib mr-auto ml-auto grow-custom append-play-btn-text\">\n    {{audio}}\n  </p>\n  <p class=\"ma0 f3 pt2 ph2 measure-narrow balance mr-auto ml-auto\">\n    What is the meaning of what is being said?\n  </p>\n  <!---->\n  <!-- INPUT BLOCK START -->\n  <div id=\"input-container\" class=\"pt2\" placeholder=\"Type your answer here\">\n    {{type:term}}\n  </div>\n  <!---->\n  <!-- HINT BLOCK START -->\n  <div class=\"hint-block lh-title pv2\">\n    <a\n      class=\"hint link underline o-70 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 f3\" style=\"display: none\">\n      {{Tags}}\n    </div>\n  </div>\n  <!---->\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=\"noto-serif-jp tc flex flex-column justify-center min-h-100 lh-copy pa3\"\n>\n  <p class=\"ma0 dib mr-auto ml-auto grow-custom append-play-btn-text z-5\">\n    {{audio}}\n  </p>\n\n  <section class=\"\">\n    <div\n      class=\"relative dib show-hide-children lh-title shift-up-title\"\n      style=\"filter: sepia(0.75) saturate(1.25) hue-rotate(-10deg);\"\n    >\n      <h1\n        class=\"absolute z-4 o-0 w-100 show left-0 gold f-subheadline ma0 fw9 dib v-align-mid\"\n      >\n        {{term}}\n      </h1>\n      <h1\n        class=\"absolute z-3 o-100 w-100 hide left-0 gold-effect-7 white f-subheadline ma0 fw9 dib v-align-mid\"\n      >\n        {{term}}\n      </h1>\n      <h1\n        class=\"absolute z-2 o-100 w-100 left-0 hide gold-effect-7 f-subheadline ma0 fw9 dib v-align-mid\"\n      >\n        {{term}}\n      </h1>\n      <h1 class=\"z-1 left-0 w-100 gray f-subheadline ma0 fw9 dib v-align-mid\">\n        {{term}}\n      </h1>\n    </div>\n\n    <p class=\"ma0 f2 lh-title shift-up-subtitle\">{{reading}}</p>\n    <p class=\"ma0 f3 lh-copy\">{{translation}}</p>\n    <p class=\"ma0 f3 lh-copy\">{{transliteration}}</p>\n    <p class=\"ma0 f4 lh-copy\">{{Tags}}</p>\n\n    {{#picture}}\n    <div class=\"relative measure dib lh-0 mt2\" style=\"overflow: hidden\">\n      <div class=\"absolute left-0 top-0 z-999 show-on-hover lh-0\">\n        {{picture}}\n      </div>\n      <div\n        class=\"dib measure decolorize multiply lh-0\"\n        style=\"overflow: hidden;\"\n      >\n        <div\n          class=\"lh-0\"\n          style=\"filter: sepia(0.75) saturate(1.25) hue-rotate(-10deg);\"\n        >\n          {{picture}}\n        </div>\n      </div>\n    </div>\n    {{/picture}}\n  </section>\n</section>\n\n<div class=\"off-screen\">\n  <svg style=\"width: 0; height: 0;\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n      <filter id=\"gold-effect-7\" x=\"0%\" y=\"0%\" width=\"200%\" height=\"200%\">\n        <!-- Shadow Gaussian Blur -->\n        <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"4\" result=\"blur\" />\n        <feOffset in=\"blur\" dx=\"4\" dy=\"4\" result=\"offsetBlur\" />\n\n        <!-- Step 1: Create a heightmap by blurring the source alpha to smooth out the edges -->\n        <feGaussianBlur\n          in=\"SourceAlpha\"\n          stdDeviation=\"3\"\n          result=\"blurredAlpha\"\n        />\n\n        <!-- Step 2: First layer of specular lighting -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"30\"\n          lighting-color=\"black\"\n          result=\"specular1\"\n        >\n          <fePointLight x=\"-500\" y=\"50\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <!-- Step 3: Second layer of specular lighting with a different position -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"60\"\n          lighting-color=\"gold\"\n          result=\"specular2\"\n        >\n          <fePointLight x=\"-2000\" y=\"500\" z=\"2000\" />\n        </feSpecularLighting>\n\n        <!-- Step 4: Third layer of specular lighting with another distinct position -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"60\"\n          lighting-color=\"yellow\"\n          result=\"specular3\"\n        >\n          <fePointLight x=\"2500\" y=\"-2500\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"orange\"\n          result=\"specular4\"\n        >\n          <fePointLight x=\"500\" y=\"50\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"white\"\n          result=\"specular5\"\n        >\n          <fePointLight x=\"5000\" y=\"0\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"yellow\"\n          result=\"specular6\"\n        >\n          <fePointLight x=\"500\" y=\"-5000\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"white\"\n          result=\"specular7\"\n        >\n          <fePointLight x=\"-2000\" y=\"-2000\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <!-- Step 5: Composite the three layers of specular highlights -->\n        <feComposite\n          in=\"specular1\"\n          in2=\"specular2\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecular1\"\n        />\n        <feComposite\n          in=\"combinedSpecular1\"\n          in2=\"specular3\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal\"\n          in2=\"specular4\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal2\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal2\"\n          in2=\"specular5\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal3\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal3\"\n          in2=\"specular6\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal4\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal4\"\n          in2=\"specular7\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal5\"\n        />\n\n        <!-- Step 6: Cut off the parts that overlap the source graphic -->\n        <feComposite\n          operator=\"in\"\n          in=\"combinedSpecularFinal5\"\n          in2=\"SourceAlpha\"\n          result=\"compositeSpecular\"\n        />\n\n        <!-- Step 7: Merge source graphic and the combined specular highlights -->\n        <feMerge>\n          <feMergeNode in=\"offsetBlur\" />\n\n          <feMergeNode in=\"compositeSpecular\" />\n        </feMerge>\n      </filter>\n    </defs>\n  </svg>\n</div>\n","cardCss":"@import url(\"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css\");\n\n:root {\n}\n\n.noto-serif-jp {\n  font-family: \"Noto Serif JP\", serif;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n  background: linear-gradient(rgba(25, 25, 50, 0.8), rgba(25, 25, 50, 0.7)),\n    url(\"cloudy_sky.jpg\"),\n    url(\"https://cdn.jsdelivr.net/gh/avidrucker/anki-card-test-1/public/cloudy_sky.jpg\");\n  background-size: cover;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.show-hide-children:hover *.show {\n  opacity: 1;\n}\n\n.show-hide-children:hover *.hide {\n  opacity: 0;\n}\n\n.show-on-hover {\n  opacity: 0;\n  transition: opacity 0.5s ease-in-out;\n}\n\n.show-on-hover:hover {\n  opacity: 1;\n}\n\n.lh-0 {\n  vertical-align: middle;\n  line-height: 0;\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/* Hide scrollbar for Chrome, Safari and Opera */\n.invisible-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.card::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.invisible-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.shift-up-right {\n  position: relative;\n  top: -0.1rem;\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap; /* Prevents content from \"spilling\" */\n  border-width: 0;\n}\n\n.visually-hidden:hover {\n  position: inherit;\n  width: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n  border-width: 0;\n}\n\n.off-screen {\n  position: absolute;\n  left: -9999px;\n}\n\n.balance {\n  text-wrap: balance;\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.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: white;\n  font-size: 1.5rem;\n  padding: 0.5rem;\n  border: 1px solid gray;\n  width: 100%;\n  text-align: center;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n#input-container input::placeholder {\n  color: lightgray;\n  opacity: 0.7;\n}\n\n#input-container input:focus {\n  outline: 0 none;\n  background-color: transparent;\n  border: 1px solid lightgray !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: white;\n}\n\n.append-play-btn-text svg {\n  display: none;\n}\n\n.append-play-btn-text button {\n  font-size: 2.5rem;\n  line-height: 4rem;\n  cursor: pointer;\n  height: 4rem;\n  width: 4rem;\n  vertical-align: top;\n}\n\n.append-play-btn-text {\n}\n\n.replay-button {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\n.gold-effect-7 {\n  filter: url(#gold-effect-7);\n}\n\n.shift-up-title {\n  transform: translateY(-0.5rem);\n}\n\n.shift-up-subtitle {\n  transform: translateY(-0.25rem);\n}\n\n.v-align-mid {\n  vertical-align: middle;\n}\n","designName":"Stormy Night Poster"}
\ No newline at end of file
+{"frontHtml":"{{#audio}}\n<section\n  class=\"noto-serif-jp tc flex flex-column justify-center min-h-100 lh-copy pa3 measure mr-auto ml-auto\"\n>\n  <p class=\"ma0 dib mr-auto ml-auto grow-custom append-play-btn-text\">\n    {{audio}}\n  </p>\n  <p class=\"ma0 f3 pt2 ph2 measure-narrow balance mr-auto ml-auto\">\n    What is the meaning of what is being said?\n  </p>\n  <!---->\n  <!-- INPUT BLOCK START -->\n  <div id=\"input-container\" class=\"pt2\" placeholder=\"Type your answer here\">\n    {{type:term}}\n  </div>\n  <!---->\n  <!-- HINT BLOCK START -->\n  <div class=\"hint-block lh-title pv2\">\n    <a\n      class=\"hint link underline o-70 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 f3\" style=\"display: none\">\n      {{Tags}}\n    </div>\n  </div>\n  <!---->\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=\"noto-serif-jp tc flex flex-column justify-center min-h-100 lh-copy relative\"\n>\n  <div class=\"blur-bg w-100 h-100 white absolute z-0\"></div>\n  <section class=\"pa3 z-1\">\n    <p class=\"ma0 dib mr-auto ml-auto grow-custom append-play-btn-text z-5\">\n      {{audio}}\n    </p>\n\n    <section class=\"\">\n      <div\n        class=\"relative dib show-hide-children lh-title shift-up-title\"\n        style=\"filter: sepia(0.75) saturate(1.25) hue-rotate(-10deg);\"\n      >\n        <h1\n          class=\"absolute z-4 o-0 w-100 show left-0 gold f-subheadline ma0 fw9 dib v-align-mid\"\n        >\n          {{term}}\n        </h1>\n        <h1\n          class=\"absolute z-3 o-100 w-100 hide left-0 gold-effect-7 white f-subheadline ma0 fw9 dib v-align-mid\"\n        >\n          {{term}}\n        </h1>\n        <h1\n          class=\"absolute z-2 o-100 w-100 left-0 hide gold-effect-7 f-subheadline ma0 fw9 dib v-align-mid\"\n        >\n          {{term}}\n        </h1>\n        <h1\n          class=\"z-1 left-0 w-100 f-subheadline ma0 fw9 dib v-align-mid transparent-dark-blue text-shadow-dark-blue\"\n        >\n          {{term}}\n        </h1>\n      </div>\n\n      <p class=\"ma0 f2 lh-title shift-up-subtitle\">{{reading}}</p>\n      <p class=\"ma0 f3 lh-copy\">{{translation}}</p>\n      <p class=\"ma0 f3 lh-copy\">{{transliteration}}</p>\n      <p class=\"ma0 f4 lh-copy\">{{Tags}}</p>\n\n      {{#picture}}\n      <div class=\"relative measure dib lh-0 mt2\" style=\"overflow: hidden\">\n        <div class=\"absolute left-0 top-0 z-999 show-on-hover lh-0\">\n          {{picture}}\n        </div>\n        <div\n          class=\"dib measure decolorize multiply lh-0\"\n          style=\"overflow: hidden;\"\n        >\n          <div\n            class=\"lh-0\"\n            style=\"filter: brightness(0.8) sepia(0.75) saturate(1.25) hue-rotate(-10deg);\"\n          >\n            {{picture}}\n          </div>\n        </div>\n      </div>\n      {{/picture}}\n    </section>\n  </section>\n</section>\n\n<div class=\"off-screen\">\n  <svg style=\"width: 0; height: 0;\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n      <filter id=\"gold-effect-7\" x=\"0%\" y=\"0%\" width=\"0\" height=\"0\">\n        <!-- Shadow Gaussian Blur -->\n        <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"4\" result=\"blur\" />\n        <feOffset in=\"blur\" dx=\"4\" dy=\"4\" result=\"offsetBlur\" />\n        <feFlood flood-color=\"#0a1830\" result=\"color\" />\n\n        <feComposite\n          in=\"color\"\n          in2=\"offsetBlur\"\n          operator=\"in\"\n          result=\"shadow\"\n        />\n\n        <!-- Step 1: Create a heightmap by blurring the source alpha to smooth out the edges -->\n        <feGaussianBlur\n          in=\"SourceAlpha\"\n          stdDeviation=\"3\"\n          result=\"blurredAlpha\"\n        />\n\n        <!-- Step 2: First layer of specular lighting -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"30\"\n          lighting-color=\"black\"\n          result=\"specular1\"\n        >\n          <fePointLight x=\"-500\" y=\"50\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <!-- Step 3: Second layer of specular lighting with a different position -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"60\"\n          lighting-color=\"gold\"\n          result=\"specular2\"\n        >\n          <fePointLight x=\"-2000\" y=\"500\" z=\"2000\" />\n        </feSpecularLighting>\n\n        <!-- Step 4: Third layer of specular lighting with another distinct position -->\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.8\"\n          specularExponent=\"60\"\n          lighting-color=\"yellow\"\n          result=\"specular3\"\n        >\n          <fePointLight x=\"2500\" y=\"-2500\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"orange\"\n          result=\"specular4\"\n        >\n          <fePointLight x=\"500\" y=\"50\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"7.5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"white\"\n          result=\"specular5\"\n        >\n          <fePointLight x=\"5000\" y=\"0\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"yellow\"\n          result=\"specular6\"\n        >\n          <fePointLight x=\"500\" y=\"-5000\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <feSpecularLighting\n          in=\"blurredAlpha\"\n          surfaceScale=\"5\"\n          specularConstant=\"0.4\"\n          specularExponent=\"60\"\n          lighting-color=\"white\"\n          result=\"specular7\"\n        >\n          <fePointLight x=\"-2000\" y=\"-2000\" z=\"1000\" />\n        </feSpecularLighting>\n\n        <!-- Step 5: Composite the three layers of specular highlights -->\n        <feComposite\n          in=\"specular1\"\n          in2=\"specular2\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecular1\"\n        />\n        <feComposite\n          in=\"combinedSpecular1\"\n          in2=\"specular3\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal\"\n          in2=\"specular4\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal2\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal2\"\n          in2=\"specular5\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal3\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal3\"\n          in2=\"specular6\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal4\"\n        />\n        <feComposite\n          in=\"combinedSpecularFinal4\"\n          in2=\"specular7\"\n          operator=\"arithmetic\"\n          k1=\"0\"\n          k2=\"1\"\n          k3=\"1\"\n          k4=\"0\"\n          result=\"combinedSpecularFinal5\"\n        />\n\n        <!-- Step 6: Cut off the parts that overlap the source graphic -->\n        <feComposite\n          operator=\"in\"\n          in=\"combinedSpecularFinal5\"\n          in2=\"SourceAlpha\"\n          result=\"compositeSpecular\"\n        />\n\n        <!-- Step 7: Merge source graphic and the combined specular highlights -->\n        <feMerge>\n          <!--<feMergeNode in=\"shadow\" />-->\n\n          <feMergeNode in=\"compositeSpecular\" />\n        </feMerge>\n      </filter>\n    </defs>\n  </svg>\n</div>\n","cardCss":"@import url(\"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css\");\n\n.transparent-dark-blue {\n  color: #090e1999;\n}\n\n.blur-bg {\n  background: linear-gradient(rgba(10, 10, 20, 0.5), rgba(10, 10, 20, 0.5)),\n    url(\"cloudy_sky.jpg\"),\n    url(\"https://cdn.jsdelivr.net/gh/avidrucker/anki-card-test-1/public/cloudy_sky.jpg\");\n  background-size: cover;\n  filter: blur(5px) saturate(0.6);\n}\n\n.text-shadow-dark-blue {\n  text-shadow: 2px 2px 10px #0a1830;\n}\n\n:root {\n}\n\n.noto-serif-jp {\n  font-family: \"Noto Serif JP\", serif;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.show-hide-children * {\n  transition: opacity 0.5s ease-out;\n}\n\n.show-hide-children:hover *.show {\n  opacity: 1;\n}\n\n.show-hide-children:hover *.hide {\n  opacity: 0;\n}\n\n.show-on-hover {\n  opacity: 0;\n  transition: opacity 0.5s ease-out;\n}\n\n.show-on-hover:hover {\n  opacity: 1;\n}\n\n.lh-0 {\n  vertical-align: middle;\n  line-height: 0;\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/* Hide scrollbar for Chrome, Safari and Opera */\n.invisible-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.card::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.invisible-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.shift-up-right {\n  position: relative;\n  top: -0.1rem;\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap; /* Prevents content from \"spilling\" */\n  border-width: 0;\n}\n\n.visually-hidden:hover {\n  position: inherit;\n  width: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n  border-width: 0;\n}\n\n.off-screen {\n  position: absolute;\n  left: -9999px;\n}\n\n.balance {\n  text-wrap: balance;\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.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: white;\n  font-size: 1.5rem;\n  padding: 0.5rem;\n  border: 1px solid gray;\n  width: 100%;\n  text-align: center;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n#input-container input::placeholder {\n  color: lightgray;\n  opacity: 0.7;\n}\n\n#input-container input:focus {\n  outline: 0 none;\n  background-color: transparent;\n  border: 1px solid lightgray !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: white;\n}\n\n.append-play-btn-text svg {\n  display: none;\n}\n\n.append-play-btn-text button {\n  font-size: 2.5rem;\n  line-height: 4rem;\n  cursor: pointer;\n  height: 4rem;\n  width: 4rem;\n  vertical-align: top;\n}\n\n.append-play-btn-text {\n}\n\n.replay-button {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\n.gold-effect-7 {\n  filter: url(#gold-effect-7);\n}\n\n.shift-up-title {\n  transform: translateY(-0.5rem);\n}\n\n.shift-up-subtitle {\n  transform: translateY(-0.25rem);\n}\n\n.v-align-mid {\n  vertical-align: middle;\n}\n","designName":"Stormy Night Poster"}
\ No newline at end of file