added difficulty rating

This commit is contained in:
marsteralex 2022-09-09 05:43:48 +02:00
parent 10f160fee3
commit 0d56273247

View File

@ -113,6 +113,16 @@
list-style: none; list-style: none;
text-align: right; text-align: right;
} }
.option-row {
display: flex;
align-items: flex-end;
padding-left: 65px;
}
.level-badge {
display: block;
width: 65px;
}
</style> </style>
</head> </head>
<body> <body>
@ -133,6 +143,7 @@
action="guess.html" action="guess.html"
style="display: flex; flex-direction: column; align-items: center" style="display: flex; flex-direction: column; align-items: center"
> >
<div class="option-row">
<input <input
type="radio" type="radio"
id="counterspell" id="counterspell"
@ -147,8 +158,15 @@
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/7/1/71cfcba5-1571-48b8-a3db-55dca135506e.jpg?1562843855" src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/7/1/71cfcba5-1571-48b8-a3db-55dca135506e.jpg?1562843855"
/> />
<h3>Counterspell Guesser</h3></label <h3>Counterspell Guesser</h3></label
><br /> >
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/a8/Advanced_level.jpg"
/>
</div>
<br />
<div class="option-row">
<input <input
type="radio" type="radio"
id="burn" id="burn"
@ -162,8 +180,15 @@
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/6/0/60b2fae1-242b-45e0-a757-b1adc02c06f3.jpg?1562760596" src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/6/0/60b2fae1-242b-45e0-a757-b1adc02c06f3.jpg?1562760596"
/> />
<h3>Match With Hot Singles</h3></label <h3>Match With Hot Singles</h3></label
><br /> >
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/a8/Advanced_level.jpg"
/>
</div>
<br />
<div class="option-row">
<input <input
type="radio" type="radio"
id="beast" id="beast"
@ -178,8 +203,14 @@
/> />
<h3>Finding Fantastic Beasts</h3></label <h3>Finding Fantastic Beasts</h3></label
> >
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/a8/Advanced_level.jpg"
/>
</div>
<br /> <br />
<div class="option-row">
<input <input
type="radio" type="radio"
id="basic" id="basic"
@ -194,8 +225,14 @@
/> />
<h3>How Basic</h3></label <h3>How Basic</h3></label
> >
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/af/Expert_level.jpg"
/>
</div>
<br /> <br />
<div class="option-row">
<input <input
type="radio" type="radio"
id="commander" id="commander"
@ -209,7 +246,13 @@
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/d/9/d9631cb2-d53b-4401-b53b-29d27bdefc44.jpg?1562770627" src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/d/9/d9631cb2-d53b-4401-b53b-29d27bdefc44.jpg?1562770627"
/> />
<h3>General Knowledge</h3></label <h3>General Knowledge</h3></label
><br /> >
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/0/00/Starter_level.jpg"
/>
</div>
<br />
<details id="addl-options"> <details id="addl-options">
<summary> <summary>