Template like readwise

Anki Card Design
1

Can anyone help me with this make the code to template there is still sth wrong I think syntax issue like field is not found

It is not a problem, it’s about an idea of template and I thought it would be cool to see this as a template

Can anyone plz make it to template and share it thanks

The code
Front

<div class="card">
  <div class="quote">“{{Quote}}”</div>
  <div class="source">
    — <strong>{{Author}}</strong>, <em>{{Source}}</em>
  </div>
</div>

Back

{{FrontSide}}

{{#Note}}
<hr>
<div class="note">{{Note}}</div>
{{/Note}}

{{#Tags}}
<div class="tags">Tags: {{Tags}}</div>
{{/Tags}}

Styling

.card {
  font-family: system-ui, sans-serif;
  font-size: 18px;
  color: #333;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.quote {
  font-size: 20px;
  font-style: italic;
  color: #1a1a1a;
  margin-bottom: 15px;
}

.source {
  font-size: 16px;
  color: #555;
}

.note {
  margin-top: 20px;
  font-size: 16px;
  background: #fff8dc;
  padding: 12px;
  border-left: 4px solid #f0c36d;
}

.tags {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
}
2

Could you send it once again, but with the template enclosed in code blocks, like so? (The formatting you have sent seems to have been eaten up by the website)
```
Put your template here
```

Anyways, could you verify that each of your fields exist, namely Tags, Note, Author, Source and Quote (even including capitalization)? You only need to do the first thing mentioned if the template doesn’t look as you wanted it to, but all the fields are right.

1 Like
3

i can’t help you with your question, but from my experience chatgpt fixed a lot of my templates.
it will be faster than waiting for someone who understands code

4

Is this issue solved already?

2 Likes