-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
00112e9
commit 087bdbc
Showing
7 changed files
with
7 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"frontHtml":"<section\n class=\"medium-green unifont-medium ml-auto mr-auto pa3 flex flex-column h-100\"\n>\n <section\n class=\"bg-mid-gray pa4 pv3 br4 measure h-100 overflow-hidden mr-auto ml-auto w-100\"\n >\n <section\n class=\"pa3 bg-green br4 h-100 overflow-y-scroll invisible-scrollbar w-100\"\n >\n <p class=\"ma0 f1 ml2 dib mr-auto shift-up-left pointer lh-audio\">\n {{audio}}\n </p>\n <p class=\"ma0 f3 pt2 lh-title\">\n What is the meaning of what is being said?\n </p>\n </section>\n </section>\n</section>\n","backHtml":"<section\n class=\"medium-green unifont-medium ml-auto mr-auto pa3 flex flex-column h-100\"\n>\n <section\n class=\"bg-mid-gray pa4 pv3 br4 measure h-100 overflow-hidden mr-auto ml-auto w-100\"\n >\n <section\n class=\"pa3 bg-green br4 h-100 overflow-y-scroll invisible-scrollbar w-100\"\n >\n <p class=\"ma0 f1 ml2 shift-up-left pointer mr-auto dib lh-audio\">\n {{audio}}\n </p>\n <h1 class=\"ma0 dark-green f1 lh-title\">{{term}}</h1>\n <p class=\"ma0 f2 lh-title\">{{reading}}</p>\n <p class=\"ma0 f3 lh-title\">{{translation}}</p>\n <p class=\"ma0 f3 lh-title\">{{transliteration}}</p>\n <p class=\"ma0 f3 lh-title pb2\">{{Tags}}</p>\n\n <div class=\"off-screen\">\n <!-- 2 Bit Console Color Filter -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n color-interpolation=\"sRGB\"\n color-interpolation-filters=\"sRGB\"\n >\n <defs>\n <filter\n id=\"colorFilter\"\n x=\"-10%\"\n y=\"-10%\"\n width=\"120%\"\n height=\"120%\"\n >\n <!-- Convert to Grayscale -->\n <feColorMatrix\n type=\"matrix\"\n values=\"0.3333 0.3333 0.3333 0 0\n 0.3333 0.3333 0.3333 0 0\n 0.3333 0.3333 0.3333 0 0\n 0 0 0 1 0\"\n />\n <!-- Apply discrete color mapping -->\n <feComponentTransfer>\n <feFuncR\n type=\"discrete\"\n tableValues=\"0.06 0.19 0.545 0.608\"\n ></feFuncR>\n <feFuncG\n type=\"discrete\"\n tableValues=\"0.22 0.384 0.675 0.737\"\n ></feFuncG>\n <feFuncB\n type=\"discrete\"\n tableValues=\"0.06 0.19 0.059 0.059\"\n ></feFuncB>\n </feComponentTransfer>\n </filter>\n </defs>\n </svg>\n </div>\n\n <svg\n id=\"dynamic-svg\"\n class=\"measure-narrow\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250 250\"\n color-interpolation-filters=\"sRGB\"\n >\n <foreignObject\n class=\"green-filter\"\n width=\"100%\"\n height=\"100%\"\n style=\"display:inline-block\"\n ><div id=\"dynamic-img\" class=\"f3 image-wrapper\">\n {{picture}}\n </div></foreignObject\n >\n </svg>\n </section>\n </section>\n</section>\n","cardCss":"@import url(\"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap\");\n\n/* https://fontlibrary.org/en/font/gnu-unifont */\n@font-face {\n font-family: UnifontMedium;\n src: url(UnifontMedium.woff) format(\"woff\");\n}\n\n:root {\n --dark-green: #0f380f;\n --medium-green: #306230;\n --green: #8bac0f;\n --light-green: #9bbc0f;\n --light-gray: #cbcbcb;\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 background-color: var(--light-gray);\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","designName":"8 Bit Console"} | ||
{"frontHtml":"<section\n class=\"medium-green unifont-medium ml-auto mr-auto pa3 flex flex-column h-100\"\n>\n <section\n class=\"bg-mid-gray pa4 pv3 br4 measure h-100 overflow-hidden mr-auto ml-auto w-100\"\n >\n <section\n class=\"pa3 bg-green br4 h-100 overflow-y-scroll invisible-scrollbar w-100\"\n >\n <p class=\"ma0 f1 ml2 dib mr-auto shift-up-left pointer lh-audio\">\n {{audio}}\n </p>\n <p class=\"ma0 f3 pt2 lh-title\">\n What is the meaning of what is being said?\n </p>\n </section>\n </section>\n</section>\n","backHtml":"<section\n class=\"medium-green unifont-medium ml-auto mr-auto pa3 flex flex-column h-100\"\n>\n <section\n class=\"bg-mid-gray pa4 pv3 br4 measure h-100 overflow-hidden mr-auto ml-auto w-100\"\n >\n <section\n class=\"pa3 bg-green br4 h-100 overflow-y-scroll invisible-scrollbar w-100\"\n >\n <p class=\"ma0 f1 ml2 shift-up-left pointer mr-auto dib lh-audio\">\n {{audio}}\n </p>\n <h1 class=\"ma0 dark-green f1 lh-title\">{{term}}</h1>\n <p class=\"ma0 f2 lh-title\">{{reading}}</p>\n <p class=\"ma0 f3 lh-title\">{{translation}}</p>\n <p class=\"ma0 f3 lh-title\">{{transliteration}}</p>\n <p class=\"ma0 f3 lh-title pb2\">{{Tags}}</p>\n\n <div class=\"off-screen\">\n <!-- 2 Bit Console Color Filter -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n color-interpolation=\"sRGB\"\n color-interpolation-filters=\"sRGB\"\n >\n <defs>\n <filter\n id=\"colorFilter\"\n x=\"-10%\"\n y=\"-10%\"\n width=\"120%\"\n height=\"120%\"\n >\n <!-- Convert to Grayscale -->\n <feColorMatrix\n type=\"matrix\"\n values=\"0.3333 0.3333 0.3333 0 0\n 0.3333 0.3333 0.3333 0 0\n 0.3333 0.3333 0.3333 0 0\n 0 0 0 1 0\"\n />\n <!-- Apply discrete color mapping -->\n <feComponentTransfer>\n <feFuncR\n type=\"discrete\"\n tableValues=\"0.06 0.19 0.545 0.608\"\n ></feFuncR>\n <feFuncG\n type=\"discrete\"\n tableValues=\"0.22 0.384 0.675 0.737\"\n ></feFuncG>\n <feFuncB\n type=\"discrete\"\n tableValues=\"0.06 0.19 0.059 0.059\"\n ></feFuncB>\n </feComponentTransfer>\n </filter>\n </defs>\n </svg>\n </div>\n\n <svg\n id=\"dynamic-svg\"\n class=\"measure-narrow\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250 250\"\n color-interpolation-filters=\"sRGB\"\n >\n <foreignObject\n class=\"green-filter\"\n width=\"100%\"\n height=\"100%\"\n style=\"display:inline-block\"\n ><div id=\"dynamic-img\" class=\"f3 image-wrapper\">\n {{picture}}\n </div></foreignObject\n >\n </svg>\n </section>\n </section>\n</section>\n","cardCss":"/* https://fontlibrary.org/en/font/gnu-unifont */\n@font-face {\n font-family: UnifontMedium;\n src: url(UnifontMedium.woff) format(\"woff\");\n}\n\n:root {\n --dark-green: #0f380f;\n --medium-green: #306230;\n --green: #8bac0f;\n --light-green: #9bbc0f;\n --light-gray: #cbcbcb;\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 background-color: var(--light-gray);\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","designName":"8 Bit Console"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"frontHtml":"<section class=\"m-plus-1p h-100 lh-copy\">\n<header class=\"pt3\">\n<p class=\"ma0 f3 pt4 ph3 shift-up-left pointer\">{{audio}}</p>\n</header>\n<p class=\"ma0 f3 ph3 roboto-mono\">What is the meaning of what is being said?</p>\n</section>","backHtml":"<section class=\"m-plus-1p h-100 lh-copy pt3\">\n<header>\n<p class=\"ma0 f3 pt4 pl3 shift-up-left pointer\">{{audio}}</p>\n</header>\n<section class=\"pl3\">\n<h1 class=\"ma0 f3\">{{term}}</h1>\n<p class=\"ma0 f3\">{{reading}}</p>\n<p class=\"ma0 f3 roboto-mono lh-english\">{{translation}}</p>\n<p class=\"ma0 f3 roboto-mono lh-english\">{{transliteration}}</p>\n<p class=\"ma0 f3 roboto-mono pb2 lh-english\">{{Tags}}</p>\n<div class=\"pr3\">\n<div class=\"ba b--white bw1 dib\">\n<div class=\"white-pencil-effect o-80-until-hover measure-narrow\">{{picture}}</div></div></div>\n</section>\n</section>","cardCss":"@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:[email protected]&display=swap');\n\n:root {\n \n}\n\n.m-plus-1p {\n font-family: \"M PLUS 1p\", sans-serif;\n}\n\n.roboto-mono {\n font-family: \"Roboto Mono\", monospace;\n font-optical-sizing: auto;\n}\n\n.card {\n background-color: #0047AB;\n color: white;\n background-size: 2.5rem 2.5rem;\n background-image:\n linear-gradient(to right, rgba(255,255,255,0.5) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255,255,255,0.5) 1px, transparent 1px);\n}\n\n.white-pencil-effect {\n \n filter: brightness(2) grayscale(1);\n mix-blend-mode: screen;\n position: relative;\n opacity: 80%;\n}\n\n.white-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 filter: invert(1);\n mix-blend-mode: multiply;\n}\n\n.white-pencil-effect:hover {\n filter: brightness(1) grayscale(0);\n mix-blend-mode: normal;\n opacity: 100%;\n}\n\n.white-pencil-effect:hover::before {\n opacity: 0;\n}\n\n.white-pencil-effect img {\n display: block;\n}\n\n.hide-on-hover {\n opacity: 25%;\n}\n\n.hide-on-hover:hover {\n opacity: 0;\n}\n\n.lh-english {\n line-height: 2.6rem;\n}\n\n.shift-up-left {\n transform: translate(-0.5rem, -0.25rem);\n}\n\n\n","designName":"Blueprint Theme"} | ||
{"frontHtml":"<section class=\"m-plus-1p h-100 lh-copy\">\n <header class=\"pt3\">\n <p class=\"ma0 f3 pt4 ph3 shift-up-left pointer\">{{audio}}</p>\n </header>\n <p class=\"ma0 f3 ph3 roboto-mono lh-english shift-up\">\n What is the meaning of what is being said?\n </p>\n</section>\n","backHtml":"<section class=\"m-plus-1p h-100 lh-copy pt3\">\n <header>\n <p class=\"ma0 f3 pt4 pl3 shift-up-left pointer\">{{audio}}</p>\n </header>\n <section class=\"pl3\">\n <h1 class=\"ma0 f3 lh-english shift-up\">{{term}}</h1>\n <p class=\"ma0 f3 lh-english shift-up\">{{reading}}</p>\n <p class=\"ma0 f3 roboto-mono lh-english shift-up\">{{translation}}</p>\n <p class=\"ma0 f3 roboto-mono lh-english shift-up\">{{transliteration}}</p>\n <p class=\"ma0 f3 roboto-mono pb1 lh-english shift-up\">{{Tags}}</p>\n <div class=\"pr3\">\n <div class=\"ba b--white bw1 dib\">\n <div class=\"white-pencil-effect o-80-until-hover measure-narrow\">\n {{picture}}\n </div>\n </div>\n </div>\n </section>\n</section>\n","cardCss":"@import url(\"https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap\");\n\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:[email protected]&display=swap\");\n\n:root {\n}\n\n.m-plus-1p {\n font-family: \"M PLUS 1p\", sans-serif;\n}\n\n.roboto-mono {\n font-family: \"Roboto Mono\", monospace;\n font-optical-sizing: auto;\n}\n\n.card {\n background-color: #0047ab;\n color: white;\n background-size: 2.5rem 2.5rem;\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0.5) 1px,\n transparent 1px\n ),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 1px, transparent 1px);\n}\n\n.white-pencil-effect {\n filter: brightness(2) grayscale(1);\n mix-blend-mode: screen;\n position: relative;\n opacity: 80%;\n}\n\n.white-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 filter: invert(1);\n mix-blend-mode: multiply;\n}\n\n.white-pencil-effect:hover {\n filter: brightness(1) grayscale(0);\n mix-blend-mode: normal;\n opacity: 100%;\n}\n\n.white-pencil-effect:hover::before {\n opacity: 0;\n}\n\n.white-pencil-effect img {\n display: block;\n}\n\n.hide-on-hover {\n opacity: 25%;\n}\n\n.hide-on-hover:hover {\n opacity: 0;\n}\n\n.lh-english {\n line-height: 2.5rem;\n}\n\n.shift-up-left {\n transform: translate(-0.5rem, -0.25rem);\n}\n\n.shift-up {\n transform: translate(0, -0.25rem);\n}\n","designName":"Blueprint Theme"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
import{H as a}from"./index-64d011fd.js";export{a as HighlightJS,a as default}; |
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.