diff --git a/css/article.css b/css/article.css index 5281725..e17aa27 100644 --- a/css/article.css +++ b/css/article.css @@ -102,7 +102,7 @@ main .heart { } .full-width > img { - width: 100%; + width: 80%; background-color: #000; filter: brightness(0.7) contrast(1.2) grayscale(0.5); } diff --git a/css/sq2bs.css b/css/sq2bs.css index 2522a76..668b023 100644 --- a/css/sq2bs.css +++ b/css/sq2bs.css @@ -384,4 +384,8 @@ input.equipment-input { .atlas { color: #fbcd49; +} + +a { + color: #88FFFF; } \ No newline at end of file diff --git a/items/index.html b/items/index.html index fce8862..231d1b3 100644 --- a/items/index.html +++ b/items/index.html @@ -33,6 +33,11 @@
+
+
+ Advanced Item Search +
+
diff --git a/items/items_2.html b/items/items_2.html deleted file mode 100644 index 7a714f5..0000000 --- a/items/items_2.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - - - - - - - - - WynnAtlas - - -
-
-
-
-
- -
-
-
- -
-
- - -
-
-
- - -
-
-
-
- - -
-
-
-
-
-
- -
-
- - - - - - - - - - - - - - diff --git a/items/temp.html b/items/temp.html deleted file mode 100644 index e69de29..0000000 diff --git a/credits.txt b/items_adv/credits.txt similarity index 100% rename from credits.txt rename to items_adv/credits.txt diff --git a/items_adv/help_photo.png b/items_adv/help_photo.png new file mode 100644 index 0000000..a948498 Binary files /dev/null and b/items_adv/help_photo.png differ diff --git a/items_adv/index.html b/items_adv/index.html new file mode 100644 index 0000000..526d97c --- /dev/null +++ b/items_adv/index.html @@ -0,0 +1,90 @@ + + + + WynnAtlas + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ Additional credits +
+
+ Search Guide +
+
+ Basic Item Search +
+
+
+
+
+
+
Filter By:
+ +
+
+
+
+
Sort By:
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ + + + + + + + + + + + + + + + diff --git a/items/items_2_help.html b/items_adv/items_2_help.html similarity index 89% rename from items/items_2_help.html rename to items_adv/items_2_help.html index f940b70..62d7cd7 100644 --- a/items/items_2_help.html +++ b/items_adv/items_2_help.html @@ -1,32 +1,45 @@ - - + WynnAtlas Help + + + + + + + + - - - - - WynnAtlas + + + + + + + + + + -
-
-
-
-
- -
-
-
-
-
+
-
- +
+
+

What the heck is “Advanced Item Search”?

The WynnBuilder team has been hard at work giving you the latest and greatest tools for optimizing your most complex Wynncraft builds. Now, we're introducing WynnAtlas, the new, bigger, better, smarter, powerful-er item guide! Featuring an extremely flexible expression language for filtering and sorting items, WynnAtlas' advanced item search system gives build engineers the power to select items with a high degree of granularity. Picking components for your brand-new Divzer WFA build has never been easier!

@@ -208,7 +221,6 @@ docsFns.append(genDocEntry(entry[0], entry[1], null, entry[2])); } - diff --git a/js/items_2.js b/js/items_2.js index af3072c..a670ee3 100644 --- a/js/items_2.js +++ b/js/items_2.js @@ -246,10 +246,15 @@ function init_items2() { const itemEntries = []; for (let i = 0; i < ITEM_LIST_SIZE; i++) { const itemElem = document.createElement('div'); - itemElem.classList.add('item-entry', 'box'); - itemElem.setAttribute('id', `item-entry-${i}`); + itemElem.classList.add('col-lg-3', 'col-sm-auto', "p-2"); + // itemElem.setAttribute('id', `item-entry-${i}`); itemList.append(itemElem); itemEntries.push(itemElem); + + const itemElemContained = document.createElement("div"); + itemElemContained.classList.add("dark-7", "rounded", "px-2", "col-auto"); + itemElemContained.setAttribute('id', `item-entry-${i}`); + itemElem.appendChild(itemElemContained); } // create the expression parser @@ -323,10 +328,10 @@ function init_items2() { for (let i = 0; i < searchMax; i++) { const result = searchResults[i]; itemEntries[i].classList.add('visible'); - displayExpandedItem(result.itemExp, `item-entry-${i}`); + displaysq2ExpandedItem(result.itemExp, `item-entry-${i}`); if (result.sortKeys.length > 0) { const sortKeyListContainer = document.createElement('div'); - sortKeyListContainer.classList.add('itemleft'); + sortKeyListContainer.classList.add('row'); const sortKeyList = document.createElement('ul'); sortKeyList.classList.add('item-entry-sort-key', 'itemp', 'T0'); sortKeyListContainer.append(sortKeyList);