Updates

Full Photo 2.json

@@ -1 +1 @@
-{"frontHtml":"<section class=\"white roboto-bold-italic tc flex flex-column justify-center h-100 lh-title\">\n<p class=\"ma0 f3 ph3 pointer\">{{audio}}</p>\n<p class=\"ma0 f3 ph3 pt2 balance measure-narrow ml-auto mr-auto lh-title\">What is the meaning of what is being said?</p>\n</section>","backHtml":"<section class=\"white roboto-bold-italic relative z-0 h-100 tc\">\n    <div class=\"image-container\">\n        <div class=\"text-container pa4 flex flex-column justify-between h-100\">\n        <header class=\"\">\n        <div class=\"pa3\">\n        <p class=\"ma0 f3 z-2 relative ts-4 fot-rodin-m fw5 kern-jpn\">{{reading}}</p>\n        <h1 class=\"ma0 f-5 z-2 relative ts-4 fot-rodin-ub fw9 kern-jpn\">{{term}}</h1>\n<div class=\"relative z-5 pv2\"><p class=\"ma0 dib f3 z-3 ts-4 pointer\">{{audio}}</p></div>\n        </header>\n\n        <div class=\"pa3 z-3 bg-black-40 br5 text-box flex flex-column justify-center measure ml-auto mr-auto lh-title\">\n<div class=\"ph3\">\n        <p class=\"dib ma0 f4 z-2 relative\">{{translation}}</p>・\n        <p class=\"dib ma0 f4 z-2 relative\">{{transliteration}}</p>・\n        <p class=\"dib ma0 f4 z-2 relative\">{{Tags}}</p>\n</div>\n        </div>\n        </div>\n        </div>\n        <div class=\"bg-image darken\">{{picture}}</div>\n    </div>\n</section>\n","cardCss":"@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap');\n\n:root {\n\n}\n\n.roboto-bold-italic {\n  font-family: \"Roboto\", sans-serif;\n  font-weight: 700;\n  font-style: italic;\n  letter-spacing: 0.015rem;\n}\n\n/*@font-face {\n    font-family: \"FOT-RodinNTLG-Pro-M\";\n    src: url(\"FOT-RodinNTLG-Pro-M.otf\") format('opentype'); \n}\n\n@font-face {\n    font-family: \"FOT-RodinNTLG-Pro-UB\";\n    src: url(\"FOT-RodinNTLG-Pro-UB.otf\") format('opentype');\n}*/\n\n.fot-rodin-m {\n   font-family: \"Noto Sans JP\", \"FOT-RodinNTLG-Pro-M\", sans-serif;\n}\n\n.fot-rodin-ub {\n   font-family: \"Noto Sans JP\", \"FOT-RodinNTLG-Pro-UB\", sans-serif;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n   background-color: black;\n}\n\n.ts-4 {\n    text-shadow: 0px 0px 10px rgba(0,0,0,.25);\n}\n\n.image-container {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n  background-color: black;\n}\n\n.bg-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  object-fit: cover;\n\n  z-index: 0; /* Under the main image */\n  opacity: 1;\n}\n\n.bg-image img {\n  height: 100%;\n  object-fit: cover;\n  vertical-align: middle;\n}\n\n.display-image {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.display-image img {\n  width: 100%;\n  height: auto;\n}\n\n.balance {\n   text-wrap: balance;\n}\n\n.bg-black-40 {\n   background: rgba(0, 0, 0, 0.4);\n}\n\n.br5 {\n   border-radius: 5rem;\n}\n\n.text-box {\n   min-height: 8rem;\n}\n\n.darken {\n   filter: brightness(0.9);\n}\n\n.kern-jpn {\n   letter-spacing: -0.07rem;\n}","designName":"Full Photo 2"}
+{"frontHtml":"<section class=\"white roboto-bold-italic tc flex flex-column justify-center h-100 lh-title\">\n<p class=\"ma0 f3 ph3 pointer\">{{audio}}</p>\n<p class=\"ma0 f3 ph3 pt2 balance measure-narrow ml-auto mr-auto lh-title\">What is the meaning of what is being said?</p>\n</section>","backHtml":"<section class=\"white roboto-bold-italic relative z-0 h-100 tc\">\n    <div class=\"image-container\">\n        <div class=\"text-container pa4 flex flex-column justify-between h-100\">\n        <header class=\"\">\n        <div class=\"pa3\">\n        <p class=\"ma0 f3 z-2 relative ts-4 fot-rodin-m fw5 kern-jpn italic-japanese\">{{reading}}</p>\n        <h1 class=\"ma0 f-5 z-2 relative ts-4 fot-rodin-ub fw9 kern-jpn italic-japanese\">{{term}}</h1>\n<div class=\"relative z-5 pv2\"><p class=\"ma0 dib f3 z-3 ts-4 pointer\">{{audio}}</p></div>\n        </header>\n\n        <div class=\"pa3 z-3 bg-black-40 br5 text-box flex flex-column justify-center measure ml-auto mr-auto lh-title\">\n<div class=\"ph3\">\n        <p class=\"dib ma0 f4 z-2 relative\">{{translation}}</p>・\n        <p class=\"dib ma0 f4 z-2 relative\">{{transliteration}}</p>・\n        <p class=\"dib ma0 f4 z-2 relative\">{{Tags}}</p>\n</div>\n        </div>\n        </div>\n        </div>\n        <div class=\"bg-image darken\">{{picture}}</div>\n    </div>\n</section>\n","cardCss":"@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap');\n\n:root {\n\n}\n\n.roboto-bold-italic {\n  font-family: \"Roboto\", sans-serif;\n  font-weight: 700;\n  font-style: italic;\n  letter-spacing: 0.015rem;\n}\n\n/*@font-face {\n    font-family: \"FOT-RodinNTLG-Pro-M\";\n    src: url(\"FOT-RodinNTLG-Pro-M.otf\") format('opentype'); \n}\n\n@font-face {\n    font-family: \"FOT-RodinNTLG-Pro-UB\";\n    src: url(\"FOT-RodinNTLG-Pro-UB.otf\") format('opentype');\n}*/\n\n.fot-rodin-m {\n   font-family: \"Noto Sans JP\", \"FOT-RodinNTLG-Pro-M\", sans-serif;\n}\n\n.fot-rodin-ub {\n   font-family: \"Noto Sans JP\", \"FOT-RodinNTLG-Pro-UB\", sans-serif;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n   background-color: black;\n}\n\n.ts-4 {\n    text-shadow: 0px 0px 10px rgba(0,0,0,.25);\n}\n\n.image-container {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n  background-color: black;\n}\n\n.bg-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  object-fit: cover;\n\n  z-index: 0; /* Under the main image */\n  opacity: 1;\n}\n\n.bg-image img {\n  height: 100%;\n  object-fit: cover;\n  vertical-align: middle;\n}\n\n.display-image {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.display-image img {\n  width: 100%;\n  height: auto;\n}\n\n.balance {\n   text-wrap: balance;\n}\n\n.bg-black-40 {\n   background: rgba(0, 0, 0, 0.4);\n}\n\n.br5 {\n   border-radius: 5rem;\n}\n\n.text-box {\n   min-height: 8rem;\n}\n\n.darken {\n   filter: brightness(0.9);\n}\n\n.kern-jpn {\n   letter-spacing: -0.07rem;\n}\n\n.italic-japanese {\n    transform: skewX(-8deg);\n}","designName":"Full Photo 2"}