diff --git a/builder/index.html b/builder/index.html index 3910dce..3c449c8 100644 --- a/builder/index.html +++ b/builder/index.html @@ -42,10 +42,10 @@ WynnBuilderWynnBuilder WynnCrafterWynnCrafter WynnAtlasWynnAtlas - WynnCustomWynnCustom - WynnGPSWynnGPS - WynnfoWynnCrafter - WynnAtlas Mini + WynnCustomWynnCustom + WynnGPSWynnGPS + WynnfoWynnfo + WynnAtlas Mini Swap Icon Style
diff --git a/crafter/index.html b/crafter/index.html index f306a80..969a57d 100644 --- a/crafter/index.html +++ b/crafter/index.html @@ -24,10 +24,10 @@ WynnBuilderWynnBuilder WynnCrafterWynnCrafter WynnAtlasWynnAtlas - WynnCustomWynnCustom - WynnGPSWynnGPS - WynnfoWynnCrafter - WynnAtlas Mini + WynnCustomWynnCustom + WynnGPSWynnGPS + WynnfoWynnfo + WynnAtlas Mini Swap Icon Style
@@ -305,6 +305,7 @@ + diff --git a/css/map-narrow.css b/css/map-narrow.css index 05fd4a3..d33907f 100644 --- a/css/map-narrow.css +++ b/css/map-narrow.css @@ -6,12 +6,6 @@ .overall-container{ margin-bottom: 10px; } -.container{ - width: 95%; - border: 3px solid #BCBCBC; - border-radius: 3px; - padding: 2% 4% 4%; -} .coord-container { display: grid; grid-template-columns: 1fr 1fr 1fr; diff --git a/css/map-wide.css b/css/map-wide.css index e1fd521..c37ebdc 100644 --- a/css/map-wide.css +++ b/css/map-wide.css @@ -15,11 +15,6 @@ grid-column-gap: 5px; grid-auto-rows: minmax(32px, auto); } -.container{ - width: 95%; - border: 3px solid #BCBCBC; - border-radius: 3px; -} .leaflet-tooltip.labelp { font-family: 'Nunito', sans-serif; font-size: 1.1em; diff --git a/css/sidebar.css b/css/sidebar.css index 1986cdb..420939c 100644 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -8,6 +8,7 @@ left: 0; overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ + z-index: 100; } .sidebar:hover { diff --git a/css/sq2bs.css b/css/sq2bs.css index 668b023..9122ddf 100644 --- a/css/sq2bs.css +++ b/css/sq2bs.css @@ -4,9 +4,7 @@ #body { background-color: #121212; - cursor: pointer; } - /* builder containers */ @@ -141,6 +139,12 @@ input.equipment-input { font-size: 3.5rem; } +.big-title { + text-align: center; + overflow-wrap: break-word; + font-size: 4.5rem; +} + .skp-tooltip { font-size: 2.1875rem; font-weight: bold; @@ -185,9 +189,13 @@ input.equipment-input { } .item-title { - font-size: 1rem; + font-size: 1.2rem; } + .big-title { + font-size: 1.5rem; + } + .skp-tooltip { font-size: .625rem; } @@ -235,6 +243,10 @@ input.equipment-input { font-size: 1.5rem; } + .big-title { + font-size: 1.8rem; + } + .skp-tooltip { font-size: .78rem; } @@ -373,19 +385,18 @@ input.equipment-input { box-shadow: 0rem 0rem 0.25rem 0.05rem black; } -.box-title { - text-align: center; -} - -.item-title { - text-align: center; - overflow-wrap: break-word; -} - .atlas { color: #fbcd49; } a { color: #88FFFF; -} \ No newline at end of file +} + +a:hover { + color: #ff88ff; +} + +.border-semi-light { + border-color: #aaa; +} diff --git a/custom/index.html b/custom/index.html new file mode 100644 index 0000000..cebfe08 --- /dev/null +++ b/custom/index.html @@ -0,0 +1,1914 @@ + + + + WynnCustom + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ Info +
+ +
+
+ Name: +
+
+ +
+
+
+
+
+
+ Lore: +
+
+ +
+
+
+
+
+
+ Type: +
+
+ + +
+
+
+
+
+
+ Level: +
+
+ +
+
+
+
+
+
+ Tier: +
+
+ + +
+
+
+
+
+
+ Powder Slots: +
+
+ +
+
+
+
+
+
+ Major ID: +
+
+ +
+
+
+
+ +
+ Requirements +
+
+
+ Class Req: +
+
+ + +
+
+
+
+
+
+ Quest Req: +
+
+ +
+
+
+
+
+
+ Str Req: +
+
+ +
+
+
+
+
+
+ Dex Req: +
+
+ +
+
+
+
+
+
+ Int Req: +
+
+ +
+
+
+
+
+
+ Def Req: +
+
+ +
+
+
+
+
+
+ Agi Req: +
+
+ +
+
+
+
+ +
+ Extra +
+
+
+ Negative Roll Range ([a,b]*base): +
+
+ +
+
+ +
+
+
+
+
+
+ Positive Roll Range ([a,b]*base): +
+
+ +
+
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+
+
+ Static Stats +
+ +
+ Skill Point Bonuses +
+
+
+ Str: +
+
+ +
+
+
+
+
+
+ Dex: +
+
+ +
+
+
+
+
+
+ Int: +
+
+ +
+
+
+
+
+
+ Def: +
+
+ +
+
+
+
+
+
+ Agi: +
+
+ +
+
+
+
+ +
+ Weapon Stats +
+
+
+ Neutral Dmg: +
+
+ +
+
+
+
+
+
+ Earth Dmg: +
+
+ +
+
+
+
+
+
+ Thunder Dmg: +
+
+ +
+
+
+
+
+
+ Water Dmg: +
+
+ +
+
+
+
+
+
+ Fire Dmg: +
+
+ +
+
+
+
+
+
+ Air Dmg: +
+
+ +
+
+
+
+
+
+ Attack Speed: +
+
+ + +
+
+
+
+ +
+ Armor/Accessory Stats +
+
+
+ Health: +
+
+ +
+
+
+
+
+
+ Earth Def: +
+
+ +
+
+
+
+
+
+ Thunder Def: +
+
+ +
+
+
+
+
+
+ Water Def: +
+
+ +
+
+
+
+
+
+ Fire Def: +
+
+ +
+
+
+
+
+
+ Air Def: +
+
+ +
+
+
+
+ +
+ Consumable Stats +
+
+
+ Durability: +
+
+ +
+
+
+
+
+
+ Duration: +
+
+ +
+
+
+
+
+
+ Charges: +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ Variable Stats +
+ +
+ Damage Stats +
+
+
+ Earth Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Thunder Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Water Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Fire Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Air Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Melee Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Raw Melee Damage: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Spell Damage %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Raw Spell Damage: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Attack Speed Bonus: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Poison (/3s): +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+ +
+ Defensive Stats +
+
+
+ Health Bonus: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Earth Defense %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Thunder Defense %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Water Defense %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Fire Defense %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Air Defense %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Health Regen %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Raw Health Regen: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+ +
+ Utility +
+
+
+ Mana Regen (/5s): +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Mana Steal (/3s): +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Life Steal (/3s): +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Thorns Chance %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Reflection Chance %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Exploding Chance %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Jump Height: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Walk Speed %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Sprint Bonus %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Sprint Regen %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+ +
+ Spell Costs +
+
+
+ 1st Spell Cost %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 2nd Spell Cost %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 3rd Spell Cost %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 4th Spell Cost %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 1st Spell Cost Raw: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 2nd Spell Cost Raw: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 3rd Spell Cost Raw: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ 4th Spell Cost Raw: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+ +
+ Miscellaneous +
+
+
+ Combat XP Bonus %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Gathering XP Bonus %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Gathering Speed Bonus %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Stealing %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Loot Bonus %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Loot Quality %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+ Soul Point Regen %: +
+ +
+
+
+ base: +
+ +
+
+
+ min: +
+ +
+
+
+ max: +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
Options
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
Base Item:
+
+
+ + +
+
+
+
+ +
+
+
+
+ +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + diff --git a/customizer.html b/customizer.html deleted file mode 100644 index cf7e4b8..0000000 --- a/customizer.html +++ /dev/null @@ -1,1893 +0,0 @@ - - - - - - - - - - - - - - WynnCustom - - -
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
- -

Info

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -

-
-
- -

-
-
- - - -

-
-
- -

-
-
- - - -

-
-
- -

-
-
- -

-
-

Requirements

-
-
- - - -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-

Extra

-
-
- - - - - -
- - - -
-

-
-
- - - - - -
- - - -
-

-
- -
-
-
- -

Static Stats

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-

Weapon Stats

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- - - -

-
-

Armor/Accessory Stats

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-
- -

-
-

Consumable Stats

-
-
- -

-
-
- -

-
-
- -

-
-
-
- -

Variable Stats

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

Damage Stats

-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
-

Defensive Stats

-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
-

Utility

-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
-

Spell Costs

-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
-

Miscellaneous

-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
- -
-
- - - - - - -
- - -

-
- - -

-
- - -

-
-

-
-
-
-
-
- -
- - -
-
- -
- - - - - - - - - - - - - - - - - diff --git a/items/index.html b/items/index.html index 231d1b3..236d698 100644 --- a/items/index.html +++ b/items/index.html @@ -24,9 +24,9 @@ WynnBuilderWynnBuilder WynnCrafterWynnCrafter WynnAtlasWynnAtlas - WynnCustomWynnCustom - WynnGPSWynnGPS - WynnfoWynnCrafter + WynnCustomWynnCustom + WynnGPSWynnGPS + WynnfoWynnfo WynnAtlas Mini Swap Icon Style
diff --git a/js/crafter.js b/js/crafter.js index 8cda770..64a0b4a 100644 --- a/js/crafter.js +++ b/js/crafter.js @@ -52,7 +52,6 @@ function init_crafter() { populateFields(); decodeCraft(ing_url_tag); } catch (error) { - console.log("If you are seeing this while building, do not worry. Oherwise, panic! (jk contact ferricles)"); console.log(error); } diff --git a/js/custom.js b/js/custom.js index a70caf5..0a470a4 100644 --- a/js/custom.js +++ b/js/custom.js @@ -53,14 +53,12 @@ function encodeCustom(custom, verbose) { let damages = ["nDam", "eDam", "tDam", "wDam", "fDam", "aDam"]; //"nDam_", "eDam_", "tDam_", "wDam_", "fDam_", "aDam_" let val = custom.get(id); if (id == "majorIds") { - console.log(val); if (val.length > 0) { val = val[0]; } else { val = ""; } - console.log(val); } if (typeof(val) === "string" && val !== "") { diff --git a/js/customizer.js b/js/customizer.js index 2cac2b9..84c665e 100644 --- a/js/customizer.js +++ b/js/customizer.js @@ -1,16 +1,6 @@ const custom_url_base = location.href.split("#")[0]; const custom_url_tag = location.hash.slice(1); -const CUSTOM_BUILD_VERSION = "7.0.1"; - -function setTitle() { - let text = "WynnCustom version "+CUSTOM_BUILD_VERSION; - document.getElementById("header").classList.add("funnynumber"); - document.getElementById("header").textContent = text; -} - -setTitle(); - let player_custom_item; let player_custom_ing; let base_item; //the item that a user starts from, if any @@ -51,7 +41,6 @@ function init_customizer() { } catch (error) { - console.log("If you are seeing this while building, do not worry. Oherwise, panic! (jk contact ferricles)"); console.log(error); } } @@ -74,7 +63,7 @@ function calculateCustom() { statMap.set("maxRolls", new Map()); let inputs = document.getElementsByTagName("input"); - if (document.getElementById("fixID-choice").textContent === "yes") {//Fixed IDs + if (document.getElementById("fixID-choice").classList.contains("toggleOn")) {//Fixed IDs for (const input of inputs) { if (input.id.includes("-min") || input.id.includes("-max")) { continue; @@ -187,33 +176,34 @@ function calculateCustom() { player_custom_item = new Custom(statMap); - document.getElementById("right-container").classList.remove("sticky-box"); let custom_str = encodeCustom(player_custom_item.statMap, true); location.hash = custom_str; player_custom_item.setHash(custom_str); - //console.log(player_custom_item.statMap.get("hash")); - displayExpandedItem(player_custom_item.statMap, "custom-stats"); - - //console.log(player_custom_item.statMap); + displaysq2ExpandedItem(player_custom_item.statMap, "custom-stats"); }catch (error) { - //USE THE ERROR

S! + //The error elements no longer exist in the page. Add them back if needed. + + // console.log(error.stack); let msg = error.stack; let lines = msg.split("\n"); - let header = document.getElementById("header"); - header.textContent = ""; - for (const line of lines) { - let p = document.createElement("p"); - p.classList.add("itemp"); - p.textContent = line; - header.appendChild(p); + for (line of lines) { + console.log(line); } - let p2 = document.createElement("p"); - p2.textContent = "If you believe this is an error, contact hppeng on forums or discord."; - header.appendChild(p2); + // let header = document.getElementById("header"); + // header.textContent = ""; + // for (const line of lines) { + // let p = document.createElement("p"); + // p.classList.add("itemp"); + // p.textContent = line; + // header.appendChild(p); + // } + // let p2 = document.createElement("p"); + // p2.textContent = "If you believe this is an error, contact hppeng on forums or discord."; + // header.appendChild(p2); } } @@ -236,8 +226,7 @@ function decodeCustom(custom_url_tag) { if (fixID) { statMap.set("fixId", true); toggleButton("fixID-choice"); - toggleYN("fixID-choice"); - toggleFixed(document.getElementById("fixID-choice")); + toggleFixed(document.getElementById("fixID-choice").classList.contains("toggleOn")); } while (tag !== "") { let id = ci_save_order[Base64.toInt(tag.slice(0,2))]; @@ -350,27 +339,15 @@ function populateFields() { -/* Changes an element's text content from yes to no or vice versa -*/ -function toggleYN(elemId) { - let elem = document.getElementById(elemId); - if (elem.textContent && elem.textContent === "no") { - elem.textContent = "yes"; - } else if (elem.textContent === "yes") { - elem.textContent = "no"; - } else { - elem.textContent = "no"; - } -} - /** * @param fixed : a boolean for the state of the fixID button. */ -function toggleFixed(fixed) { +function toggleFixed() { + let fixedID_bool = document.getElementById("fixID-choice").classList.contains("toggleOn"); for (const id of rolledIDs) { let elem = document.getElementById(id); if (elem) { - if (fixed.textContent === "yes") { //now fixed IDs -> go to 1 input + if (fixedID_bool) { //now fixed IDs -> go to 1 input document.getElementById(id+"-choice-fixed-container").style = ""; document.getElementById(id+"-choice-container").style = "display:none"; } else { //now rollable -> go to 2 inputs diff --git a/js/loadheader.js b/js/loadheader.js deleted file mode 100644 index 3dd83a9..0000000 --- a/js/loadheader.js +++ /dev/null @@ -1,102 +0,0 @@ -/* -

- - -
WynnBuilder
- -
- - -
WynnCrafter
- -
- - -
WynnAtlas
- -
- - -
WynnCustom
- -
- - -
WynnGPS
-
-
-
- -
-*/ -let header_icon_map_left = new Map([ - ["index",["builder","WynnBuilder"]], - ["crafter",["crafter","WynnCrafter"]], - ["items",["searcher","WynnAtlas"]], - ["customizer",["custom","WynnCustom"]], - ["map",["compass","WynnGPS"]], - ["wynnfo/index",["book","Wynnfo"]] -]); - -function setHeaders() { - let headerleft = document.getElementById("headerleft"); - let headerright = document.getElementById("headerright"); - - for (const [name,data] of header_icon_map_left) { - let a_elem = document.createElement("a"); - let img = document.createElement("img"); - let div = document.createElement("div"); - a_elem.classList.add("nomarginp"); - a_elem.classList.add("iconlink"); - a_elem.classList.add("tooltip"); - a_elem.href = "../" + name + ".html"; - img.classList.add("left"); - img.classList.add("linkoptions"); - img.classList.add("headericon"); - img.src = "/media/icons/new/" + data[0] + ".png"; - div.classList.add("tooltiptext"); - div.classList.add("header-tooltip"); - div.classList.add("center"); - div.textContent = data[1]; - a_elem.appendChild(img); - a_elem.appendChild(div); - headerleft.appendChild(a_elem); - } - - let toggle_icon_button = document.createElement("button"); - toggle_icon_button.classList.add("button"); - toggle_icon_button.id = "toggle-icon-button"; - toggle_icon_button.onclick = function() {toggleIcons()}; - toggle_icon_button.textContent = "Use Old Icons"; - headerright.appendChild(toggle_icon_button); - - let reload_div = document.createElement("div"); - let reload_button = document.createElement("button"); - reload_button.classList.add("button"); - reload_button.style.left = '0px'; - reload_button.style.top = '0px'; - reload_button.style.width = '48px'; - reload_button.style.height = '48px'; - reload_button.style.padding = '0px'; - reload_button.onclick = hardReload; - let reload_img = document.createElement("img"); - reload_img.src = "/media/icons/new/reload.png" - reload_img.style.width = "100%"; - let reload_tooltip; - reload_tooltip = createTooltip(reload_tooltip, "p", "Reload", reload_button, ["center","reloadtooltip"]); - //reload_tooltip.style.position = "relative"; - reload_tooltip.style.left = "-50%"; - reload_tooltip.style.top = "70%"; - - reload_div.appendChild(reload_button); - reload_button.appendChild(reload_img); - headerright.appendChild(reload_div); - - - console.log("Set Header"); -} - - -setHeaders(); diff --git a/js/map.js b/js/map.js index a22a7b5..30d4592 100644 --- a/js/map.js +++ b/js/map.js @@ -9,16 +9,6 @@ const map_url_tag = location.hash.slice(1); // console.log(map_url_base); // console.log(map_url_tag); -const MAP_BUILD_VERSION = "7"; - -function setTitle() { - let text = "WynnGPS version "+MAP_BUILD_VERSION; - document.getElementById("header").classList.add("funnynumber"); - document.getElementById("header").textContent = text; -} - -setTitle(); - @@ -73,7 +63,7 @@ function init_map(){ //async just in case we need async stuff zoomControl: false, zoom: 1 }).setView([0,0], 1); - L.imageOverlay("/media/maps/world-map.png", bounds).addTo(map); + L.imageOverlay("../media/maps/world-map.png", bounds).addTo(map); map.fitBounds(bounds); @@ -144,10 +134,10 @@ function placeMarker(lat, lng) { } marker = L.marker([lat, lng], {icon: L.icon({ - iconUrl: '/media/icons/' + (newIcons ? "new/" : "old/" ) + 'marker.png', + iconUrl: '../media/icons/' + (newIcons ? "new/" : "old/" ) + 'marker.png', iconSize: [32, 32], iconAnchor: [16, 32], - shadowUrl: '/media/icons/' + (newIcons ? "new/" : "old/" ) + 'shadow.png', + shadowUrl: '../media/icons/' + (newIcons ? "new/" : "old/" ) + 'shadow.png', shadowSize: [1,1], shadowAnchor: [16, 32], className: "marker" @@ -286,7 +276,7 @@ function pullguilds() { let li = document.createElement("li"); let i = document.createElement("img"); - i.src = "./media/icons/locations/" + img; + i.src = "../media/icons/locations/" + img; i.style.maxWidth = "32px"; i.style.maxHeight = "32px"; li.appendChild(i); @@ -467,10 +457,10 @@ function toggleResources() { let imgBounds = [ [ TRcorner[0]-(16*n)-20-gap*n,TRcorner[1]+4], [ TRcorner[0]-(16*n)-4-gap*n,TRcorner[1]+20] ]; imgBounds = [xytolatlng(imgBounds[0][0],imgBounds[0][1]), xytolatlng(imgBounds[1][0],imgBounds[1][1])]; - let resourceObj = L.imageOverlay("/media/icons/" + (newIcons ? "new/" : "old/" ) +resource+".png", imgBounds, {className: `${resource} resourceimg`}).addTo(map); + let resourceObj = L.imageOverlay("../media/icons/" + (newIcons ? "new/" : "old/" ) +resource+".png", imgBounds, {className: `${resource} resourceimg`}).addTo(map); resourceObjs.push(resourceObj); } - let gearObj = L.imageOverlay("/media/icons/" + (newIcons ? "new/" : "old/" ) + "Gears.png", [xytolatlng(TRcorner[0]-(16*terr_resources.length)-20-gap*terr_resources.length,TRcorner[1]+4), xytolatlng(TRcorner[0]-(16*terr_resources.length)-4-gap*terr_resources.length,TRcorner[1]+20)], {className: `Ore resourceimg`}).addTo(map); + let gearObj = L.imageOverlay("../media/icons/" + (newIcons ? "new/" : "old/" ) + "Gears.png", [xytolatlng(TRcorner[0]-(16*terr_resources.length)-20-gap*terr_resources.length,TRcorner[1]+4), xytolatlng(TRcorner[0]-(16*terr_resources.length)-4-gap*terr_resources.length,TRcorner[1]+20)], {className: `Ore resourceimg`}).addTo(map); resourceObjs.push(gearObj); //draw resource storage for (const n in terr_storage) { @@ -479,10 +469,10 @@ function toggleResources() { let imgBounds = [ [ DRcorner[0]-(16*n)-20-gap*n,DRcorner[1]-20], [ DRcorner[0]-(16*n)-4-gap*n,DRcorner[1]-4] ]; imgBounds = [xytolatlng(imgBounds[0][0],imgBounds[0][1]), xytolatlng(imgBounds[1][0],imgBounds[1][1])]; - let resourceObj = L.imageOverlay("/media/icons/" + (newIcons ? "new/" : "old/" ) +storage+".png", imgBounds, {alt: `${storage}`, className: `${storage} resourceimg`}).addTo(map); + let resourceObj = L.imageOverlay("../media/icons/" + (newIcons ? "new/" : "old/" ) +storage+".png", imgBounds, {alt: `${storage}`, className: `${storage} resourceimg`}).addTo(map); resourceObjs.push(resourceObj); } - let chestObj = L.imageOverlay("/media/icons/" + (newIcons ? "new/" : "old/" ) + "Chest.png", [xytolatlng(DRcorner[0]-(16*terr_storage.length)-20-gap*terr_storage.length,DRcorner[1]-20), xytolatlng(DRcorner[0]-(16*terr_storage.length)-4-gap*terr_storage.length,DRcorner[1]-4)], {className: `Wood resourceimg`}).addTo(map); + let chestObj = L.imageOverlay("../media/icons/" + (newIcons ? "new/" : "old/" ) + "Chest.png", [xytolatlng(DRcorner[0]-(16*terr_storage.length)-20-gap*terr_storage.length,DRcorner[1]-20), xytolatlng(DRcorner[0]-(16*terr_storage.length)-4-gap*terr_storage.length,DRcorner[1]-4)], {className: `Wood resourceimg`}).addTo(map); resourceObjs.push(chestObj); } diff --git a/js/sq2display.js b/js/sq2display.js index 3fd68d8..794b73c 100644 --- a/js/sq2display.js +++ b/js/sq2display.js @@ -153,6 +153,7 @@ function displaysq2ExpandedItem(item, parent_id){ // Clear the parent div. setHTML(parent_id, ""); let parent_div = document.getElementById(parent_id); + parent_div.classList.add("border", "border-2", "border-dark"); let fix_id = item.has("fixID") && item.get("fixID"); let elemental_format = false; diff --git a/map.html b/map.html deleted file mode 100644 index 8ecb9c8..0000000 --- a/map.html +++ /dev/null @@ -1,132 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - WynnGPS - - -
-
-
-
-
-
- -
-
-
-

Right click to place marker.

-
-
-
-
-
-
- -
-
-
-

-

Options

-

-

X

-

-

Z

-

-

- -

-

-

-

- -

-

-
-
- - - - - - -

Do NOT refresh too often.

-
-
- -
-
-
-
-
-

All Keys

-
- - - - - - -
- - - - - -
- - - -
- - - - - - - - diff --git a/map/index.html b/map/index.html new file mode 100644 index 0000000..3dbe73d --- /dev/null +++ b/map/index.html @@ -0,0 +1,164 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + WynnGPS + + + + +
+
+ +
+
+
+
Options
+
Right click to place marker.
+
+
X
+
+
Z
+
+
+
+
+

+ +

+
+
+
+
+
+
+

+ +

+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+

Do NOT refresh too often.

+
+ +
+ +
+
+
+
+

All Keys

+
+ + + + + + +
+ + + + + +
+
+
+ + + + + + + + + diff --git a/sq2/sq2.css b/sq2/sq2.css deleted file mode 100644 index 8555546..0000000 --- a/sq2/sq2.css +++ /dev/null @@ -1,440 +0,0 @@ -html { - height: 100%; -} - -* { - font-family: 'Nunito', sans-serif; -} - -input::-webkit-calendar-picker-indicator { - display: none !important; -} - -input { - -webkit-appearance : none; - border-radius : 0; -} - -textarea, input { outline: none; } - -body { - height: 100%; - overflow: hidden; /* makes the body non-scrollable (we will add scrolling to the sidebar and main content containers) */ - margin: 0; /* removes default style */ - display: flex; /* enables flex content for its children */ - box-sizing: border-box; - font-family: 'Nunito', sans-serif; -} - -/* Works on Firefox */ -* { - scrollbar-width: thin; - scrollbar-color: rgb(30, 30, 30) rgb(45, 45, 45); -} - -/* Works on Chrome, Edge, and Safari */ -*::-webkit-scrollbar { - width: 5px; -} - -*::-webkit-scrollbar-track { - background: rgb(45, 45, 45); -} - -*::-webkit-scrollbar-thumb { - background-color: rgb(30, 30, 30); -} - -.column { - height: 100%; /* allows both columns to span the full height of the browser window */ - display: flex; - flex-direction: column; /* places the left and right headers above the bottom content */ -} - -#left { /* makes sure that content is not cut off in a smaller browser window */ - flex-shrink: 1; - background-color: rgb(30, 30, 30); -} - -#right { - flex-grow: 1; - background-color: rgb(40, 40, 40); - color: rgb(240, 240, 240); - padding: 2%; -} - -ul { - list-style: none; - padding: 0; -} - -img.item-icon { - padding: 0; - margin: 0; - border: none; -} - -.bottom { - flex-grow: 1; /* ensures that the container will take up the full height of the parent container */ - overflow-y: auto; - overflow-x: auto; -} - -table { - vertical-align: top; -} - -.full-border, .box { - border: .3vw solid rgb(45, 45, 45); -} - -.se-border { - border-left: .3vw solid rgb(45, 45, 45); - border-right: .3vw solid rgb(45, 45, 45); -} - -td { - padding: 0; - margin: 0; - white-space: nowrap; - font-size: .8vw; -} - -p { - padding: 0; - margin: 0; - padding-top: 1px; - padding-bottom: 1px; -} - -input { - background-color: rgb(40, 40, 40); - border-top: .15vw solid rgb(25, 25, 25) !important; - border-left: .15vw solid rgb(25, 25, 25) !important; - border-bottom: .15vw solid rgb(45, 45, 45) !important; - border-right: .15vw solid rgb(45, 45, 45) !important; - box-sizing: border-box !important; - color: rgb(240, 240, 240); - min-width: 0; - min-height: 0; - font-size: .8vw; - box-sizing: none; -} - -input.item-name { - text-align: center; - font-weight: bold; - width: 10vw; - height: 1.2vw; -} - -input.search-field { - text-align: center; - font-weight: bold; - width: 9em; -} - -.equipment-container { - background-color: rgb(30, 30, 30); - flex-direction: column; - display: inline-flex; -} - -.all-equipment { - display: inline-flex; - flex-direction: column; -} - -.weapon-container { - display: inline-flex; - background-color: rgb(30, 30, 30); -} - -.skp-container { - width: 38vw; - height: 10vw; - display: inline-flex; - flex-direction: column; - background-color: rgb(30, 30, 30); -} - -td.mono-font { - font-family: 'Courier New', Courier, monospace; -} - -td.damage-size { - width: 5vw; - user-select: none; -} - -.potency { - width: 36em; - user-select: none; -} - -.skp-text { - width: 7.75em; -} - -.skp-input { - width: 6vw; - height: 1.2vw; - text-align: center; -} - -.center-screen { - display: flex; - justify-content: center; - align-items: center; -} - -.powder-input { - text-align: center; - font-family: 'Courier New', Courier, monospace; - font-weight: bold; - width: 10vw; - height: 1.2vw; -} - -.skp-tooltip { - font-size: .6vw; -} - -.spell-container { - display: inline-flex; - vertical-align: top; - background-color: rgb(30, 30, 30); - width: 18vw; - height: 24.5vw; -} - -.draggable { - position: absolute !important; - z-index: 99; -} - -.draggable-header { - cursor: move; - z-index: 10; - display: inline-flex; - flex-direction: row; - text-align: center; -} -p.Damage { - color: rgb(255, 198, 85) -} - -.Set { - display: inline; - color: #5f5; -} - -.Mana { color: #5ff;} -.Mana:after { content: "\273A"} - -.left { - text-align: left; -} - -.right { - text-align: right; -} - -.center { - text-align: center; -} - -.f-w { - width: 100%; -} - -.warning { - color: red; -} - -.shaded-table { - background-color: rgb(30, 30, 30); - padding-top: 2px; - padding-bottom: 2px; - - border-bottom: 1px solid rgb(45, 45, 45) -} - -.spacer-table { - padding: 8px; -} - -.minimal-stats-container { - display: inline-flex; - flex-direction: column; - vertical-align: top; - background-color: rgb(30, 30, 30); - width: 18vw; - height: 24.5vw; -} - -.nDam { - color: #FFAA00; -} - -.eDam, .Earth, .Earth_powder { - color: #00AA00; -} - -.Earth:before, .Earth_powder:before { content: "\2724" ' '; } - -.tDam, .Thunder, .Thunder_powder { - color: #FFFF55; -} - -.Thunder:before, .Thunder_powder:before { content: "\2726" ' '; } - -.wDam, .Water, .Water_powder { - color: #55FFFF -} - -.Water:before, .Water_powder:before { content: "\2749" ' '; } - -.fDam, .Fire, .Fire_powder { - color: #FF5555; -} - -.Fire:before, .Fire_powder:before { content: "\2739" ' '; } - -.aDam, .Air, .Air_powder { - color: #FFFFFF -} - -.Air:before, .Air_powder:before { content: "\274b" ' '; } - -.Neutral { color: #fa0; } -.Neutral:before { content: "\2724" ' '; } -.Damage { color: rgb(255, 198, 85)} - -.Health { - color: #AA0000 -} - -.Health:before { - content: "\2764" ' '; -} - -.Normal { - color: #FFFFFF; -} - -.Unique { - color: #FFFF55; -} - -.Rare { - color: #FF55FF; -} - -.Legendary { - color: #55FFFF; -} - -.Fabled { - color: #FF5555; -} - -.Mythic { - color: #AA00AA -} - -p.no-newline { - display: inline; -} - -.clickable { - cursor: pointer; -} - -.small-text { - font-size: 12px; -} - -.lvl { - color: #d4d4d4 -} - -.lvl:before { - content: "Lv. " -} - -button { - background-color: rgb(30, 30, 30); - color: white; - border: none; - cursor: pointer; -} - -.positive { - color: #5f5; - /*text-shadow: 2px 2px 0 #153f15;*/ -} - -.negative { - color: #f55; - /*text-shadow: 2px 2px 0 #1f1515;*/ -} - -.item-margin { - margin-top: .8vw; - margin-bottom: .8vw; -} - -.item-tooltip { - width: 15rem; - background-color: rgb(30, 30, 30); - color: white; - font-size: 0.8rem; -} - -.window-container { - display: inline-flex; - flex-direction: column; - background-color: rgb(30, 30, 30); - color: white; -} - -.window-header { - display: flex; - cursor: move; - background-color: rgb(45, 45, 45); - font-size: .8vw; -} - -.search-result-container { - display: flex; - flex-wrap: wrap; - justify-content: center; - overflow-y: auto; - overflow-x: hidden; - flex-basis: 30vw; - max-width: 14.4vw; -} - -.button-boost { - background-color: rgb(45, 45, 45); - width: 10rem; - border: 5px solid rgb(50, 50, 50) -} - -button.toggleOn{ - background-color:#0a0; - border: 3px solid rgb(0, 70, 0); -} - -.damageSubtitle { - text-align: center; -} - -.itemp { - font-size: .8vw; -} -/* -div:not(.item-tooltip) { - font-size: .8vw; -}*/ diff --git a/sq2/sq2.html b/sq2/sq2.html deleted file mode 100644 index 4d4d430..0000000 --- a/sq2/sq2.html +++ /dev/null @@ -1,1153 +0,0 @@ - - - - WynnBuilder^2 - - - - - - - - - - - - -
-
-
-
Overall Build Stats
-
-
-
-
-
-
-
-
sq2-Search
-
-
-
-
- - - - - - - - - - -
-
-
- - - - - - -
-
-
-
-
- -
-
-
-
Active boosts
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Class boosts
- - - - - - - - - -
Quake
- - - - - - - - - -
Chain Lightning
- - - - - - - - - -
Curse
- - - - - - - - - -
Courage
- - - - - - - - - -
Wind Prison
- - - - - - - - - -
-
-
-
-

Powder Specials

-
-
-
-
- - - - - - - - - -
-
- -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/sq2/sq2.js b/sq2/sq2.js deleted file mode 100644 index 1b30f5f..0000000 --- a/sq2/sq2.js +++ /dev/null @@ -1,347 +0,0 @@ -let equipment_keys = ['weapon', 'helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace']; - -$(document).ready(function(){ - // inits - - $("#overall-window").toggle(); - $("#search-container").toggle(); - $("#boost-container").toggle(); - - // pot/base damage switch for weap display - /* - $(".damage-size").click(function(){ - $(".damage-size").hide(); - $(".potency").show(); - }); - $(".potency").click(function(){ - $(".potency").hide(); - $(".damage-size").show(); - });*/ - - // windows - $("#overall-window").draggable({ - handle: '#overall-window-header', - }).resizable({ - alsoResize: "#all-stats", - handles: 'n, e, s ,w' - }); - - $("#search-container").draggable({ - handle: '#search-container-header', - }); - - $("#boost-container").draggable({ - handle: '#boost-container-header', - }); - - // window priority - $("#overall-window").mousedown(function() { - $(".window-container").css("z-index", 10); - $(this).css("z-index", 11); - }); - - $("#search-container").mousedown(function() { - $(".window-container").css("z-index", 10); - $(this).css("z-index", 11); - }); - - $("#boost-container").mousedown(function() { - $(".window-container").css("z-index", 10); - $(this).css("z-index", 11); - }); - - // update builds - jQuery(document).on("input", '.skp-input', function(event){ - updateStatSchedule(); - }); - - jQuery(document).on("input", '.search-field', function(event){ - doSearchSchedule(); - }); - - // set listeners/checks - $("#weapon-choice").on('input', function(){ - set_input_style('weapon'); - calcBuildSchedule(); - update_powder_count('weapon'); - }); - - $("#weapon-powder").on('input', function(){ - calcBuildSchedule(); - }); - - $("#helmet-choice").on('input', function(){ - set_input_style('helmet'); - calcBuildSchedule(); - update_powder_count('helmet', '|example: t6t6'); - }); - - $("#helmet-powder").on('input', function(){ - calcBuildSchedule(); - }); - - $("#chestplate-choice").on('input', function(){ - set_input_style('chestplate'); - calcBuildSchedule(); - update_powder_count('chestplate'); - }); - - $("#chestplate-powder").on('input', function(){ - calcBuildSchedule(); - }); - - $("#leggings-choice").on('input', function(){ - set_input_style('leggings'); - calcBuildSchedule(); - update_powder_count('leggings'); - }); - - $("#leggings-powder").on('input', function(){ - calcBuildSchedule(); - }); - - $("#boots-choice").on('input', function(){ - set_input_style('boots'); - calcBuildSchedule(); - update_powder_count('boots'); - }); - - $("#boots-powder").on('input', function(){ - calcBuildSchedule(); - }); - - $("#ring1-choice").on('input', function(){ - set_input_style('ring1'); - calcBuildSchedule(); - }); - - $("#ring2-choice").on('input', function(){ - set_input_style('ring2'); - calcBuildSchedule(); - }); - - $("#bracelet-choice").on('input', function(){ - set_input_style('bracelet'); - calcBuildSchedule(); - }); - - $("#necklace-choice").on('input', function(){ - set_input_style('necklace'); - calcBuildSchedule(); - }); - - // control vars - let basic_stats_ctrl = true; - let off_stats_ctrl = false; - let def_stats_ctrl = false; - - $("#basic-stats-btn").click(function(){ - basic_stats_ctrl = true; - off_stats_ctrl = false; - def_stats_ctrl = false; - - $("#minimal-stats").show(); - $("#minimal-offensive-stats").hide(); - $("#minimal-defensive-stats").hide(); - - $("#off-stats-btn").css("background-color", "rgb(45, 45, 45)"); - $("#def-stats-btn").css("background-color", "rgb(45, 45, 45)"); - }); - $("#basic-stats-btn").hover( - function(){ - $("#basic-stats-btn").css("background-color", "rgb(40, 40, 40)"); - },function(){ - if (basic_stats_ctrl) { - $("#basic-stats-btn").css("background-color", "rgb(30, 30, 30)"); - } else { - $("#basic-stats-btn").css("background-color", "rgb(45, 45, 45)"); - } - }); - - $("#off-stats-btn").click(function(){ - basic_stats_ctrl = false; - off_stats_ctrl = true; - def_stats_ctrl = false; - - $("#minimal-stats").hide(); - $("#minimal-offensive-stats").show(); - $("#minimal-defensive-stats").hide(); - - $("#basic-stats-btn").css("background-color", "rgb(45, 45, 45)"); - $("#def-stats-btn").css("background-color", "rgb(45, 45, 45)"); - }); - $("#off-stats-btn").hover( - function(){ - $("#off-stats-btn").css("background-color", "rgb(40, 40, 40)"); - },function(){ - if (off_stats_ctrl) { - $("#off-stats-btn").css("background-color", "rgb(30, 30, 30)"); - } else { - $("#off-stats-btn").css("background-color", "rgb(45, 45, 45)"); - } - }); - - $("#def-stats-btn").click(function(){ - basic_stats_ctrl = false; - off_stats_ctrl = false; - def_stats_ctrl = true; - - $("#minimal-stats").hide(); - $("#minimal-offensive-stats").hide(); - $("#minimal-defensive-stats").show(); - - $("#off-stats-btn").css("background-color", "rgb(45, 45, 45)"); - $("#basic-stats-btn").css("background-color", "rgb(45, 45, 45)"); - }); - $("#def-stats-btn").hover( - function(){ - $("#def-stats-btn").css("background-color", "rgb(40, 40, 40)"); - },function(){ - if (def_stats_ctrl) { - $("#def-stats-btn").css("background-color", "rgb(30, 30, 30)"); - } else { - $("#def-stats-btn").css("background-color", "rgb(45, 45, 45)"); - } - }); - - - // item tooltip - - $("#weapon-img-loc").hover(function(event){ - $("#weapon-tooltip").show(); - init_tooltip_loc('weapon'); - }, function(){ - $("#weapon-tooltip").hide(); - }); - - $("#helmet-img-loc").hover(function(event){ - $("#helmet-tooltip").show(); - init_tooltip_loc('helmet'); - }, function(){ - $("#helmet-tooltip").hide(); - }); - - $("#chestplate-img-loc").hover(function(event){ - $("#chestplate-tooltip").show(); - init_tooltip_loc('chestplate'); - }, function(){ - $("#chestplate-tooltip").hide(); - }); - - $("#leggings-img-loc").hover(function(event){ - $("#leggings-tooltip").show(); - init_tooltip_loc('leggings'); - }, function(){ - $("#leggings-tooltip").hide(); - }); - - $("#boots-img-loc").hover(function(event){ - $("#boots-tooltip").show(); - init_tooltip_loc('boots'); - }, function(){ - $("#boots-tooltip").hide(); - }); - - $("#ring1-img-loc").hover(function(event){ - $("#ring1-tooltip").show(); - init_tooltip_loc('ring1'); - }, function(){ - $("#ring1-tooltip").hide(); - }); - - $("#ring2-img-loc").hover(function(event){ - $("#ring2-tooltip").show(); - init_tooltip_loc('ring2'); - }, function(){ - $("#ring2-tooltip").hide(); - }); - - $("#bracelet-img-loc").hover(function(event){ - $("#bracelet-tooltip").show(); - init_tooltip_loc('bracelet'); - }, function(){ - $("#bracelet-tooltip").hide(); - }); - - $("#necklace-img-loc").hover(function(event){ - $("#necklace-tooltip").show(); - init_tooltip_loc('necklace'); - }, function(){ - $("#necklace-tooltip").hide(); - }); - -}); - -function set_input_style(type) { - let item = itemMap.get($("#"+type+"-choice").val()); - if (item) { - $("#"+type+"-choice").addClass(item.tier); - if (type == 'weapon') { - $("#"+type+"-img").attr('src', 'media/items/new/generic-'+item.type+'.png'); - } - } else { - $("#"+type+"-choice").attr('class', 'item-name'); - } -} - -function init_tooltip_loc(equipment){ - let ImgLoc = document.getElementById(equipment+'-img-loc').getBoundingClientRect(); - let tooltipRect = document.getElementById(equipment+"-tooltip").getBoundingClientRect(); - let windowHeight = $(window).height() - - $("#"+equipment+"-tooltip").css('top', Math.min(ImgLoc.top, windowHeight - (tooltipRect.bottom - tooltipRect.top))); - $("#"+equipment+"-tooltip").css('left', ImgLoc.right); -} - -function update_powder_count(type, alt="") { - let item = itemMap.get($("#"+type+"-choice").val()); - if (item) { - $("#"+type+"-powder").attr("placeholder", item["slots"]+" slots"+alt); - } -} - -function init_equipUI() { - for (const i in equipment_keys) { - set_input_style(equipment_keys[i]); - } - update_powder_count('weapon'); - update_powder_count('helmet', '|example: t6t6'); - update_powder_count('chestplate'); - update_powder_count('leggings'); - update_powder_count('boots'); -} - -// phanta method of handling input <3 -let calcBuildTask = null; -let updateStatTask = null; -let doSearchTask = null; - -function calcBuildSchedule(){ - if (calcBuildTask !== null) { - clearTimeout(calcBuildTask); - } - calcBuildTask = setTimeout(function(){ - calcBuildTask = null; - calculateBuild(); - }, 500); -} - -function updateStatSchedule(){ - if (updateStatTask !== null) { - clearTimeout(updateStatTask); - } - updateStatTask = setTimeout(function(){ - updateStatTask = null; - updateStats(); - }, 500); -} - -function doSearchSchedule(){ - if (doSearchTask !== null) { - clearTimeout(doSearchTask); - } - doSearchTask = setTimeout(function(){ - doSearchTask = null; - doItemSearch(); - }, 500); -} \ No newline at end of file diff --git a/wynnfo/index.html b/wynnfo/index.html index 49671e8..bc8d121 100644 --- a/wynnfo/index.html +++ b/wynnfo/index.html @@ -1,36 +1,42 @@ - - - - - - - WynnAtlas + + + + + + + + + + + + + + + + - -
-
+ + -
-
- -
+
+
Welcome!
+

This page is the main page for Wynnfo. Wynnfo is Wynnbuilder's page for all sorts of Wynncraft-related literature, including code documenation, game mechanic novels, and other literature! Browse at your leisure below.

-
-
-
-
-
-

Welcome!

-

This page is the main page for Wynnfo. Wynnfo is Wynnbuilder's page for all sorts of Wynncraft-related literature, including code documenation, game mechanic novels, and other literature! Browse at your leisure below.

-
-
- - - + + diff --git a/wynnfo/media/indicator-down.png b/wynnfo/media/indicator-down.png deleted file mode 100644 index 26ee6f4..0000000 Binary files a/wynnfo/media/indicator-down.png and /dev/null differ diff --git a/wynnfo/media/indicator-up.png b/wynnfo/media/indicator-up.png deleted file mode 100644 index 52f1302..0000000 Binary files a/wynnfo/media/indicator-up.png and /dev/null differ diff --git a/wynnfo/scripts/main.js b/wynnfo/scripts/main.js index 6524e07..8df2dda 100644 --- a/wynnfo/scripts/main.js +++ b/wynnfo/scripts/main.js @@ -14,11 +14,12 @@ const pdfs = new Map([ const changelog = new Map([ - ["7.0.8", - [" + Created Changelog section in Wynnfo", - " + Added an empty cache + reload button to the right header", - " - Deleted lack of on-page documentation", - ]], + ["WynnBuilder^2 (12 May 2022)", + [ + " + Switched most of Wynnbuilder over to Bootstrap", + " - Old UI", + ] + ], //[title ,[genre, filename, author(s), abstract/desc]] ]); @@ -116,25 +117,25 @@ function initSections() { let main = document.getElementById("main"); for (const sec of sections) { let div = document.createElement("div"); - div.classList.add(["section"]); + div.classList.add("row", "my-2"); div.id = sec; let secspan = document.createElement("span"); - secspan.classList.add("span-flex", "up"); + secspan.classList.add("row", "up"); div.appendChild(secspan); - let title = document.createElement("h2"); - title.classList.add("indicator-title") + let title = document.createElement("div"); + title.classList.add("col-10", "item-title", "text-start") title.style.margin = "0 0 0"; title.textContent = "Section: " + sec; - let indicator = document.createElement("img"); - indicator.classList.add("indicator-img"); - indicator.src = "./media/indicator-down.png"; + let indicator = document.createElement("div"); + indicator.classList.add("col-auto", "fw-bold", "box-title"); + indicator.textContent = "V"; secspan.appendChild(title); secspan.appendChild(indicator); let section = document.createElement("section"); - section.classList.add(["toggle-section"]); + section.classList.add("toggle-section"); section.id = sec + "-section"; section.style.display = "none"; div.appendChild(section); @@ -144,12 +145,13 @@ function initSections() { if (secspan.classList.contains("up")) { secspan.classList.remove("up"); secspan.classList.add("down"); - indicator.src = "./media/indicator-up.png"; + indicator.style.transform = 'rotate(180deg)'; + section.style.display = ""; } else { secspan.classList.remove("down"); secspan.classList.add("up"); - indicator.src = "./media/indicator-down.png"; + indicator.style.transform = 'rotate(0deg)'; section.style.display = "none"; } });