Country and Capital Card Template Update to Mimic Cloze about ultimate-geography HOT 8 CLOSED

I noticed that for the Country>Capital cards the <hr> tag still has the id=answer.
I think that that should be removed if it will be added to the master as (if I remember correctly) might cause Anki to scroll down if not the whole card can be shown.
So far it shouldn't be a problem as I don't think there are cards with so much information on them. It might prevent some unintended behaviour in the future.

from ultimate-geography.

I have to say, I changed my deck already to have some similar behaviour, but I think I will check out yours as well.

from ultimate-geography.

Ooh I quite like this. It keeps tripping me up too. The fact that the COUNTRY and CAPITAL headings kind of look the same doesn't help either...

Did you do the same for maps and flags -- i.e. put the country at the top? The difficulty with the Country - Map template especially is that not all notes are countries (water bodies, continents, regions, dependent territories, etc.)

from ultimate-geography.

I'm not the only one! 😄

No I haven't changed the Flag and Map Card Type layouts yet. Though I imagine it would be beneficial to do so after I move onto the Extended version of the deck and get the reverse cards! 😅 As it stands I have 30% of the deck (and therefore the world) left to go, so I think I'll finish that first.

I think sometime in the coming weeks I will fork this repo and follow your steps on getting AnkiCrowd up and running. Been meaning to do so, but my structural changes of the card types and a worry of losing that has kept me from doing so.

from ultimate-geography.

I think that that is a very helpful change that honestly could also help me to memorize some I had troubles with so far

from ultimate-geography.

I'm reluctant to change the standard deck, but I'm thinking this could actually be implemented as a new deck version, with its own cloze-style templates.

from ultimate-geography.

I understand your concern, but then you would have to make a copy for each language, and the extended versions, both with and without this change. The number of decks would double!

Instead, how about trying out my template in your own deck for a while (anyone here, that is) and see how you like it? I think changing this over as the main method is a much more desirable position. Also, the only people who would ever see it are people who are new to the deck, or people such as ourselves who wish to get the most out of this, and would most likely be capable of reverting such a change.

Front Template

{{#Capital}}
  <div class="country country--top">Country</div>
  <div class="value">{{Country}}</div>

  <hr id=answer>

  <div class="capital">Capital</div>
  <div class="value">???</div>
{{/Capital}}

Back Template

{{#Capital}}
  <div class="country country--top">Country</div>
  <div class="value">{{Country}}</div>
  {{#Country info}}<div class="info">{{Country info}}</div>{{/Country info}}

  <hr id=answer>

  <div class="capital">Capital</div>
  <div class="value">{{Capital}}</div>
  {{#Capital hint}}<div class="info">{{Capital hint}}</div>{{/Capital hint}}
{{/Capital}}

{{#Capital info}}<div class="info">{{Capital info}}</div>{{/Capital info}}

{{#Map}}<br>{{hint:Map}}{{/Map}}

Styling

.card {
  background-color: white;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  padding: 1em 0;
  text-align: center;
}

.country {
  color: #BB0000;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: .25em;
  text-transform: uppercase;
}

.nightMode .country {
  color: #BB0000;
}

.country--top {
  margin-top: 1em;
}

.capital {
  color: #0000BB;
  font-size: 60%;
  font-weight: bold;
  margin-bottom: .25em;
  text-transform: uppercase;
}

.nightMode .capital {
  color: #0000BB;
}

.capital--top {
  margin-top: 1em;
}

.value {
  font-size: 150%;
}

.mnemonic {
  font-size: 50%;
}

.nightMode .mnemonic {
 color: yellow;
}

.italic {
  font-style: italic;
}

.flag img {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}

.info {
  color: #333;
  font-size: 90%;
  font-style: italic;
  margin: .75em auto;
  max-width: 30em;
}

.info + .info {
  margin-top: -.375em;
}

.nightMode .info {
 color: yellow;
}

.hint{
  font-size: 30%
}

#answer {
  margin: 1.5em 0;
}

from ultimate-geography.

@Erim24 Feel free and share your own too! 👍 I will gladly compare and contrast 😄

from ultimate-geography.