2021-01-19 17:32:27 +00:00
<!DOCTYPE html>
< html scroll-behavior = "smooth" >
< head >
<!-- nunito font, copying wynndata -->
< link rel = "preconnect" href = "https://fonts.gstatic.com" >
< link href = "https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel = "stylesheet" >
< link rel = "stylesheet" href = "styles.css" >
< link rel = "stylesheet" media = "screen and (min-width: 1100px)" href = "wide.css" / >
< link rel = "stylesheet" media = "screen and (max-width: 1099px)" href = "narrow.css" / >
< link rel = "icon" href = "favicon.png" >
< link rel = "manifest" href = "manifest.json" >
< title > WynnCrafter< / title >
< / head >
< body class = "all" >
< div class = "header" id = "header" >
WynnBuilder Crafter
< / div >
< div class = "container" display = "grid" >
< div class = "crafter center" style = "grid-column:1;grid-row:1" >
< table class = "center" >
< tr >
< td >
< label for = "recipe-choice" > Recipe Type:< / label >
< br / >
< input class = "recipeinput" list = "recipe-choices" id = "recipe-choice" name = "recipe-choice" placeholder = "Potion" / >
< datalist id = "recipe-choices" >
< / datalist >
< / td >
< td >
< label for = "level-choice" > Recipe Level:< / label >
< br / >
< input class = "levelinput" list = "level-choices" id = "level-choice" name = "level-choice" placeholder = "103-105" / >
< datalist id = "level-choices" >
< / datalist >
< / td >
< / tr >
< tr >
< td class = "center" >
< label id = "mat-1" for = "mat-1-tier-choice" > Material 1 Tier:< / label >
< br / >
< button class = "button Star" id = "mat-1-1" onclick = "toggleMaterial('mat-1-1')" > 1< / button >
< button class = "button Star" id = "mat-1-2" onclick = "toggleMaterial('mat-1-2')" > 2< / button >
< button class = "button Star" id = "mat-1-3" onclick = "toggleMaterial('mat-1-3')" > 3< / button >
< / td >
< td class = "center" >
< label id = "mat-2" for = "mat-2-tier-choice" > Material 2 Tier:< / label >
< br / >
< button class = "button Star" id = "mat-2-1" onclick = "toggleMaterial('mat-2-1')" > 1< / button >
< button class = "button Star" id = "mat-2-2" onclick = "toggleMaterial('mat-2-2')" > 2< / button >
< button class = "button Star" id = "mat-2-3" onclick = "toggleMaterial('mat-2-3')" > 3< / button >
< / td >
< / tr >
< tr >
< td class = "center" >
< label for = "ing-choice-1" > Ingredient 1:< / label >
< br / >
< input class = "inginput" list = "ing-choices-1" id = "ing-choice-1" name = "ing-choice-1" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-1" >
< / datalist >
< / td >
< td class = "center" >
< label for = "ing-choice-2" > Ingredient 2:< / label >
< br / >
< input class = "inginput" list = "ing-choices-2" id = "ing-choice-2" name = "ing-choice-2" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-2" >
< / datalist >
< / td >
< / tr >
< tr >
< td class = "center" >
< label for = "ing-choice-3" > Ingredient 3:< / label >
< br / >
< input class = "inginput" list = "ing-choices-3" id = "ing-choice-3" name = "ing-choice-3" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-3" >
< / datalist >
< / td >
< td class = "center" >
< label for = "ing-choice-4" > Ingredient 4:< / label >
< br / >
< input class = "inginput" list = "ing-choices-4" id = "ing-choice-4" name = "ing-choice-4" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-4" >
< / datalist >
< / td >
< / tr >
< tr >
< td class = "center" >
< label for = "ing-choice-5" > Ingredient 5:< / label >
< br / >
< input class = "inginput" list = "ing-choices-5" id = "ing-choice-5" name = "ing-choice-5" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-5" >
< / datalist >
< / td >
< td class = "center" >
< label for = "ing-choice-6" > Ingredient 6:< / label >
< br / >
< input class = "inginput" list = "ing-choices-6" id = "ing-choice-6" name = "ing-choice-6" placeholder = "No Ingredient" / >
< datalist id = "ing-choices-6" >
< / datalist >
< / td >
< / tr >
< / table >
< table class = "center" >
< tr >
< td class = "center" >
< button class = "button" id = "craft-button" onclick = "calculateCraft()" >
Craft Item
< / button >
< / td >
< td class = "center" >
< button class = "button" id = "reset-button" onclick = "resetFields()" >
Reset
< / button >
< / td >
< td class = "center" >
< button class = "button" id = "copy-button" onclick = "copyRecipe()" >
Copy Short
< / button >
< / td >
< td class = "center" >
< button class = "button" id = "share-button" onclick = "shareRecipe()" >
Copy Long
< / button >
< / td >
< / tr >
< / table >
< / div >
2021-01-20 17:10:27 +00:00
< div class = "recipe center hide-container-block" style = "display:none" >
2021-01-20 05:59:17 +00:00
< div class = "recipe-stats" >
< div class = "center" id = "recipe-stats" > < / div >
< / div >
2021-01-19 17:32:27 +00:00
< / div >
2021-01-20 17:10:27 +00:00
< div class = "crafted center hide-container-block" style = "display:none" >
2021-01-19 17:32:27 +00:00
< div class = "craft-stats" >
< div class = "center" id = "craft-stats" > < / div >
< / div >
< / div >
2021-01-20 05:59:17 +00:00
2021-01-19 17:32:27 +00:00
<!-- This is also incredibly janky. -->
2021-01-20 05:59:17 +00:00
< div class = "craft-warnings" >
< div class = "center" id = "craft-warnings" > < / div >
< / div >
2021-01-20 17:10:27 +00:00
< p > < / p >
< p > < / p >
2021-01-20 05:59:17 +00:00
< div class = "ingredients-container hide-container-grid" id = "ingreds" style = "display:none" >
< p class = "center title hide-container-block" style = "display:block" >
Ingredients
< / p >
< div class = "ingredients hide-container-grid" id = "ingreds" >
< div class = "ing-stats" id = "ing-1" style = "grid-item-1" >
< div class = "center" id = "ing-1-stats" > < / div >
< / div >
< div class = "ing-stats" id = "ing-2" style = "grid-item-2" >
< div class = "center" id = "ing-2-stats" > < / div >
< / div >
< div class = "ing-stats" id = "ing-3" style = "grid-item-3" >
< div class = "center" id = "ing-3-stats" > < / div >
< / div >
< div class = "ing-stats" id = "ing-4" style = "grid-item-4" >
< div class = "center" id = "ing-4-stats" > < / div >
< / div >
< div class = "ing-stats" id = "ing-5" style = "grid-item-5" >
< div class = "center" id = "ing-5-stats" > < / div >
< / div >
< div class = "ing-stats" id = "ing-6" style = "grid-item-6" >
< div class = "center" id = "ing-6-stats" > < / div >
< / div >
2021-01-19 17:32:27 +00:00
< / div >
< / div >
< / div >
< div class = "center" id = "header2" >
< p > Made by < b class = "hppeng" > hppeng< / b > and < b class = "ferricles" > ferricles< / b > with Atlas Inc (JavaScript required to function, nothing works without js)< / p >
< p > Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.< / p >
< / div >
< div class = "center" id = "credits" >
< a href = "credits.txt" class = "link" > Additional credits< / a >
< / div >
< script type = "text/javascript" src = "utils.js" > < / script >
2021-01-20 11:49:42 +00:00
< script type = "text/javascript" src = "powders.js" > < / script >
2021-01-19 17:32:27 +00:00
< script type = "text/javascript" src = "build_utils.js" > < / script >
< script type = "text/javascript" src = "skillpoints.js" > < / script >
< script type = "text/javascript" src = "damage_calc.js" > < / script >
< script type = "text/javascript" src = "display.js" > < / script >
< script type = "text/javascript" src = "load_ing.js" > < / script >
< script type = "text/javascript" src = "craft.js" > < / script >
< script type = "text/javascript" src = "crafter.js" > < / script >
< / body >
< / html >
