Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
avidrucker committed Jul 10, 2024
1 parent 00112e9 commit 087bdbc
Show file tree
Hide file tree
Showing 7 changed files with 7 additions and 7 deletions.
2 changes: 1 addition & 1 deletion 8 Bit Console.json
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"}
2 changes: 1 addition & 1 deletion Blueprint Theme.json
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"}
1 change: 1 addition & 0 deletions assets/index-23f2b3b9.js
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};
1 change: 0 additions & 1 deletion assets/index-4c29a546.js

This file was deleted.

2 changes: 1 addition & 1 deletion assets/index-5ef615df.js → assets/index-64d011fd.js

Large diffs are not rendered by default.

Loading

0 comments on commit 087bdbc

Please sign in to comment.