<!DOCTYPE html> <html scroll-behavior="smooth"> <head> <title>WynnAtlas</title> <link rel="icon" href="../media/icons/new/searcher.png" type="image/icon type"> <meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no"> <!-- nunito font, copying wynnbuilder, which is copying wynndata --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet"> <link href="/thirdparty/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link rel="stylesheet" href="/thirdparty/autoComplete.min.css"> <link rel="stylesheet" href="../css/sq2bs.css"> <link rel="stylesheet" href="../css/sidebar.css"> <link rel="stylesheet" href="../css/wynnstyles.css"> <link rel="stylesheet" href="../css/search.css"> </head> <body class = "text-light d-flex justify-content-center" id = "body"> <div id="main-sidebar" class="sidebar dark-7 dark-shadow"> <a href = "../builder/"><img src="../media/icons/new/builder.png" alt = "WynnBuilder" title = "WynnBuilder"><b>WynnBuilder</b></a> <a href = "../crafter/"><img src = "../media/icons/new/crafter.png" alt = "WynnCrafter" title = "WynnCrafter"><b>WynnCrafter</b></a> <a href = ""><img src = "../media/icons/new/searcher.png" alt = "WynnAtlas" title = "WynnAtlas"><b>WynnAtlas</b></a> <a href = "../custom/"><img src = "../media/icons/new/custom.png" alt = "WynnCustom" title = "WynnCustom"><b>WynnCustom</b></a> <a href = "../map/"><img src = "../media/icons/new/compass.png" alt = "WynnGPS" title = "WynnGPS"><b>WynnGPS</b></a> <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a> <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a> <hr/> <a href = "https://nori.fish/wynn/build/" target = "_blank"><img src = "../media/icons/new/nori_build.png" alt = "Build Search" title = "Build Search by Nori-Wynn"><b>Build Search</b></a> <a href = "https://nori.fish/wynn/recipe/" target = "_blank"><img src = "../media/icons/new/nori_recipe.png" alt = "Recipe Search" title = "Recipe Search by Nori-Wynn"><b>Recipe Search</b></a> <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a> </div> <div id="mobile-navbar" class="navbar dark-5 dark-shadow fixed-top d-lg-none pb-0"> <div class="container-fluid scaled-font justify-content-center" style="height: 5vh;"> <div class="navbar-brand mx-auto scaled-font" style="height: 100%;"> <img src="../media/icons/new/searcher.png" alt="" style="height: 100%;"> <span>WynnAtlas</span> </div> <button class="btn dropdown-toggle dark-2 px-4 text-white scaled-font border-dark border-3" onclick="toggle_tab('mobile-navbar-dropdown');"></button> </div> <div class="container-fluid scaled-font dark-3 px-3 py-3" id="mobile-navbar-dropdown" style="display: none;"> <a href="../builder/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/builder.png" alt="" style="height: 100%;"> <span>WynnBuilder</span> </a> <a href="../crafter/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/crafter.png" alt="" style="height: 100%;"> <span>WynnCrafter</span> </a> <a href="../items/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/searcher.png" alt="" style="height: 100%;"> <span>WynnAtlas</span> </a> <a href="../custom/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/custom.png" alt="" style="height: 100%;"> <span>WynnCustom</span> </a> <a href="../map/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/compass.png" alt="" style="height: 100%;"> <span>WynnGPS</span> </a> <a href="../wynnfo/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/book.png" alt="" style="height: 100%;"> <span>WynnFo</span> </a> <a onclick = "toggleIcons()" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/reload.png" alt="" style="height: 100%;"> <span>Swap Icon Style</span> </a> <a href="https://nori.fish/wynn/build/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/nori_build.png" alt="" style="height: 100%;"> <span>Build Search</span> </a> <a href="https://nori.fish/wynn/recipe/" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/new/nori_recipe.png" alt="" style="height: 100%;"> <span>Recipe Search</span> </a> <a href="https://discord.gg/CGavnAnerv" class="w-100 mb-3 text-white" style="height: 5vh; text-decoration: none;"> <img src="../media/icons/discord.png" alt="" style="height: 100%;"> <span>Discord</span> </a> </div> </div> <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font"> <div class = "row"> <div class = "row" style = "margin-top: 3ch;"> <div class = "col text-start" id = "credits"> <a href="../ingredients/" class="link">Ingredient Searching</a> </div> <div class = "col text-end"> <a href = "../items_adv/">Advanced Item Search</a> </div> </div> <div class = "col-auto" style = "width: 12.5%;"></div> <div class = "col-lg-4"> <div class = "row"> <div class = "col-lg col-sm-12"> <div class = "col fw-bold">Name:</div> <input class = "col border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" style="width: 100%!important;" type="text" id="item-name-choice" name="item-name-choice" placeholder="Item name (case insensitive)"/> <p class="error col-auto"></p> </div> </div> <div class = "row"> <div class = "col-lg col-sm-12"> <div class = "col"><span class = "fw-bold">Type:</span> <span style = "cursor: pointer; float: right;"><span id = "all-types">All</span> <span id = "none-types">None</span></span></div> <div id = "type-box"> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 0 0;" id = "type-bow"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 9.09091% 0;" id = "type-spear"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 18.1818% 0;" id = "type-wand"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 27.2727% 0;" id = "type-dagger"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 36.3636% 0;" id = "type-relik"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 45.4545% 0;" id = "type-helmet"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 54.5455% 0;" id = "type-chestplate"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 63.6364% 0;" id = "type-leggings"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 72.7273% 0;" id = "type-boots"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 81.8182% 0;" id = "type-ring"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 90.9091% 0;" id = "type-bracelet"></div> <div class = "item-display-new-toggleable" style = "background-image: url('../media/items/new.png'); background-position: 100% 0;" id = "type-necklace"></div> </div> <p class="error col-auto"></p> </div> </div> <div class = "row"> <div class = "col-lg col-sm-12"> <div class = "col"><span class = "fw-bold">Rarity:</span> <span style = "cursor: pointer; float: right;"><span id = "all-tiers">All</span> <span id = "none-tiers">None</span></span></div> <div id = "tier-box"> <!-- unfortunately they must be stacked up like this because newlines are considered spaces and muck up the organization --> <div id = "tier-normal" class = "tier-selected"><b>N</b></div><div id = "tier-unique" class = "tier-selected"><b>U</b></div><div id = "tier-set" class = "tier-selected"><b>S</b></div><div id = "tier-rare" class = "tier-selected"><b>R</b></div><div id = "tier-legendary" class = "tier-selected"><b>L</b></div><div id = "tier-fabled" class = "tier-selected"><b>F</b></div><div id = "tier-mythic" class = "tier-selected"><b>M</b></div> </div> <p class="error col-auto"></p> </div> </div> </div> <div class = "col-lg-5"> <div id = "filter-container" class = "col"> <div class = "col fw-bold">Filters:</div> <div class = "row"> <div id = "add-filter" class = "col fw-bold" style = "cursor: pointer; padding-top: 5px;"> + Add Filter </div> </div> </div> <br/> <div id = "exclude-container" class = "col"> <div class = "col fw-bold">Excluded Filters:</div> <div class = "row"> <div id = "add-exclude" class = "col fw-bold" style = "cursor: pointer; padding-top: 5px;"> + Add Excluded Filter </div> </div> </div> </div> <div class = "row"> <div class = "col-auto" style = "width: 12.5%;"></div> <div class = "col-auto"> <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "search-button" onclick = "do_item_search()"> Search! </button> </div> <div class = "col-auto"> <button class = "button rounded scaled-font fw-bold text-light dark-5" id = "reset-button" onclick = "reset_item_search()"> Reset </button> </div> </div> <div class = "row box-title justify-content-center" id = "summary"> </div> <div class = "row" id = "search-results"> </div> </div> </div> <script src="/thirdparty/autoComplete.min.js"></script> <script type="text/javascript" src="/js/drag_drop_touch.js"></script> <script type="text/javascript" src="/js/utils.js"></script> <script type="text/javascript" src="/js/build_utils.js"></script> <script type="text/javascript" src="/js/builder/build_encode_decode.js"></script> <script type="text/javascript" src="/js/icons.js"></script> <script type="text/javascript" src="/js/damage_calc.js"></script> <script type="text/javascript" src="/js/display_constants.js"></script> <script type="text/javascript" src="/js/display.js"></script> <script type="text/javascript" src="/js/query.js"></script> <script type="text/javascript" src="/js/expr_parser.js"></script> <script type="text/javascript" src="/js/load.js"></script> <script type="text/javascript" src="/js/search.js"></script> <script type="text/javascript" src="/js/powders.js"></script> <script type="text/javascript" src="/js/items.js"></script> </body> </html>