Hi there!
New Mochi user here.
I'm a total noob when it comes to themes and doing template but I've managed to put something together to start studying Japanese ((I did found a template online to follow along or at least see how its done).
The only problem (so far...) I've come across is that I haven't been able to stop the audio from playing as the back portion of the flashcard shows up.
Is this even possible?
As I've said, I barely managed to create a theme and the template for it to work. It took a long time for my knowing nothing about it.
I leave a link to the video (Youtube link), a couple of screen shots and both template and theme of the thing in case someone can give me a hand with it.
Thanks in advance.
https://youtube.com/shorts/YIEAxJjc5JU?feature=share
Front
Back
Template
<<# Word >> <><<# Word >>
<< Word >> <><< Romaji >> << Meaning >>
<<# Audio >> << Audio >> <</ Audio >>
<< SentenceJapanese >><< SentenceRomaji >>
<< SentenceSpanish >><<# AudioSentence >> << AudioSentence >> <</ AudioSentence >>
<< Kanji >> <><<# Notes >>
Notas << Notes >> <</ Notes >>
Theme
:root { --theme-primary-color: #f87171; --theme-secondary-color: #1c1917; --theme-background-color: #fee2e2; }
.memo_markdown_styles_markdown-class mark, .memo_views_card_column-view_column-row-markdown-container mark { border-radius: 0; color: var(--theme-primary-color); background-color: transparent; background-image: none; border-bottom: 2px solid; border-color: var(--theme-primary-color); padding: 2px; margin: 0; }
.japanese { font-size: 30px; font-weight: 500; line-height: 1.25rem; text-align: center; }
.romaji-container { background-color: #B6002C; border-radius: 12px 12px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; padding: 0.5em 0 0.5em 0; text-align: center;
}
.meaning-container { background-color: #EEEEEE; border-radius: 0 0 12px 12px ; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #2c3e50; padding: 0.5em 0 0.5em 0; text-align: center;
}
.sentencejapanese-container { background-color: #B6002C; border-radius: 12px 12px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; padding: 0.5em 0 0.5em 0; text-align: center; margin-top: 1.5rem
}
.sentenceromaji-container { background-color: #D25D5D; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; padding: 0.5em 0 0.5em 0; text-align: center;
}
.sentencespanish-container { background-color: #EEEEEE; border-radius: 0 0 12px 12px ; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #2c3e50; padding: 0.5em 0 0.5em 0; text-align: center;
}
.kanji-container { background-color: #34494D; border-radius: 12px 12px 12px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 48px; color: #FFFFFF; padding: 0.5em 0 0 0; text-align: center; line-height: 1.25rem; margin-top: 1.5rem }
Hi Matt, that did the trick.
I've just found out about Mochi by chance in a video on YT searching for Anki alternatives. Not a lot of info besides the official site.
Thanks a lot!