diff --git a/Starry Night Poster.json b/Starry Night Poster.json index 86e9c7c..c2c43ea 100644 --- a/Starry Night Poster.json +++ b/Starry Night Poster.json @@ -1 +1 @@ -{"frontHtml":"\n
\n \n

\n {{audio}}\n

\n

\n What is the meaning of what is being said?\n

\n \n \n \n {{type:term}}\n \n \n \n
\n \n Click here for a hint\n
\n {{Tags}}\n
\n
\n \n \n\n\n\n","backHtml":"\n
\n
\n
\n \n {{audio}}\n

\n\n
\n
\n \n {{term}}\n \n
\n\n

{{reading}}

\n

{{translation}}

\n

{{transliteration}}

\n

{{Tags}}

\n\n {{#picture}}\n \n
{{picture}}
\n \n {{/picture}}\n
\n
\n
\n\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n","cardCss":"@import url(\"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap\");\n\n.noto-sans-jp {\n font-family: \"Noto Sans JP\", sans-serif;\n font-optical-sizing: auto;\n font-style: normal;\n}\n\n.libre-franklin {\n font-family: \"Libre Franklin\", sans-serif;\n font-optical-sizing: auto;\n font-style: normal;\n}\n\n.blur-bg {\n background-image: linear-gradient(\n rgba(10, 10, 10, 0.5),\n rgba(10, 10, 10, 0.5)\n ),\n url(\"bg_starry_night.jpg\"),\n url(\"https://cdn.jsdelivr.net/gh/avidrucker/anki-card-test-1/public/bg_starry_night.jpg\");\n background-attachment: fixed;\n}\n\n:root {\n}\n\n.text-stroke-yellow {\n filter: url(#text-stroke-yellow);\n}\n\n.lh-tiny-en {\n line-height: 0.85;\n}\n\n.lh-tiny-ja {\n line-height: 1.1;\n}\n\n.cyan {\n color: #00e5ff;\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.poster-effect {\n filter: url(#poster-effect);\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\n.child-img-lh-0 img {\n line-height: 0;\n vertical-align: middle;\n}\n","designName":"Starry Night Poster"} \ No newline at end of file +{"frontHtml":"\n
\n \n

\n {{audio}}\n

\n

\n What is the meaning of what is being said?\n

\n \n \n \n {{type:term}}\n \n \n \n
\n \n Click here for a hint\n
\n {{Tags}}\n
\n
\n \n \n\n\n\n","backHtml":"\n
\n
\n
\n \n {{audio}}\n

\n\n
\n
\n \n {{term}}\n \n
\n\n

{{reading}}

\n

{{translation}}

\n

{{transliteration}}

\n

{{Tags}}

\n\n {{#picture}}\n \n
{{picture}}
\n \n {{/picture}}\n
\n
\n
\n\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n","cardCss":"@import url(\"https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap\");\n\n.noto-sans-jp {\n font-family: \"Noto Sans JP\", sans-serif;\n font-optical-sizing: auto;\n font-style: normal;\n}\n\n.libre-franklin {\n font-family: \"Libre Franklin\", sans-serif;\n font-optical-sizing: auto;\n font-style: normal;\n}\n\n.blur-bg {\n background-image: linear-gradient(\n rgba(10, 10, 10, 0.5),\n rgba(10, 10, 10, 0.5)\n ),\n url(\"bg_starry_night.jpg\"),\n url(\"https://cdn.jsdelivr.net/gh/avidrucker/anki-card-test-1/public/bg_starry_night.jpg\");\n background-attachment: fixed;\n}\n\n:root {\n}\n\n.text-stroke-yellow {\n filter: url(#text-stroke-yellow);\n}\n\n.lh-tiny-en {\n line-height: 0.85;\n}\n\n.lh-tiny-ja {\n line-height: 1.1;\n}\n\n.cyan {\n color: #00e5ff;\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.poster-effect {\n filter: url(#poster-effect);\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\n.child-img-lh-0 img {\n line-height: 0;\n vertical-align: middle;\n}\n","designName":"Starry Night Poster"} \ No newline at end of file