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" / >
2021-03-05 16:28:00 +00:00
< link rel = "icon" href = "./media/icons/crafter.png" >
2021-01-19 17:32:27 +00:00
< link rel = "manifest" href = "manifest.json" >
< title > WynnCrafter< / title >
< / head >
< body class = "all" >
2021-01-23 21:05:22 +00:00
< div class = "center" >
< header class = "header nomarginp" >
< div class = "headerleft" >
< a href = "./" class = "nomarginp iconlink tooltip" >
2021-01-24 03:58:53 +00:00
< img src = "/media/icons/builder.png" class = "left linkoptions headericon" >
2021-01-23 21:05:22 +00:00
< / img >
< div class = "tooltiptext center" > WynnBuilder< / div >
2021-01-24 03:58:53 +00:00
< / a >
2021-01-23 21:05:22 +00:00
< a href = "./crafter.html" class = "nomarginp iconlink tooltip" >
2021-01-24 03:58:53 +00:00
< img src = "/media/icons/crafter.png" class = "left linkoptions headericon" >
< / img >
< div class = "tooltiptext center" > WynnCrafter< / div >
< / a >
< a href = "./items.html" class = "nomarginp iconlink tooltip" >
2021-01-24 20:33:00 +00:00
< img src = "/media/icons/searcher.png" class = "left linkoptions headericon" >
2021-01-24 03:58:53 +00:00
< / img >
< div class = "tooltiptext center" > WynnAtlas< / div >
< / a >
2021-03-05 16:28:00 +00:00
< a href = "./customizer.html" class = "nomarginp iconlink tooltip" >
< img src = "/media/icons/custom.png" class = "left linkoptions headericon" >
< / img >
< div class = "tooltiptext center" > WynnCustom< / div >
< / a >
2021-03-14 07:55:08 +00:00
< a href = "./map.html" class = "nomarginp iconlink tooltip" >
< img src = "/media/icons/compass.png" class = "left linkoptions headericon" >
< / img >
< div class = "tooltiptext center" > WynnGPS< / div >
< / a >
2021-01-23 21:05:22 +00:00
< / div >
< div class = "headercenter" >
< div >
2021-01-24 03:58:53 +00:00
< p class = "itemp" id = "header" > WynnCrafter< / p >
2021-01-23 21:05:22 +00:00
< / div >
< / div >
< div class = "headerright" >
< / div >
< / header >
2021-01-19 17:32:27 +00:00
< / div >
< div class = "container" display = "grid" >
2021-01-28 00:52:34 +00:00
< div class = "center" style = "grid-column:1;grid-row:1" >
< div class = "crafter" >
< 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 >
< label for = "atkSpdChoices" > Attack Speed (weapons only):< / label >
< table class = "center" id = "atkSpdChoices" >
< tr >
< td class = "center" >
< button class = "button" id = "slow-atk-button" onclick = "toggleAtkSpd('slow-atk-button')" >
Slow
< / button >
< / td >
< td class = "center" >
< button class = "button" id = "normal-atk-button" onclick = "toggleAtkSpd('normal-atk-button')" >
Normal
< / button >
< / td >
< td class = "center" >
< button class = "button" id = "fast-atk-button" onclick = "toggleAtkSpd('fast-atk-button')" >
Fast
< / button >
< / 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-19 17:32:27 +00:00
< / 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-28 00:52:34 +00:00
< div class = "craft-warnings" >
< div class = "center" id = "craft-warnings" > < / 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-28 00:52:34 +00:00
< p > < / p >
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 >
2021-01-23 21:05:22 +00:00
< div class = "center" >
< footer >
< div class = "center" id = "header2" >
2021-03-14 07:55:08 +00:00
< p > Made by < b class = "hppeng" > hppeng< / b > and < b class = "ferricles" > ferricles< / b > with < a href = "./atlas.html" target = "_blank" class = "link" > Atlas Inc< / a > (JavaScript required to function, nothing works without js)< / p >
2021-01-23 21:05:22 +00:00
< 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 >
< / footer >
2021-01-19 17:32:27 +00:00
< / 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 >
