open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added difficulty rating

Browse Source
This commit is contained in:
marsteralex 2022-09-09 05:43:48 +02:00
parent 10f160fee3
commit 0d56273247
1 changed files with 111 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

179
web/public/mtg/index.html
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,83 +143,116 @@
action="guess.html" action="guess.html"
style="display: flex; flex-direction: column; align-items: center" style="display: flex; flex-direction: column; align-items: center"
> >
<input <div class="option-row">
type="radio" <input
id="counterspell" type="radio"
name="whichguesser" id="counterspell"
value="counterspell" name="whichguesser"
onchange="updateSettingDefault(true, true, false)" value="counterspell"
checked onchange="updateSettingDefault(true, true, false)"
/> checked
<label class="radio-label" for="counterspell">
<img
class="thumbnail"
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 <label class="radio-label" for="counterspell">
><br /> <img
class="thumbnail"
<input src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/7/1/71cfcba5-1571-48b8-a3db-55dca135506e.jpg?1562843855"
type="radio" />
id="burn" <h3>Counterspell Guesser</h3></label
name="whichguesser" >
value="burn"
onchange="updateSettingDefault(true, true, false)"
/>
<label class="radio-label" for="burn">
<img <img
class="thumbnail" class="level-badge"
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/6/0/60b2fae1-242b-45e0-a757-b1adc02c06f3.jpg?1562760596" src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/a8/Advanced_level.jpg"
/> />
<h3>Match With Hot Singles</h3></label </div>
><br />
<input
type="radio"
id="beast"
name="whichguesser"
value="beast"
onchange="updateSettingDefault(true, true, false)"
/>
<label class="radio-label" for="beast">
<img
class="thumbnail"
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/3/3/33f7e788-8fc7-49f3-804b-2d7f96852d4b.jpg?1562905469"
/>
<h3>Finding Fantastic Beasts</h3></label
>
<br /> <br />
<input <div class="option-row">
type="radio" <input
id="basic" type="radio"
name="whichguesser" id="burn"
value="basic" name="whichguesser"
onchange="updateSettingDefault(true, true, true)" value="burn"
/> onchange="updateSettingDefault(true, true, false)"
<label class="radio-label" for="basic">
<img
class="thumbnail"
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/e/5/e52ed647-bd30-40a5-b648-0b98d1a3fd4a.jpg?1562949575"
/> />
<h3>How Basic</h3></label <label class="radio-label" for="burn">
> <img
class="thumbnail"
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
>
<img
class="level-badge"
src="https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/a/a8/Advanced_level.jpg"
/>
</div>
<br /> <br />
<input <div class="option-row">
type="radio" <input
id="commander" type="radio"
name="whichguesser" id="beast"
value="commander" name="whichguesser"
onchange="updateSettingDefault(false, false, false)" value="beast"
/> onchange="updateSettingDefault(true, true, false)"
<label class="radio-label" for="commander">
<img
class="thumbnail"
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 <label class="radio-label" for="beast">
><br /> <img
class="thumbnail"
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/3/3/33f7e788-8fc7-49f3-804b-2d7f96852d4b.jpg?1562905469"
/>
<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 />
<div class="option-row">
<input
type="radio"
id="basic"
name="whichguesser"
value="basic"
onchange="updateSettingDefault(true, true, true)"
/>
<label class="radio-label" for="basic">
<img
class="thumbnail"
src="https://c1.scryfall.com/file/scryfall-cards/art_crop/front/e/5/e52ed647-bd30-40a5-b648-0b98d1a3fd4a.jpg?1562949575"
/>
<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 />
<div class="option-row">
<input
type="radio"
id="commander"
name="whichguesser"
value="commander"
onchange="updateSettingDefault(false, false, false)"
/>
<label class="radio-label" for="commander">
<img
class="thumbnail"
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
>
<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>