Updates

Blueprint Theme.json

@@ -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 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"}
+{"frontHtml":"<section class=\"m-plus-1p h-100 lh-copy pt3\">\n  <header class=\"pt4 ph3\">\n    <p class=\"ma0 f3 shift-up-left pointer dib\">{{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 class=\"pt4 ph3\">\n    <p class=\"ma0 f3 shift-up-left pointer dib\">{{audio}}</p>\n  </header>\n  <section class=\"ph3\">\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\n    {{#picture}}\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    {{/picture}}\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"}

Brutalist HTML.json

@@ -1 +1 @@
-{"frontHtml":"<section class=\"pa3 min-h-100 bg-white black flex flex-column\">\n  <p class=\"ma0 f3 blue pointer underline dib button mr-auto\">{{audio}}</p>\n  <p class=\"ma0 f3 pt2\">What is the meaning of what is being said?</p>\n</section>\n","backHtml":"<section class=\"pa3 min-h-100 bg-white black flex flex-column\">\n  <p class=\"ma0 f3 blue underline pointer dib button mr-auto\">{{audio}}</p>\n  <h1 class=\"ma0 f1 pt2\">{{term}}</h1>\n  <p class=\"ma0 f2\">{{reading}}</p>\n  <ul class=\"mv2\">\n    <li class=\"ma0 f3\">{{translation}}</li>\n    <li class=\"ma0 f3\">{{transliteration}}</li>\n    <li class=\"ma0 f3 pb2\">{{Tags}}</li>\n  </ul>\n  <div id=\"dynamic-img\" class=\"f3 image-wrapper v-align-mid\">{{picture}}</div>\n</section>\n","cardCss":":root {\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n  overflow-y: scroll;\n  font-family: \"Liberation Serif\", \"DejaVu Serif\", \"Times New Roman\",\n    \"SF Pro Display\", \"Segoe UI\", system-ui, serif;\n}\n\n.v-align-mid {\n  vertical-align: middle;\n  line-height: 0;\n}\n","designName":"Brutalist HTML"}
+{"frontHtml":"{{#audio}}\n<section class=\"pa3 min-h-100 bg-white black flex flex-column\">\n  <p class=\"ma0 f3 blue pointer underline dib button mr-auto\">{{audio}}</p>\n  <p class=\"ma0 f3 pt2\">What is the meaning of what is being said?</p>\n</section>\n{{/audio}}\n","backHtml":"<section class=\"pa3 min-h-100 bg-white black flex flex-column\">\n  <p class=\"ma0 f3 blue underline pointer dib button mr-auto\">{{audio}}</p>\n  <h1 class=\"ma0 f1 pt2\">{{term}}</h1>\n  <p class=\"ma0 f2\">{{reading}}</p>\n  <ul class=\"mv2\">\n    {{#translation}}\n    <li class=\"ma0 f3\">{{translation}}</li>\n    {{/translation}} {{#transliteration}}\n    <li class=\"ma0 f3\">{{transliteration}}</li>\n    {{/transliteration}} {{#Tags}}\n    <li class=\"ma0 f3 pb2\">{{Tags}}</li>\n    {{/Tags}}\n  </ul>\n  {{#picture}}\n  <div id=\"dynamic-img\" class=\"f3 image-wrapper v-align-mid\">{{picture}}</div>\n  {{/picture}}\n</section>\n","cardCss":":root {\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n  overflow-y: scroll;\n  font-family: \"Liberation Serif\", \"DejaVu Serif\", \"Times New Roman\",\n    \"SF Pro Display\", \"Segoe UI\", system-ui, serif;\n}\n\n.v-align-mid {\n  vertical-align: middle;\n  line-height: 0;\n}\n","designName":"Brutalist HTML"}