diff --git a/avoid-tools.html b/avoid-tools.html index 7cafa3f..c80742a 100644 --- a/avoid-tools.html +++ b/avoid-tools.html @@ -200,7 +200,7 @@

Vortex


Additionally, it does not track generated files, and the deployment logic can be confusing to the user.
- Vortex also cannot easily export a user's mod asset list for troubleshooting. Users can only export their plugin list as a text file, but not their full mod installation order. This makes it extremely difficult to provide modlists when asking for help, as the only alternatives are taking screenshots while scrolling through the modlist or publishing collections (which sort mods alphabetically, not in installation order). + Vortex also cannot easily export a user's mod asset list for troubleshooting. Users can only export their plugin list as a text file, but not their full mod installation order. This makes it extremely difficult to provide mod lists when asking for help, as the only alternatives are taking screenshots while scrolling through the mod list or publishing collections (which sort mods alphabetically, not in installation order).

diff --git a/basefinish.html b/basefinish.html index db674d8..6f260da 100644 --- a/basefinish.html +++ b/basefinish.html @@ -54,7 +54,6 @@ - @@ -272,29 +271,6 @@

Going beyond Vanilla

- -
-
-
- -
- Patreon -

Patreon

-
- -
-
- -
- PayPal -

PayPal

-
- -
-
-
- -

Ownership Fixes

+ Fixes incorrect or missing ownership data assigned to junk and containers. +

Installation instructions

+ +

+
+

Community Fixes Merged

@@ -248,12 +259,7 @@

Installation instructions

  • Install
    • -
  • - The Midnight Ride Resources - -
    • +
  • CFM - Weapon Mod Fixes Patch

    • @@ -265,12 +271,6 @@

    Installation instructions

    @@ -280,7 +280,6 @@

    Installation instructions

  • Once the mod has been installed, double-click it in the left pane of MO2.
  • In the Text Files tab, select F4SE/Plugins/Buffout4.toml
  • Set InputSwitch (line 32) to true.
    • -
  • Save your changes.

    • @@ -288,35 +287,63 @@

    Installation instructions

    -
    +

    -

    X-Cell

    - Brings various improvements to performance and fixes - most notably to FaceGen. +

    Mentats - F4SE

    + A collection of various engine-level fixes, patches, and warnings.

    Installation instructions

    -
    +

    -

    Mentats - F4SE

    - A collection of various engine-level fixes, patches, and warnings. +

    Interior NavCut Fix

    + Fixes the engine bug that causes workshop navmesh cuts to persist throughout all interior cells.

    Installation instructions

      -
    • Main Files - Mentats - F4SE
      • +
    • Main Files - Interior NavCut Fix
    + +
    +

    + IMPORTANT: +
    + Mac and Linux users will need to use the No Multithreading version instead! +

    +
    +

    -

    Sprint Stuttering Fix

    +

    Sprint Stuttering Fix

    Fixes camera stutter when sprinting on uneven surfaces.

    Installation instructions

      -
    • Main Files - Sprint Stuttering Fix
      • +
    • Main Files - Sprint Stuttering Fix 1.2
      • +
    + +
    +

    + Just like before, the direct link to an older version is intentional to grant compatibility with the downgraded executable. +

    +
    + +

    +
    + +
    +

    +

    General Atomics Galleria Speaking Guard Gutsy Voice Fix

    + Fixes the silent Guard Gutsy robots at General Atomics Galleria. +

    Installation instructions

    +

    @@ -327,7 +354,7 @@

    Installation instructions

      -
    • Main Files - Companion Shoots At Player Fix - Next-Gen
      • +
    • Main Files - Companion Shoots At Player Fix

    @@ -338,7 +365,7 @@

    Installation instructions

    @@ -349,7 +376,7 @@

    Installation instructions

    @@ -360,7 +387,18 @@

    Installation instructions

    +

    + + +
    +

    +

    Armor Penetration Bug Fix - F4SE

    + Prevents incorrect stat overwriting when unequipping or changing weapons. +

    Installation instructions

    +

    @@ -423,7 +461,7 @@

    Installation instructions

    - Make sure both parts are installed! The mod will do nothing without PRP Plugins, and it'll crash without PRP Resources. + Not installing the PRP Resources file will lead to crashing, make sure both files are installed!

    @@ -432,16 +470,16 @@

    Installation instructions

    -

    Weapon Debris Crash Fix

    +

    Weapon Debris Crash Fix

    Fixes the PhysX weapon debris crashing disabling debris collision.

    Installation instructions

    - Only Nvidia's Turing graphics cards (20 series) or newer require this fix (this includes the 16 series). You can skip it if you didn't enable the feature in Bethini Pie earlier. + Only Nvidia's Turing graphics cards or newer require this fix (this includes the 16 series). You can skip it if you didn't enable the feature in Bethini Pie earlier.

    @@ -455,6 +493,17 @@

    Minor Fixes

    These fixes are less important than the rest and not required in any way, their presence in the main list would just lengthen the guide for everyone. You can choose to skip any of them.

    +
    +

    +

    Reload Fix

    + Fixes some reloading issues. +

    Installation instructions

    + +

    +
    +

    Weapon Behavior Ironsights movement direction lock fixes and tweaks (3rd person)

    @@ -531,17 +580,6 @@

    Installation instructions

    -
    -

    -

    Blood Fixes

    - Fixes the placement of over 1,100 blood decals to reduce clipping and hard edges. -

    Installation instructions

    - -

    -
    -

    Hair Specular Map Removal Thingy

    @@ -552,23 +590,6 @@

    Installation instructions

    - -
    -

    -

    General Atomics Galleria Speaking Guard Gutsy Voice Fix

    - Fixes the silent Guard Gutsy robots at General Atomics Galleria. -

    Installation instructions

    - -

    -
    diff --git a/changelog.html b/changelog.html index 6d92a8b..58ddb21 100644 --- a/changelog.html +++ b/changelog.html @@ -189,7 +189,7 @@
    -

    Changelog

    +

    Changelog (Month Day)

    @@ -199,80 +199,6 @@

    2025

    -

    Oct 11

    -

    Safe Mid-game

    -

    Bug Fixes

    -
      -
    • Added back X-Cell, it is now necessary to fix Face-Gen not loading modded assets. Using X-Cell also requires editing the Buffout 4 configuration file, TMR now provides one.
      • -
    -

    Tweaks

    -
      -
    • Added steps to disable Unlimited Survival Mode's achievement patch, which is broken on NG and will cause the "Signature scan failed" error.
      • -
    -

    Gameplay

    -
      -
    • Swapped back to Complex Vendors, Barter is too hardcore and the patching is really not user friendly (the script also needs improvements).
      • -
    - -
    - -

    Oct 10

    -

    NOT Safe Mid-game

    -

    Whole Guide

    -
      -
    • Switched to the NG executable.
      • -
    -

    Utilities

    -
      -
    • Added a calculator to the High FPS Physics Fix instructions, it takes your refresh rate and outputs the optimal FPS limit(s) (or range for VRR).
      • -
    -

    Bug Fixes

    -
      -
    • Added Blood Fixes.
      • -
    • Moved General Atomics Galleria Speaking Guard Gutsy Voice Fix to the Minor Fixes section.
      • -
    • Removed the following mods: -
        -
      • Ownership Fixes, removed because both the vanilla and modded approaches are valid, and the mod may introduce inconsistencies compared to vanilla.
        • -
      • Interior NavCut Fix, Buffout 4 NG already does it for the NG executable.
        • -
      • Armor Penetration Bug Fix - F4SE, not compatible with NG and no source available 🙄.
        • -
      • Reload Fix, not compatible with NG and not really important.
        • -
      -
      • -
    -

    Gameplay

    -
      -
    • Replaced Complex Vendors with Barter - A Vendor and Economy Overhaul.
      • -
    -

    Visuals

    -
      -
    • Removed WET and WAVE, as they've been deleted by the author.
      • -
    -

    LOD Guide

    -
      -
    • Updated the pre-generated LOD for FOLIP 7.
      • -
    -

    Wabbajack

    -
      -
    • Updated to reflect the changes above.
      • -
    • Updated the following mods: -
        -
      • Community Fixes Merged (4.2.0)
        • -
      • Assorted Modular Tweaks - ESPless (1.5.2)
        • -
      • Simple Everyone's Best Friend (1.1)
        • -
      • Who's The General - Minutemen Quest Cleanup (1.14)
        • -
      • Who's The General - Keep Radiants in the Commonwealth Patch (1.14)
        • -
      • You And What Army 2 (1.08)
        • -
      • Lightweight Lighting - A weather and interior lighting overhaul (5.0.1)
        • -
      • Gloomy Glass - All transparent materials revised (1.2)
        • -
      • Targeted Textures - Vanilla textures upscaled fixed and sized (2.5.1)
        • -
      • Far Object LOD Improvement Project (7.0)
        • -
      • TMR Pre-Generated LOD
        • -
      -
      • -
    - -
    -

    Aug 9

    Safe Mid-game

    Utilities

    @@ -492,7 +418,7 @@

    Dec 20

    Safe Mid-game

    Utilities

      -
    • Removed X-Cell due to possible crashes, the Buffout configuration should now be kept as default. In case you're wondering, the guide does not need the Face-Gen fix - vanilla faces are already fixed by UFO4P and CFM.
      • +
    • Removed X-Cell due to possible crashes, the Buffout configuration should now be kept as default. In case you're wondering, the guide does not need the FaceGen fix - vanilla faces are already fixed by UFO4P and CFM.

    Wabbajack

      @@ -691,7 +617,7 @@

      LOD Guide

    FAQ

      -
    • Added information on Face-Gen and VEFS.
      • +
    • Added information on FaceGen and VEFS.

    Wabbajack

      @@ -1840,7 +1766,7 @@

      Visuals

      • Removed No More Glowing Mouths (included in Targeted Textures) and added the following mods:
          -
        • Targeted Textures - Vanilla textures upscaled fixed and sized
          • +
        • Targeted Textures
        • First-Person Swimming Animations
        • First-Person Running with Hands Animations
        diff --git a/css/cards.css b/css/cards.css index e959d9a..a9ee4f6 100644 --- a/css/cards.css +++ b/css/cards.css @@ -1,68 +1,65 @@ -/* Base card styles */ -.card, -.card-wj, -.card-basic, -.card-green, -.card-yellow, -.card-red, -.expander-bottom, -.expander-top, -textarea { - padding: 0 1em; - border-radius: 8px; - border: 1px solid transparent; - margin: 0.5em 0; - outline: 1px solid rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); -} - -/* Individual card variations */ .card { + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.0512); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); } .card-wj { + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgb(31, 27, 36); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); } .card-basic, textarea { font-family: monospace; font-size: 1.3em; + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.0326); + width: -moz-fit-content; width: fit-content; - -moz-width: fit-content; -} - -/* Color-themed cards */ -.card-green, -.card-yellow, -.card-red { - text-align: left; - width: fit-content; - -moz-width: fit-content; -} - -.card-green { - background-color: rgb(57, 61, 27); } .card-yellow { + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgb(67, 53, 25); + text-align: left; + width: -moz-fit-content; + width: fit-content; } .card-red { + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgb(68, 39, 38); + text-align: left; + width: -moz-fit-content; + width: fit-content; } -.card-red.important-notice { - display: flex; - align-items: center; - margin-top: 30px; +.card-green { + outline: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgb(57, 61, 27); + text-align: left; + width: -moz-fit-content; width: fit-content; } -/* Textarea specific styles */ +.card, +.card-wj, +.card-basic, +.card-green, +.card-red, +.card-yellow, +.expander-bottom, +.expander-top, +textarea { + padding: 0 1em 0 1em; + border-radius: 8px; + border: 1px solid transparent; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + textarea { resize: none; box-sizing: border-box; @@ -73,9 +70,8 @@ textarea.auto-resize { overflow: hidden; } -/* Card-basic variations */ b.card-basic { - padding: 0.3em 0.5em; + padding: 0.3em 0.5em 0.3em 0.5em; } span.card-basic { @@ -91,16 +87,21 @@ span.card-basic { border-color: rgba(255, 255, 255, 0.2) !important; } -/* Expander components */ .expander-top { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + outline: 1px solid rgba(0, 0, 0, 0.1); + background-color: rgba(255, 255, 255, 0.0512); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); margin-bottom: 0 !important; display: flex; flex-direction: row; align-items: center; - background-color: rgba(255, 255, 255, 0.0512); } .expander-top.active { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; background-color: rgba(255, 255, 255, 0.0612); } @@ -118,7 +119,11 @@ span.card-basic { } .expander-bottom { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + outline: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.0512); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); display: none; animation: slide-up 0.4s; z-index: 0; @@ -131,85 +136,64 @@ span.card-basic { animation: slide-down 2s; } -/* Chevron icon */ img.chevron { display: flex; height: 16px; width: 16px; box-shadow: none; - margin: 3px 0 0 auto; + margin-top: 3px; transition: transform 0.1s; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; -} - -/* Center class for alignment */ -.center { margin-left: auto; - margin-right: auto; - max-width: fit-content; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } @media only screen and (max-width: 700px) { - .expander-bottom, .expander-top, - .card-green, - .card-yellow, .card-red, + .card-yellow, + .card-green, .card-basic, .card { padding: 0.65em; } - - /* Card basic modifications */ - .card-basic { - width: unset; - display: inline-block; - max-width: 100%; - } - .card-basic p { margin: 0; text-wrap: nowrap; overflow-x: scroll; } - span.card-basic { + width: -moz-fit-content; width: fit-content; - -moz-width: fit-content; display: inline-block !important; - padding: 0 0.5em !important; + padding: 0em 0.5em 0em 0.5em !important; max-width: 100%; overflow-x: auto; vertical-align: middle; line-height: 1.8em !important; } - + .card-basic { + width: unset; + display: inline-block; + max-width: 100%; + } textarea { width: 100%; } } - @media only screen and (max-width: 470px) { - - .card-green, + .card-red, .card-yellow, - .card-red { + .card-green { width: calc(100% - 1.3em); box-sizing: border-box; text-wrap: balance; overflow-x: visible; } - - .card-red.important-notice { - width: calc(100% - 1.3em); + .center { margin-left: auto; margin-right: auto; } - - .center { - margin: 0 auto; - } -} \ No newline at end of file +}/*# sourceMappingURL=cards.css.map */ \ No newline at end of file diff --git a/css/cards.css.map b/css/cards.css.map new file mode 100644 index 0000000..400c47c --- /dev/null +++ b/css/cards.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["cards.scss","cards.css"],"names":[],"mappings":"AAAA;EACI,qCAAA;EACA,6CAAA;EACA,2CAAA;ACCJ;;ADEA;EACI,qCAAA;EACA,iCAAA;EACA,2CAAA;ACCJ;;ADEA;;EAEI,sBAAA;EACA,gBAAA;EACA,qCAAA;EACA,6CAAA;EACA,uBAAA;EAAA,kBAAA;ACCJ;;ADEA;EACI,qCAAA;EACA,iCAAA;EACA,gBAAA;EACA,uBAAA;EAAA,kBAAA;ACCJ;;ADEA;EACI,qCAAA;EACA,iCAAA;EACA,gBAAA;EACA,uBAAA;EAAA,kBAAA;ACCJ;;ADEA;EACI,qCAAA;EACA,iCAAA;EACA,gBAAA;EACA,uBAAA;EAAA,kBAAA;ACCJ;;ADEA;;;;;;;;;EASI,oBAAA;EACA,kBAAA;EACA,6BAAA;EACA,iBAAA;EACA,oBAAA;ACCJ;;ADEA;EACI,YAAA;EACA,sBAAA;EACA,UAAA;ACCJ;;ADEA;EACI,gBAAA;ACCJ;;ADEA;EACI,gCAAA;ACCJ;;ADEA;EACI,iCAAA;EACA,yBAAA;EACA,6BAAA;EACA,iBAAA;EACA,6BAAA;ACCJ;;ADEA;EACI,sDAAA;EACA,iDAAA;ACCJ;;ADIA;EACI,8BAAA;EACA,+BAAA;EACA,qCAAA;EACA,6CAAA;EACA,2CAAA;EACA,2BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACDJ;;ADIA;EACI,4BAAA;EACA,6BAAA;EACA,6CAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,4CAAA;EACA,6CAAA;ACDJ;;ADIA;EACI,2CAAA;ACDJ;;ADIA;EACI,oCAAA;EACA,qCAAA;EACA,qCAAA;EACA,6CAAA;EACA,2CAAA;EACA,aAAA;EACA,wBAAA;EACA,UAAA;EACA,kBAAA;EACA,kBAAA;EACA,wBAAA;ACDJ;;ADIA;EACI,wBAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;EACA,WAAA;EACA,gBAAA;EACA,eAAA;EACA,0BAAA;EACA,iBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACDJ;;ADIA;EAEI;;;;;;;IAOI,eAAA;ECFN;EDKE;IACI,SAAA;IACA,iBAAA;IACA,kBAAA;ECHN;EDME;IACI,uBAAA;IAAA,kBAAA;IACA,gCAAA;IACA,uCAAA;IACA,eAAA;IACA,gBAAA;IACA,sBAAA;IACA,6BAAA;ECJN;EDOE;IACI,YAAA;IACA,qBAAA;IACA,eAAA;ECLN;EDQE;IACI,WAAA;ECNN;AACF;ADSA;EAEI;;;IAGI,yBAAA;IACA,sBAAA;IACA,kBAAA;IACA,mBAAA;ECRN;EDWE;IACI,iBAAA;IACA,kBAAA;ECTN;AACF","file":"cards.css"} \ No newline at end of file diff --git a/css/cards.scss b/css/cards.scss new file mode 100644 index 0000000..de9e655 --- /dev/null +++ b/css/cards.scss @@ -0,0 +1,202 @@ +.card { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgba(255, 255, 255, 5.12%); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 13%); +} + +.card-wj { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgb(31, 27, 36); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 13%); +} + +.card-basic, +textarea { + font-family: monospace; + font-size: 1.3em; + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgba(255, 255, 255, 3.26%); + width: fit-content; +} + +.card-yellow { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgb(67, 53, 25); + text-align: left; + width: fit-content; +} + +.card-red { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgb(68, 39, 38); + text-align: left; + width: fit-content; +} + +.card-green { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgb(57, 61, 27); + text-align: left; + width: fit-content; +} + +.card, +.card-wj, +.card-basic, +.card-green, +.card-red, +.card-yellow, +.expander-bottom, +.expander-top, +textarea { + padding: 0 1em 0 1em; + border-radius: 8px; + border: 1px solid transparent; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +textarea { + resize: none; + box-sizing: border-box; + width: 95%; +} + +textarea.auto-resize { + overflow: hidden; +} + +b.card-basic { + padding: 0.3em 0.5em 0.3em 0.5em; +} + +span.card-basic { + font-family: monospace !important; + padding: 0.5em !important; + line-height: 2.5em !important; + text-wrap: nowrap; + overflow-x: scroll !important; +} + +.card-yellow .card-basic { + background-color: rgba(255, 255, 255, 0.09) !important; + border-color: rgba(255, 255, 255, 0.2) !important; +} + +// Expanders + +.expander-top { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgba(255, 255, 255, 5.12%); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 13%); + margin-bottom: 0 !important; + display: flex; + flex-direction: row; + align-items: center; +} + +.expander-top.active { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: rgba(255, 255, 255, 6.12%); +} + +.expander-top.clickable { + cursor: pointer; +} + +.expander-top.clickable:hover { + outline: 1px solid rgba(255, 255, 255, 7%); + background-color: rgba(255, 255, 255, 8.12%); +} + +.expander-top.clickable:active { + background-color: rgba(255, 255, 255, 3%); +} + +.expander-bottom { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgba(255, 255, 255, 5.12%); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 13%); + display: none; + animation: slide-up 0.4s; + z-index: 0; + position: relative; + overflow-y: hidden; + margin-top: 0 !important; +} + +.expander-opened { + animation: slide-down 2s; +} + +img.chevron { + display: flex; + height: 16px; + width: 16px; + box-shadow: none; + margin-top: 3px; + transition: transform 0.1s; + margin-left: auto; + user-select: none; +} + +@media only screen and (max-width: 700px) { + + .expander-bottom, + .expander-top, + .card-red, + .card-yellow, + .card-green, + .card-basic, + .card { + padding: 0.65em; + } + + .card-basic p { + margin: 0; + text-wrap: nowrap; + overflow-x: scroll; + } + + span.card-basic { + width: fit-content; + display: inline-block !important; + padding: 0em 0.5em 0em 0.5em !important; + max-width: 100%; + overflow-x: auto; + vertical-align: middle; + line-height: 1.8em !important; + } + + .card-basic { + width: unset; + display: inline-block; + max-width: 100%; + } + + textarea { + width: 100%; + } +} + +@media only screen and (max-width: 470px) { + + .card-red, + .card-yellow, + .card-green { + width: calc(100% - 1.3em); + box-sizing: border-box; + text-wrap: balance; + overflow-x: visible; + } + + .center { + margin-left: auto; + margin-right: auto; + } +} \ No newline at end of file diff --git a/css/coco.css b/css/coco.css index 6aa2c04..e50861f 100644 --- a/css/coco.css +++ b/css/coco.css @@ -1,7 +1,7 @@ .cocoNerd { -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; pointer-events: none !important; margin-right: 1em; max-height: 5.5em; @@ -11,4 +11,4 @@ .cocoNerd { display: none; } -} \ No newline at end of file +}/*# sourceMappingURL=coco.css.map */ \ No newline at end of file diff --git a/css/coco.css.map b/css/coco.css.map new file mode 100644 index 0000000..89d5413 --- /dev/null +++ b/css/coco.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["coco.scss","coco.css"],"names":[],"mappings":"AAAA;EACI,oCAAA;KAAA,iCAAA;UAAA,4BAAA;EACA,+BAAA;EACA,iBAAA;EACA,iBAAA;ACCJ;;ADEA;EACI;IACI,aAAA;ECCN;AACF","file":"coco.css"} \ No newline at end of file diff --git a/css/coco.scss b/css/coco.scss new file mode 100644 index 0000000..8de5474 --- /dev/null +++ b/css/coco.scss @@ -0,0 +1,12 @@ +.cocoNerd { + user-select: none !important; + pointer-events: none !important; + margin-right: 1em; + max-height: 5.5em; +} + +@media only screen and (max-width: 900px) { + .cocoNerd{ + display: none; + } +} \ No newline at end of file diff --git a/css/donations.css b/css/donations.css deleted file mode 100644 index 15e3ffb..0000000 --- a/css/donations.css +++ /dev/null @@ -1,36 +0,0 @@ -.donations-card-row { - gap: 2em; - width: 100%; -} - -.donations-card { - flex: auto; -} - -.donations-card-basic { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 240px; - width: 100%; -} - -.donations-card-basic.patreon { - background: #f96854; -} - -.donations-card-basic.paypal { - background: #00457c; -} - -.donations-card-basic img { - max-width: 50%; - max-height: 50%; - filter: brightness(0) invert(1); - display: block; -} - -.donations-card-basic h3 { - color: #fff; -} \ No newline at end of file diff --git a/css/frontPage.css b/css/frontPage.css index 5534d18..dde5276 100644 --- a/css/frontPage.css +++ b/css/frontPage.css @@ -7,19 +7,24 @@ body { } .welcomeContent { - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; color: #ffffff; font-size: 2.2em; + text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; - text-decoration: none; + transition-duration: 0s; + transition: -webkit-backdrop-filter 0.5s linear; + transition: backdrop-filter 0.5s linear; transition: backdrop-filter 0.5s linear, -webkit-backdrop-filter 0.5s linear; - backdrop-filter: saturate(100%) blur(8px); -webkit-backdrop-filter: saturate(100%) blur(8px); + backdrop-filter: saturate(100%) blur(8px); } .titleContainer { @@ -27,13 +32,24 @@ body { text-align: center; } +.backgroundImage { + position: absolute; + top: -100px; + left: 50%; + transform: translateX(-50%); + max-height: 300px; + z-index: -1; + pointer-events: none; +} + .titleContainer h1 { - margin: 2em 0 20px; + margin-top: 2em; position: relative; color: #ffffff; font-size: 1.5em; word-wrap: break-word; text-align: center; + margin-bottom: 20px; display: flex; justify-content: center; letter-spacing: 0.05em; @@ -41,16 +57,6 @@ body { padding: 0.5em; } -.backgroundImage { - position: absolute; - top: -100px; - left: 50%; - transform: translateX(-50%); - max-height: 300px; - z-index: -1; - pointer-events: none; -} - .buttonContainer { display: flex; flex-direction: row; @@ -69,7 +75,6 @@ body { margin-top: 1.1em; } -/* Base button styles */ .welcomeContent .welcomeButton, .welcomeContent .welcomeButtonYT, .welcomeContent .welcomeButtonWJ { @@ -79,52 +84,44 @@ body { align-items: center; width: 300px; height: 72px; + line-height: 1.2em; padding: 0.5em; font-size: 1.8rem; background-color: #235163; border-radius: 12pt; - text-align: center; text-shadow: none; box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.6); + text-align: center; } -.welcomeContent .welcomeButton:hover { - color: white; - background-color: rgb(50, 114, 139); - box-shadow: 0em 0em 0.6em rgba(50, 114, 139, 0.37); -} - -/* YT */ .welcomeContent .welcomeButtonYT { background-color: rgb(102, 16, 16); } +.welcomeContent .welcomeButtonYT:hover strong { + color: rgba(242, 242, 242, 0.9); +} + .welcomeContent .welcomeButtonYT:hover { color: rgba(255, 255, 255, 0.8); background-color: #960f2a; box-shadow: 0em 0em 0.6em rgba(64, 8, 8, 0.37); } -.welcomeContent .welcomeButtonYT:hover strong { - color: rgba(242, 242, 242, 0.9); -} - -/* WJ */ .welcomeContent .welcomeButtonWJ { background-color: rgb(31, 27, 36); } +.welcomeContent .welcomeButtonWJ:hover strong { + color: rgba(242, 242, 242, 0.9); +} + .welcomeContent .welcomeButtonWJ:hover { color: rgba(255, 255, 255, 0.8); background-color: #443a51; box-shadow: 0em 0em 0.6em rgba(50, 114, 139, 0.37); } -.welcomeContent .welcomeButtonWJ:hover strong { - color: rgba(242, 242, 242, 0.9); -} - -/* Button text inside strong */ .welcomeContent .welcomeButton strong, .welcomeContent .welcomeButtonYT strong, .welcomeContent .welcomeButtonWJ strong { @@ -134,15 +131,22 @@ body { font-size: 1.3em; } -/* Blur */ +.welcomeContent .welcomeButton:hover { + color: white; + background-color: rgb(50, 114, 139); + box-shadow: 0em 0em 0.6em rgba(50, 114, 139, 0.37); +} + .blur { - transition: backdrop-filter 0.5s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out; - backdrop-filter: saturate(100%) blur(0.5px); + transition-timing-function: ease-in-out; + transition-duration: 0.5s; -webkit-backdrop-filter: saturate(100%) blur(0.5px); + backdrop-filter: saturate(100%) blur(0.5px); } .blur h2 { - transition: text-shadow 0.5s ease-in-out; + transition-timing-function: ease-in-out; + transition-duration: 0.5s; text-shadow: 0.05em 0.075em 0.1em rgba(0, 0, 0, 0.7); } @@ -153,39 +157,33 @@ body { } .disabledButton strong { - color: rgba(255, 255, 255, 0.38) !important; + color: rgba(255, 255, 255, 0.3764705882) !important; } @media screen and (min-width: 900px) { #title br { display: none; } - #title::after { content: " "; display: inline; } } - @media only screen and (max-width: 900px) { .titleContainer h1 { font-size: 1em; } - .buttonContainer { flex-direction: column; - gap: 0; margin-bottom: -5em; + gap: 0; } - .buttonWrapper { margin-bottom: 1em; } - .buttonText { display: none; } - .welcomeContent .welcomeButton, .welcomeContent .welcomeButtonYT, .welcomeContent .welcomeButtonWJ { @@ -193,37 +191,29 @@ body { height: 58px; font-size: 1.4rem; } - .navigationArrow .arrowText { display: none; } - #sideButton { margin-left: 0; margin-right: 1em; } - #sidenavLeft .guideLinks { display: block; } - #sidenavRight { width: 0%; } - h1, h2 { line-height: 1.2em; } } - @media only screen and (min-width: 901px) { #sideButton { margin-left: -100px; } } - -/* Shadow */ .header { box-shadow: 0 6px 12px 2px rgba(0, 0, 0, 0.5) !important; -} \ No newline at end of file +}/*# sourceMappingURL=frontPage.css.map */ \ No newline at end of file diff --git a/css/frontPage.css.map b/css/frontPage.css.map new file mode 100644 index 0000000..95c2da1 --- /dev/null +++ b/css/frontPage.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["frontPage.scss","frontPage.css"],"names":[],"mappings":"AAAA;EACI,qDAAA;EACA,uCAAA;EACA,uCAAA;EACA,iCAAA;EACA,sCAAA;ACCJ;;ADEA;EACI,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,aAAA;EACA,uBAAA;EACA,+CAAA;EAAA,uCAAA;EAAA,4EAAA;EACA,iDAAA;UAAA,yCAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,WAAA;EACA,SAAA;EACA,2BAAA;EACA,iBAAA;EACA,WAAA;EACA,oBAAA;ACCJ;;ADEA;EACI,eAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,uBAAA;EACA,sBAAA;EACA,+CAAA;EACA,cAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;EACA,QAAA;ACCJ;;ADEA;EACI,kBAAA;ACCJ;;ADEA;EACI,cAAA;EACA,eAAA;EACA,mCAAA;EACA,qBAAA;EACA,iBAAA;ACCJ;;ADEA;;;EAGI,cAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gDAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,kCAAA;ACCJ;;ADEA;EACI,+BAAA;ACCJ;;ADEA;EACI,+BAAA;EACA,yBAAA;EACA,8CAAA;ACCJ;;ADEA;EACI,iCAAA;ACCJ;;ADEA;EACI,+BAAA;ACCJ;;ADEA;EACI,+BAAA;EACA,yBAAA;EACA,kDAAA;ACCJ;;ADEA;;;EAGI,yBAAA;EACA,gBAAA;EACA,sBAAA;EACA,gBAAA;ACCJ;;ADEA;EACI,YAAA;EACA,mCAAA;EACA,kDAAA;ACCJ;;ADEA;EACI,uCAAA;EACA,yBAAA;EACA,mDAAA;UAAA,2CAAA;ACCJ;;ADEA;EACI,uCAAA;EACA,yBAAA;EACA,oDAAA;ACCJ;;ADEA;EACI,oBAAA;EACA,mBAAA;EACA,oCAAA;ACCJ;;ADEA;EACI,mDAAA;ACCJ;;ADEA;EACI;IACI,aAAA;ECCN;EDGE;IACI,YAAA;IACA,eAAA;ECDN;AACF;ADIA;EACI;IACI,cAAA;ECFN;EDKE;IACI,sBAAA;IACA,mBAAA;IACA,MAAA;ECHN;EDME;IACI,kBAAA;ECJN;EDOE;IACI,aAAA;ECLN;EDQE;;;IAGI,YAAA;IACA,YAAA;IACA,iBAAA;ECNN;EDSE;IACI,aAAA;ECPN;EDUE;IACI,cAAA;IACA,iBAAA;ECRN;EDWE;IACI,cAAA;ECTN;EDYE;IACI,SAAA;ECVN;EDaE;;IAEI,kBAAA;ECXN;AACF;ADcA;EACI;IACI,mBAAA;ECZN;AACF;ADeA;EACI,wDAAA;ACbJ","file":"frontPage.css"} \ No newline at end of file diff --git a/css/frontPage.scss b/css/frontPage.scss new file mode 100644 index 0000000..9defc49 --- /dev/null +++ b/css/frontPage.scss @@ -0,0 +1,227 @@ +body { + background-image: url('./img/Others/Background.webp'); + background-repeat: no-repeat !important; + background-attachment: fixed !important; + background-size: cover !important; + background-position: center !important; +} + +.welcomeContent { + user-select: none; + color: #ffffff; + font-size: 2.2em; + text-decoration: none; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: 100vh; + transition-duration: 0s; + transition: backdrop-filter 0.5s linear; + backdrop-filter: saturate(100%) blur(8px); +} + +.titleContainer { + position: relative; + text-align: center; +} + +.backgroundImage { + position: absolute; + top: -100px; + left: 50%; + transform: translateX(-50%); + max-height: 300px; + z-index: -1; + pointer-events: none; +} + +.titleContainer h1 { + margin-top: 2em; + position: relative; + color: #ffffff; + font-size: 1.5em; + word-wrap: break-word; + text-align: center; + margin-bottom: 20px; + display: flex; + justify-content: center; + letter-spacing: 0.05em; + text-shadow: 0.05em 0.075em 0.15em rgba(0, 0, 0, 1); + padding: 0.5em; +} + +.buttonContainer { + display: flex; + flex-direction: row; + gap: 5em; +} + +.buttonWrapper { + text-align: center; +} + +.buttonText { + color: #ffffff; + font-size: 1rem; + text-shadow: rgb(0, 0, 0) 0 1px 8px; + display: inline-block; + margin-top: 1.1em; +} + +.welcomeContent .welcomeButton, +.welcomeContent .welcomeButtonYT, +.welcomeContent .welcomeButtonWJ { + color: #ffffff; + display: flex; + justify-content: center; + align-items: center; + width: 300px; + height: 72px; + line-height: 1.2em; + padding: 0.5em; + font-size: 1.8rem; + background-color: #235163; + border-radius: 12pt; + text-shadow: none; + box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.6); + text-align: center; +} + +.welcomeContent .welcomeButtonYT { + background-color: rgb(102, 16, 16); +} + +.welcomeContent .welcomeButtonYT:hover strong { + color: rgba(242, 242, 242, 0.9); +} + +.welcomeContent .welcomeButtonYT:hover { + color: rgba(255, 255, 255, 0.8); + background-color: #960f2a; + box-shadow: 0em 0em 0.6em rgba(64, 8, 8, 0.37); +} + +.welcomeContent .welcomeButtonWJ { + background-color: rgb(31, 27, 36); +} + +.welcomeContent .welcomeButtonWJ:hover strong { + color: rgba(242, 242, 242, 0.9); +} + +.welcomeContent .welcomeButtonWJ:hover { + color: rgba(255, 255, 255, 0.8); + background-color: #443a51; + box-shadow: 0em 0em 0.6em rgba(50, 114, 139, 0.37); +} + +.welcomeContent .welcomeButton strong, +.welcomeContent .welcomeButtonYT strong, +.welcomeContent .welcomeButtonWJ strong { + color: rgb(242, 242, 242); + font-weight: 500; + letter-spacing: 0.02em; + font-size: 1.3em; +} + +.welcomeContent .welcomeButton:hover { + color: white; + background-color: rgb(50, 114, 139); + box-shadow: 0em 0em 0.6em rgba(50, 114, 139, 0.37); +} + +.blur { + transition-timing-function: ease-in-out; + transition-duration: 0.5s; + backdrop-filter: saturate(100%) blur(0.5px); +} + +.blur h2 { + transition-timing-function: ease-in-out; + transition-duration: 0.5s; + text-shadow: 0.05em 0.075em 0.1em rgba(0, 0, 0, 0.7); +} + +.disabledButton { + pointer-events: none; + cursor: not-allowed; + background-color: #333333 !important; +} + +.disabledButton strong { + color: #ffffff60 !important; +} + +@media screen and (min-width: 900px) { + #title br { + display: none; + } + + + #title::after { + content: " "; + display: inline; + } +} + +@media only screen and (max-width: 900px) { + .titleContainer h1 { + font-size: 1em; + } + + .buttonContainer { + flex-direction: column; + margin-bottom: -5em; + gap: 0; + } + + .buttonWrapper { + margin-bottom: 1em; + } + + .buttonText { + display: none; + } + + .welcomeContent .welcomeButton, + .welcomeContent .welcomeButtonYT, + .welcomeContent .welcomeButtonWJ { + width: 260px; + height: 58px; + font-size: 1.4rem; + } + + .navigationArrow .arrowText { + display: none; + } + + #sideButton { + margin-left: 0; + margin-right: 1em; + } + + #sidenavLeft .guideLinks { + display: block; + } + + #sidenavRight { + width: 0%; + } + + h1, + h2 { + line-height: 1.2em; + } +} + +@media only screen and (min-width: 901px) { + #sideButton { + margin-left: -100px; + } +} + +.header { + box-shadow: 0 6px 12px 2px rgba(0, 0, 0, 0.5) !important; +} \ No newline at end of file diff --git a/css/guideColors.css b/css/guideColors.css index 384805f..9968f2f 100644 --- a/css/guideColors.css +++ b/css/guideColors.css @@ -18,4 +18,4 @@ body { textarea { border-color: #00ea3c !important; -} \ No newline at end of file +}/*# sourceMappingURL=guideColors.css.map */ \ No newline at end of file diff --git a/css/guideColors.css.map b/css/guideColors.css.map new file mode 100644 index 0000000..fb82cc6 --- /dev/null +++ b/css/guideColors.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["guideColors.scss","guideColors.css"],"names":[],"mappings":"AAAA;EACI,cAAA;ACCJ;;ADEA;EACI,oCAAA;ACCJ;;ADEA;;;EAII,8BAAA;ACAJ;;ADGA;EACI,oCAAA;ACAJ;;ADGA;EACI,gCAAA;ACAJ","file":"guideColors.css"} \ No newline at end of file diff --git a/css/guideColors.scss b/css/guideColors.scss new file mode 100644 index 0000000..7e56bd2 --- /dev/null +++ b/css/guideColors.scss @@ -0,0 +1,22 @@ +strong { + color: #00ea3c; +} + +body { + background-color: #1c212a !important; +} + +.sidebar, +.header, +.popup { + // Color derived from normal cards + background: #292c35 !important; +} + +.sidebar .active::before { + background-color: #00ea3c !important; +} + +textarea { + border-color: #00ea3c !important; +} \ No newline at end of file diff --git a/css/header.css b/css/header.css index 4e1cb6f..e447467 100644 --- a/css/header.css +++ b/css/header.css @@ -73,15 +73,13 @@ display: none; } } - @media only screen and (max-width: 700px) { #logo { display: none; } } - @media only screen and (min-width: 900px) { .headerMenu { display: none; } -} \ No newline at end of file +}/*# sourceMappingURL=header.css.map */ \ No newline at end of file diff --git a/css/header.css.map b/css/header.css.map new file mode 100644 index 0000000..dfce62e --- /dev/null +++ b/css/header.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["header.scss","header.css"],"names":[],"mappings":"AAAA;EACI,qCAAA;EACA,iCAAA;EACA,2CAAA;EACA,oBAAA;EACA,8BAAA;EACA,+BAAA;EACA,6BAAA;EACA,aAAA;EACA,eAAA;EACA,WAAA;EACA,UAAA;EACA,WAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,cAAA;EACA,gBAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,cAAA;EACA,yBAAA;ACCJ;;ADEA;EACI,8CAAA;ACCJ;;ADEA;EACI,4BAAA;EACA,eAAA;EACA,gBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,4BAAA;EACA,WAAA;EACA,YAAA;ACCJ;;ADEA;EACI,eAAA;ACCJ;;ADEA;EACI,oCAAA;ACCJ;;ADEA;EACI,+CAAA;ACCJ;;ADEA;EACI;IACI,aAAA;ECCN;AACF;ADEA;EACI;IACI,aAAA;ECAN;AACF;ADGA;EACI;IACI,aAAA;ECDN;AACF","file":"header.css"} \ No newline at end of file diff --git a/css/header.scss b/css/header.scss new file mode 100644 index 0000000..747ac04 --- /dev/null +++ b/css/header.scss @@ -0,0 +1,87 @@ +.header { + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgb(43, 43, 43); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 13%); + padding: 0 1em 0 1em; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + border: 1px solid transparent; + display: flex; + position: fixed; + width: 100%; + z-index: 3; + height: 5em; +} + +.guideLinks { + display: flex; + align-items: center; + margin-left: auto; +} + +.guideLinks a { + color: #ffffff; + font-size: 1.2em; + margin-right: 1em; +} + +.headerTitle { + display: flex; + align-items: center; +} + +.headerTitle a { + font-size: 2em; + color: rgb(255, 255, 255); +} + +.header a:hover { + text-shadow: rgba(255, 255, 255, 0.5) 0 0 10px; +} + +.headerTitle img { + padding: 0.8em 1em 0.8em 0em; + max-width: 100%; + max-height: 100%; +} + +.headerMenu { + display: flex; + align-items: center; +} + +.headerMenu img { + padding: 0.8em 1em 0.8em 0em; + width: 100%; + height: 100%; +} + +#navButton { + cursor: pointer; +} + +#navButton:hover { + transform: scale3d(1.05, 1.05, 1.05); +} + +#navButton:active { + transform: scale3d(0.95, 0.95, 0.95) !important; +} + +@media only screen and (max-width: 700px) { + .guideLinks { + display: none; + } +} + +@media only screen and (max-width: 700px) { + #logo { + display: none; + } +} + +@media only screen and (min-width: 900px) { + .headerMenu { + display: none; + } +} \ No newline at end of file diff --git a/css/imageSlider.css b/css/imageSlider.css index f80b5d6..c11b60f 100644 --- a/css/imageSlider.css +++ b/css/imageSlider.css @@ -15,18 +15,16 @@ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); aspect-ratio: 16/9; } - .comparison-slider img { width: 100%; height: 100%; display: block; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .comparison-slider .comparison-before { position: absolute; top: 0; @@ -37,9 +35,8 @@ z-index: 2; transition: clip-path 187ms cubic-bezier(0, 0, 0, 1); -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .comparison-slider .comparison-after { position: absolute; top: 0; @@ -48,9 +45,8 @@ width: 100%; z-index: 1; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .comparison-slider .comparison-handle { position: absolute; top: 0; @@ -64,7 +60,6 @@ align-items: center; justify-content: center; } - .comparison-slider .comparison-handle::before { content: ""; position: absolute; @@ -77,7 +72,6 @@ z-index: 4; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); } - .comparison-slider .comparison-handle::after { content: ""; position: absolute; @@ -120,7 +114,6 @@ margin-left: 0; box-sizing: border-box; } - .comparison-select-left option, .comparison-select-right option { background-color: #333; @@ -141,7 +134,6 @@ font-size: 1em; box-sizing: border-box; } - .comparison-set-select option { background-color: #333; color: white; @@ -154,7 +146,6 @@ max-width: 800px; margin: 0.7em auto 0; } - .comparison-labels span { padding: 0.25em 0.5em; background-color: rgba(0, 0, 0, 0.5); @@ -166,33 +157,28 @@ } @media only screen and (max-width: 700px) { - .image-slider, .comparison-slider { max-width: 100vw; } - .comparison-labels { max-width: 100vw; font-size: 0.85em; } - .comparison-selects { flex-direction: column; gap: 0.4em; max-width: 100vw; } - .comparison-select-left, .comparison-select-right { width: 100%; min-width: 0; } - .comparison-select-left, .comparison-select-right, .comparison-set-select { font-size: 0.85em; padding: 0.4em 0.5em; } -} \ No newline at end of file +}/*# sourceMappingURL=imageSlider.css.map */ \ No newline at end of file diff --git a/css/imageSlider.css.map b/css/imageSlider.css.map new file mode 100644 index 0000000..0b60b34 --- /dev/null +++ b/css/imageSlider.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["imageSlider.scss","imageSlider.css"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;ACCF;;ADEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,2CAAA;EACA,kBAAA;ACCF;ADCE;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,oBAAA;KAAA,iBAAA;ACCJ;ADEE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,gDAAA;EACA,UAAA;EACA,oDAAA;EACA,oBAAA;KAAA,iBAAA;ACAJ;ADGE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;EACA,oBAAA;KAAA,iBAAA;ACDJ;ADIE;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,2BAAA;EACA,iBAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACFJ;ADII;EACE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,YAAA;EACA,iBAAA;EACA,2BAAA;EACA,UAAA;EACA,sCAAA;ACFN;ADKI;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,oCAAA;EACA,kBAAA;EACA,sCAAA;EACA,gCAAA;EACA,UAAA;ACHN;;ADQA;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;ACLF;;ADQA;;EAEE,UAAA;EACA,gBAAA;EACA,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,0CAAA;EACA,YAAA;EACA,0CAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;ACLF;ADOE;;EACE,sBAAA;EACA,YAAA;ACJJ;;ADQA;EACE,cAAA;EACA,WAAA;EACA,gBAAA;EACA,yBAAA;EACA,qBAAA;EACA,kBAAA;EACA,0CAAA;EACA,YAAA;EACA,0CAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;ACLF;ADOE;EACE,sBAAA;EACA,YAAA;ACLJ;;ADSA;EACE,aAAA;EACA,8BAAA;EACA,WAAA;EACA,gBAAA;EACA,oBAAA;ACNF;ADQE;EACE,qBAAA;EACA,oCAAA;EACA,kBAAA;EACA,YAAA;EACA,2CAAA;EACA,gBAAA;EACA,cAAA;ACNJ;;ADUA;EAEE;;IAEE,gBAAA;ECRF;EDWA;IACE,gBAAA;IACA,iBAAA;ECTF;EDYA;IACE,sBAAA;IACA,UAAA;IACA,gBAAA;ECVF;EDaA;;IAEE,WAAA;IACA,YAAA;ECXF;EDcA;;;IAGE,iBAAA;IACA,oBAAA;ECZF;AACF","file":"imageSlider.css"} \ No newline at end of file diff --git a/css/imageSlider.scss b/css/imageSlider.scss new file mode 100644 index 0000000..59ee003 --- /dev/null +++ b/css/imageSlider.scss @@ -0,0 +1,192 @@ +.image-slider { + margin: 1.2em auto; + position: relative; + width: 100%; + max-width: 1200px; +} + +.comparison-slider { + position: relative; + width: 100%; + max-width: 1200px; + margin: 0 auto; + overflow: hidden; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); + aspect-ratio: 16 / 9; + + img { + width: 100%; + height: 100%; + display: block; + user-select: none; + object-fit: cover; + } + + .comparison-before { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); + z-index: 2; + transition: clip-path 187ms cubic-bezier(0, 0, 0, 1); + object-fit: cover; + } + + .comparison-after { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1; + object-fit: cover; + } + + .comparison-handle { + position: absolute; + top: 0; + left: 50%; + width: 40px; + height: 100%; + transform: translateX(-50%); + cursor: ew-resize; + z-index: 3; + display: flex; + align-items: center; + justify-content: center; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 50%; + width: 4px; + height: 100%; + background: white; + transform: translateX(-50%); + z-index: 4; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); + } + + &::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 40px; + height: 40px; + background: rgba(255, 255, 255, 0.7); + border-radius: 50%; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); + transform: translate(-50%, -50%); + z-index: 5; + } + } +} + +.comparison-selects { + display: flex; + justify-content: center; + align-items: center; + gap: 0.75em; + margin-bottom: 0.5em; + width: 100%; + max-width: 800px; + margin-left: auto; + margin-right: auto; +} + +.comparison-select-left, +.comparison-select-right { + width: 48%; + min-width: 120px; + margin-bottom: 0; + padding: 0.5em 0.75em; + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.1); + color: white; + border: 1px solid rgba(255, 255, 255, 0.3); + cursor: pointer; + font-size: 1em; + margin-right: 1%; + margin-left: 0; + box-sizing: border-box; + + option { + background-color: #333; + color: white; + } +} + +.comparison-set-select { + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto 0.5em auto; + padding: 0.5em 0.75em; + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.1); + color: white; + border: 1px solid rgba(255, 255, 255, 0.3); + cursor: pointer; + font-size: 1em; + box-sizing: border-box; + + option { + background-color: #333; + color: white; + } +} + +.comparison-labels { + display: flex; + justify-content: space-between; + width: 100%; + max-width: 800px; + margin: 0.7em auto 0; + + span { + padding: 0.25em 0.5em; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + color: white; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); + font-weight: 600; + font-size: 1em; + } +} + +@media only screen and (max-width: 700px) { + + .image-slider, + .comparison-slider { + max-width: 100vw; + } + + .comparison-labels { + max-width: 100vw; + font-size: 0.85em; + } + + .comparison-selects { + flex-direction: column; + gap: 0.4em; + max-width: 100vw; + } + + .comparison-select-left, + .comparison-select-right { + width: 100%; + min-width: 0; + } + + .comparison-select-left, + .comparison-select-right, + .comparison-set-select { + font-size: 0.85em; + padding: 0.4em 0.5em; + } +} \ No newline at end of file diff --git a/css/images.css b/css/images.css index 4b8b392..11422ef 100644 --- a/css/images.css +++ b/css/images.css @@ -91,8 +91,8 @@ height: 256px !important; padding: 1em; -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; pointer-events: none !important; } @@ -100,17 +100,14 @@ .image-container { max-width: 95% !important; } - .overlay .image-container { max-width: 100% !important; } - .enlarged-image { max-height: 100vw !important; } - .logo-container { flex-direction: column; align-items: center; } -} \ No newline at end of file +}/*# sourceMappingURL=images.css.map */ \ No newline at end of file diff --git a/css/images.css.map b/css/images.css.map new file mode 100644 index 0000000..b40b600 --- /dev/null +++ b/css/images.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["images.scss","images.css"],"names":[],"mappings":"AAAA;EACI,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,eAAA;EACA,cAAA;ACCJ;;ADEA;EACI,0CAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,WAAA;EACA,wBAAA;EACA,4BAAA;EACA,oCAAA;EACA,iCAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,oBAAA;ACCJ;;ADEA;;EAEI,sBAAA;EACA,uBAAA;EACA,wBAAA;ACCJ;;ADEA;EACI,0DAAA;ACCJ;;ADEA;;EAEI,0DAAA;ACCJ;;ADEA;EACI,iDAAA;ACCJ;;ADEA;EACI,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;EACA,aAAA;ACCJ;;ADEA;EACI,cAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,0CAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,gBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,8BAAA;ACCJ;;ADEA;EACI,aAAA;EACA,wBAAA;EACA,YAAA;EACA,oCAAA;KAAA,iCAAA;UAAA,4BAAA;EACA,+BAAA;ACCJ;;ADEA;EACI;IACI,yBAAA;ECCN;EDEE;IACI,0BAAA;ECAN;EDGE;IACI,4BAAA;ECDN;EDIE;IACI,sBAAA;IACA,mBAAA;ECFN;AACF","file":"images.css"} \ No newline at end of file diff --git a/css/images.scss b/css/images.scss new file mode 100644 index 0000000..88428fa --- /dev/null +++ b/css/images.scss @@ -0,0 +1,114 @@ +.image-container { + margin: 1em 0 1em 0; + position: relative; + display: inline-flex; + cursor: pointer; + max-width: 80%; +} + +.image-container img { + box-shadow: 0 2pt 4pt 0 rgba(0, 0, 0, 50%); + border-radius: 6pt; + max-width: 100%; + height: auto; +} + +.resize-overlay { + position: absolute; + top: 10px; + right: 10px; + width: 0px; + height: 0px; + background-size: contain; + background-repeat: no-repeat; + background-color: rgba(0, 0, 0, 0.6); + background-image: none !important; + padding: 5px; + display: flex; + border-radius: 6pt; + transition: all 0.4s; + pointer-events: none; +} + +.image-container:hover .resize-overlay, +.overlay .resize-overlay { + width: 32px !important; + height: 32px !important; + padding: 10px !important; +} + +.image-container:hover .resize-overlay.expand { + background-image: url("../img/UI/Maximize.svg") !important; +} + +.image-container:hover .resize-overlay.shrink, +.overlay .resize-overlay.shrink { + background-image: url("../img/UI/Minimize.svg") !important; +} + +.image-container:hover img { + box-shadow: 0 0pt 10pt 0 rgba(255, 255, 255, 0.4); +} + +.overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + align-items: center; + justify-content: center; + z-index: 1000; + display: none; +} + +.enlarged-image { + display: block; + max-height: 50vw; + width: auto; + height: auto; + border-radius: 6pt; + box-shadow: 0 2pt 4pt 0 rgba(0, 0, 0, 50%); +} + +.mo2-icon { + position: relative; + width: 2em; + height: 2em; + top: 0.5em; + margin-top: -1em; +} + +.logo-container { + display: flex; + justify-content: space-between; +} + +.logo-container img { + display: flex; + height: 256px !important; + padding: 1em; + user-select: none !important; + pointer-events: none !important; +} + +@media only screen and (max-width: 900px) { + .image-container { + max-width: 95% !important; + } + + .overlay .image-container { + max-width: 100% !important; + } + + .enlarged-image { + max-height: 100vw !important; + } + + .logo-container { + flex-direction: column; + align-items: center; + } +} \ No newline at end of file diff --git a/css/navigationArrows.css b/css/navigationArrows.css index 79a0867..b0a80f1 100644 --- a/css/navigationArrows.css +++ b/css/navigationArrows.css @@ -41,22 +41,18 @@ .navigationArrow .arrowText { font-size: 1.5em; } - .navigationArrow#next { flex-direction: column-reverse; align-items: end !important; } - .navigationArrow#next .arrowText { margin-right: 0.33em; } - .navigationArrow#previous { flex-direction: column; align-items: start !important; } - .navigationArrow#previous .arrowText { margin-left: 0.33em; } -} \ No newline at end of file +}/*# sourceMappingURL=navigationArrows.css.map */ \ No newline at end of file diff --git a/css/navigationArrows.css.map b/css/navigationArrows.css.map new file mode 100644 index 0000000..2d39dbc --- /dev/null +++ b/css/navigationArrows.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["navigationArrows.scss","navigationArrows.css"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,qBAAA;EACA,cAAA;ACCJ;;ADEA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,YAAA;EACA,aAAA;EACA,0BAAA;ACCJ;;ADEA;EACI,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,cAAA;ACCJ;;ADEA;EACI,UAAA;EACA,sBAAA;ACCJ;;ADEA;EACI;IACI,gBAAA;ECCN;EDEE;IACI,8BAAA;IACA,2BAAA;ECAN;EDGE;IACI,oBAAA;ECDN;EDIE;IACI,sBAAA;IACA,6BAAA;ECFN;EDKE;IACI,mBAAA;ECHN;AACF","file":"navigationArrows.css"} \ No newline at end of file diff --git a/css/navigationArrows.scss b/css/navigationArrows.scss new file mode 100644 index 0000000..1d85439 --- /dev/null +++ b/css/navigationArrows.scss @@ -0,0 +1,62 @@ +.navigationArrowContainer { + display: flex; + flex-direction: row; + position: relative; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + align-items: end; + align-content: center; + padding: 0 1em; +} + +.navigationArrow { + display: flex; + justify-content: center; + align-items: center; + align-content: center; + text-wrap: nowrap; +} + +.navigationArrow img { + width: 5.5em; + height: 5.5em; + margin: 1.25em 0em 1em 0em; +} + +.navigationArrow .arrowText { + text-decoration: none; + font-size: 2.5em; + display: flex; + color: #ffffff; +} + +.navigationArrow:hover img { + scale: 90%; + transform: scaleY(90%); +} + +@media only screen and (max-width: 900px) { + .navigationArrow .arrowText { + font-size: 1.5em; + } + + .navigationArrow#next { + flex-direction: column-reverse; + align-items: end !important; + } + + .navigationArrow#next .arrowText { + margin-right: 0.33em; + } + + .navigationArrow#previous { + flex-direction: column; + align-items: start !important; + } + + .navigationArrow#previous .arrowText { + margin-left: 0.33em; + } +} \ No newline at end of file diff --git a/css/popup.css b/css/popup.css index c7d6d22..a7e91e6 100644 --- a/css/popup.css +++ b/css/popup.css @@ -46,4 +46,4 @@ .popup.show { opacity: 1; -} \ No newline at end of file +}/*# sourceMappingURL=popup.css.map */ \ No newline at end of file diff --git a/css/popup.css.map b/css/popup.css.map new file mode 100644 index 0000000..593673b --- /dev/null +++ b/css/popup.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["popup.scss","popup.css"],"names":[],"mappings":"AAAA;EACI,eAAA;ACCJ;;ADEA;EACI,eAAA;EACA,aAAA;EACA,UAAA;EACA,yBAAA;EACA,UAAA;EACA,6BAAA;ACCJ;;ADEA;EACI,gBAAA;EACA,qBAAA;EACA,oBAAA;ACCJ;;ADEA;EACI,qBAAA;EACA,oBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,yBAAA;EACA,6BAAA;EACA,6BAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,gBAAA;EACA,qBAAA;EACA,iBAAA;EACA,iBAAA;EACA,8CAAA;EACA,iBAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,uCAAA;EACA,6CAAA;ACCJ;;ADEA;EACI,UAAA;ACCJ","file":"popup.css"} \ No newline at end of file diff --git a/css/popup.scss b/css/popup.scss new file mode 100644 index 0000000..375092f --- /dev/null +++ b/css/popup.scss @@ -0,0 +1,49 @@ +.popup-button { + cursor: pointer; +} + +.popup { + position: fixed; + display: none; + z-index: 1; + padding: 0.4em !important; + opacity: 0; + transition: opacity 0.2s ease; +} + +.popup ul { + list-style: none; + padding: 0 !important; + margin: 0 !important; +} + +.popup li { + padding: 0 !important; + margin: 0 !important; +} + +.popup a { + display: flex; + color: rgb(255, 255, 255); + border: 1px solid transparent; + background-color: transparent; + border-radius: 4px; + height: 32px; + width: auto; + text-align: left; + text-decoration: none; + padding: 5px 12px; + font-size: 1.05em; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); + text-wrap: nowrap; + text-overflow: clip; +} + +.popup a:hover { + background: rgba(255, 255, 255, 0.0605); + border: 1px solid rgba(255, 255, 255, 0.0605); +} + +.popup.show { + opacity: 1; +} \ No newline at end of file diff --git a/css/progressBar.css b/css/progressBar.css index 70697b1..7973b71 100644 --- a/css/progressBar.css +++ b/css/progressBar.css @@ -14,4 +14,4 @@ background-color: #71e075; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -} \ No newline at end of file +}/*# sourceMappingURL=progressBar.css.map */ \ No newline at end of file diff --git a/css/progressBar.css.map b/css/progressBar.css.map new file mode 100644 index 0000000..df92293 --- /dev/null +++ b/css/progressBar.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["progressBar.scss","progressBar.css"],"names":[],"mappings":"AAAA;EACI,UAAA;EACA,WAAA;EACA,aAAA;EACA,yBAAA;EACA,8BAAA;EACA,+BAAA;EACA,eAAA;ACCJ;;ADEA;EACI,aAAA;EACA,SAAA;EACA,yBAAA;EACA,8BAAA;EACA,+BAAA;ACCJ","file":"progressBar.css"} \ No newline at end of file diff --git a/css/progressBar.scss b/css/progressBar.scss new file mode 100644 index 0000000..c3862d3 --- /dev/null +++ b/css/progressBar.scss @@ -0,0 +1,17 @@ +.progress-container { + z-index: 2; + width: 100%; + height: 5.2em; + background-color: #6e6e6e; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + position: fixed; +} + +.progress-bar { + height: 5.2em; + width: 0%; + background-color: #71e075; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} \ No newline at end of file diff --git a/css/sidebar.css b/css/sidebar.css index 0d64a6b..10fbe8d 100644 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -8,8 +8,8 @@ margin-left: 0.75em; border-radius: 4px; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; background: #2b2b2b; outline: 1px solid rgba(0, 0, 0, 0.1); overflow-x: hidden; @@ -130,34 +130,24 @@ @media only screen and (max-width: 900px) { .left-sidebar { height: 100% !important; - width: calc(fit-content + 25%) !important; - margin: 0; + width: 0; + margin-left: 0; + margin-top: 0; padding-top: 5em; - z-index: 1; - box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; - border-top-left-radius: 0; border-bottom-left-radius: 0; - - transform: translateX(-100%); - transition: transform 333ms cubic-bezier(0, 0, 0, 1); + z-index: 1; + box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; } - .left-sidebar a, .sublink { height: 36px !important; padding: 7px 12px !important; } - - /* Add new class for expanded state */ - .left-sidebar.expanded { - transform: translateX(0); - } } - @media only screen and (max-width: 1230px) { .right-sidebar { height: 100%; right: -200em; } -} \ No newline at end of file +}/*# sourceMappingURL=sidebar.css.map */ \ No newline at end of file diff --git a/css/sidebar.css.map b/css/sidebar.css.map new file mode 100644 index 0000000..519b10b --- /dev/null +++ b/css/sidebar.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["sidebar.scss","sidebar.css"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,WAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,mBAAA;EACA,qCAAA;EACA,kBAAA;EACA,gBAAA;EACA,4BAAA;EACA,8CAAA;EACA,2BAAA;ACCJ;;ADEA;EACI,OAAA;ACCJ;;ADEA;EACI,QAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,aAAA;ACCJ;;ADEA;EACI,aAAA;EACA,sBAAA;EACA,YAAA;ACCJ;;ADEA;EACI,gBAAA;ACCJ;;ADEA;EACI,oCAAA;ACCJ;;ADEA;EACI,WAAA;EACA,kBAAA;EACA,OAAA;EACA,0BAAA;EACA,UAAA;EACA,YAAA;EACA,yBAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,cAAA;ACCJ;;ADEA;;EAEI,aAAA;EACA,yBAAA;EACA,6BAAA;EACA,6BAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,gBAAA;EACA,qBAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,8CAAA;EACA,iBAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,8BAAA;EACA,wBAAA;ACCJ;;ADEA;EACI,sBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,oCAAA;EACA,qBAAA;EACA,8CAAA;EACA,4BAAA;ACCJ;;ADEA;EACI,aAAA;EACA,oCAAA;EACA,qBAAA;EACA,8CAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,2BAAA;ACCJ;;ADEA;EACI,uCAAA;EACA,6CAAA;ACCJ;;ADEA;EACI,0CAAA;ACCJ;;ADEA;EACI,uCAAA;EACA,6CAAA;EACA,iCAAA;ACCJ;;ADEA;EACI,0CAAA;ACCJ;;ADEA;EACI;IACI,uBAAA;IACA,QAAA;IACA,cAAA;IACA,aAAA;IACA,gBAAA;IACA,yBAAA;IACA,4BAAA;IACA,UAAA;IACA,2CAAA;ECCN;EDEE;;IAEI,uBAAA;IACA,4BAAA;ECAN;AACF;ADGA;EACI;IACI,YAAA;IACA,aAAA;ECDN;AACF","file":"sidebar.css"} \ No newline at end of file diff --git a/css/sidebar.scss b/css/sidebar.scss new file mode 100644 index 0000000..9fe14e4 --- /dev/null +++ b/css/sidebar.scss @@ -0,0 +1,153 @@ +.sidebar { + display: flex; + flex-direction: column; + width: 15em; + text-align: left; + position: fixed; + margin-top: 5.75em; + margin-left: 0.75em; + border-radius: 4px; + user-select: none; + background: #2b2b2b; + outline: 1px solid rgba(0, 0, 0, 10%); + overflow-x: hidden; + overflow-y: auto; + height: calc(100vh - 6.25em); + transition: all 333ms cubic-bezier(0, 0, 0, 1); + justify-content: flex-start; +} + +.left-sidebar { + left: 0; +} + +.right-sidebar { + right: 0; + flex-wrap: nowrap; + padding-left: 0.7em; + margin-right: 0.75em; + width: 15.7em; +} + +.sidebar-padder { + display: flex; + flex-direction: column; + flex-grow: 1; +} + +.sidebar-bottom { + margin-top: auto; +} + +.sidebar .active { + background: rgba(255, 255, 255, 0.1); +} + +.sidebar .active::before { + content: ''; + position: absolute; + left: 0; + transform: translateY(2px); + width: 3px; + height: 16px; + background-color: #ff0000; + border-radius: 8px; +} + +.sidebar p { + margin: 10px 0; +} + +.left-sidebar a, +.sublink { + display: flex; + color: rgb(255, 255, 255); + border: 1px solid transparent; + background-color: transparent; + border-radius: 4px; + height: 32px; + width: auto; + text-align: left; + text-decoration: none; + padding: 5px 12px; + font-size: 1.05em; + margin: 1.5px 0; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); + text-wrap: nowrap; + text-overflow: clip; +} + +.sublink { + padding-left: 1.5em !important; + display: none !important; +} + +.right-sidebar div { + padding-bottom: 0.75em; +} + +.right-sidebar a:not(b a) { + display: flex; + color: rgb(255, 255, 255) !important; + text-decoration: none; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); + padding: 0.2em 0em 0.2em 1em; +} + +.right-sidebar b a { + display: flex; + color: rgb(255, 255, 255) !important; + text-decoration: none; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); + text-wrap: nowrap; +} + +.left-sidebar hr { + margin: 0px 10px !important; +} + +.left-sidebar a:hover { + background: rgba(255, 255, 255, 0.0605); + border: 1px solid rgba(255, 255, 255, 0.0605); +} + +.right-sidebar a:hover { + color: rgba(255, 255, 255, 0.8) !important; +} + +.left-sidebar a:active { + background: rgba(255, 255, 255, 0.0419); + border: 1px solid rgba(255, 255, 255, 0.0419); + color: rgba(255, 255, 255, 0.786); +} + +.right-sidebar a:active { + color: rgba(255, 255, 255, 0.5) !important; +} + +@media only screen and (max-width: 900px) { + .left-sidebar { + height: 100% !important; + width: 0; + margin-left: 0; + margin-top: 0; + padding-top: 5em; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + z-index: 1; + box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; + } + + .left-sidebar a, + .sublink { + height: 36px !important; + padding: 7px 12px !important; + } +} + +@media only screen and (max-width: 1230px) { + .right-sidebar { + height: 100%; + right: -200em; + } +} \ No newline at end of file diff --git a/css/spoiler.css b/css/spoiler.css index 85d3076..bb22e2b 100644 --- a/css/spoiler.css +++ b/css/spoiler.css @@ -2,12 +2,12 @@ background-color: rgba(0, 0, 0, 0.233); color: transparent; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; border-radius: 4px; } .spoiler:hover { background-color: inherit; color: inherit; -} \ No newline at end of file +}/*# sourceMappingURL=spoiler.css.map */ \ No newline at end of file diff --git a/css/spoiler.css.map b/css/spoiler.css.map new file mode 100644 index 0000000..be9b747 --- /dev/null +++ b/css/spoiler.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["spoiler.scss","spoiler.css"],"names":[],"mappings":"AAAA;EACI,sCAAA;EACA,kBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,yBAAA;EACA,cAAA;ACCJ","file":"spoiler.css"} \ No newline at end of file diff --git a/css/spoiler.scss b/css/spoiler.scss new file mode 100644 index 0000000..fcfc983 --- /dev/null +++ b/css/spoiler.scss @@ -0,0 +1,11 @@ +.spoiler { + background-color: rgba(0, 0, 0, 0.233); + color: transparent; + user-select: none; + border-radius: 4px; +} + +.spoiler:hover { + background-color: inherit; + color: inherit; +} \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 5608348..c934db5 100644 --- a/css/styles.css +++ b/css/styles.css @@ -144,20 +144,22 @@ hr { min-height: 100vh; } -:root { - --sidebar-margin: 14.5em; - --scrollbar-width: 0.7em; -} - .content { flex: 1; display: flex; flex-direction: column; margin-top: 70px; - margin-left: var(--sidebar-margin); - margin-right: calc(var(--sidebar-margin) + var(--scrollbar-width)); + margin-left: 14.5em; + margin-right: 15.2em; width: 80%; - padding: 2em; + padding: 0 2em; +} + +.content-index { + margin-left: 14.5em; + margin-right: 14.5em; + padding: 0 2em; + z-index: 0; } footer { @@ -216,99 +218,75 @@ textarea { cursor: pointer; } -button.active { - background-color: #4CAF50; - color: white; -} - @keyframes rotate { 50% { transform: translateY(-6px) rotateZ(180deg); } - 100% { transform: translateY(0px) rotateZ(360deg); } } - @keyframes slide-down { from { max-height: 0; margin-top: -0.12px; } - to { max-height: 5000px; } } - @keyframes slide-up { from { max-height: 1000px; } - to { max-height: 0; margin-top: -0.12px; } } - @media only screen and (max-width: 1220px) { - .content, .content-index { margin-right: 0px !important; } } - @media only screen and (max-width: 900px) { - .content, .content-index { margin-left: 0px; } } - @media only screen and (max-width: 700px) { ul { margin-left: -1.75em; } - ol { margin-left: -1.75em; } - .content { padding: 4px; } - .width-90 { max-width: 100% !important; } - .width-70 { max-width: 90% !important; } - .width-60 { max-width: 80% !important; } - .width-40 { max-width: 70% !important; } - #logoBig { display: none; } } - @media only screen and (max-width: 470px) { .container { min-width: 100%; overflow-x: hidden; } - .content { padding: 4px; width: 100%; @@ -317,7 +295,6 @@ button.active { margin-right: 0; overflow-x: hidden; } - .card, .card-red, .card-yellow, @@ -326,18 +303,15 @@ button.active { max-width: 100%; overflow-x: hidden; } - .image-container, .slider-container { max-width: 100% !important; } - .slider-img { max-width: 100%; height: auto; } - textarea { max-width: 95%; } -} \ No newline at end of file +}/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/css/styles.css.map b/css/styles.css.map new file mode 100644 index 0000000..fbde2aa --- /dev/null +++ b/css/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,uBAAA;EACA,8CAAA;EACA,qBAAA;EACA,sDAAA;ACCJ;;ADEA;EACI,WAAA;ACCJ;;ADEA;EACI,uBAAA;ACCJ;;ADEA;EACI,2CAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,2CAAA;EACA,mBAAA;EACA,UAAA;ACCJ;;ADEA;EACI,2BAAA;ACCJ;;ADEA;EACI,cAAA;ACCJ;;ADEA;EACI,SAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,eAAA;EACA,gBAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,gBAAA;EACA,gBAAA;EACA,kBAAA;EACA,eAAA;ACCJ;;ADEA;EACI,gBAAA;EACA,gBAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACCJ;;ADEA;EACI,WAAA;EACA,gBAAA;EACA,SAAA;EACA,UAAA;ACCJ;;ADEA;EACI,aAAA;ACCJ;;ADEA;EACI,yBAAA;EACA,qBAAA;ACCJ;;ADEA;EACI,yBAAA;ACCJ;;ADEA;EACI,eAAA;EACA,kBAAA;ACCJ;;ADEA;;EAEI,YAAA;EACA,6CAAA;EACA,4CAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,8CAAA;ACCJ;;ADEA;;EAEI,6CAAA;ACCJ;;ADEA;;EAEI,6CAAA;EACA,yCAAA;EACA,iCAAA;ACCJ;;ADEA;EACI,2CAAA;ACCJ;;ADEA;EACI,iBAAA;EACA,kBAAA;ACCJ;;ADEA;EACI,0CAAA;EACA,kBAAA;EACA,YAAA;ACCJ;;ADEA;EACI,gDAAA;EACA,sDAAA;ACCJ;;ADEA;EACI,gBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,OAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;EACA,oBAAA;EACA,UAAA;EACA,cAAA;ACCJ;;ADEA;EACI,mBAAA;EACA,oBAAA;EACA,cAAA;EACA,UAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EACA,qCAAA;EACA,6CAAA;ACCJ;;ADEA;EACI,2BAAA;EACA,YAAA;EACA,yCAAA;ACCJ;;ADEA;EACI,UAAA;EACA,2BAAA;ACCJ;;ADEA;EACI,UAAA;ACCJ;;ADEA;EACI,iBAAA;EACA,oBAAA;ACCJ;;ADEA;EACI,cAAA;ACCJ;;ADEA;EACI,yBAAA;ACCJ;;ADEA;EACI,yBAAA;ACCJ;;ADEA;EACI,yBAAA;ACCJ;;ADEA;EACI,yBAAA;ACCJ;;ADEA;EACI,uBAAA;EACA,YAAA;EACA,YAAA;EACA,eAAA;ACCJ;;ADEA;EACI;IACI,2CAAA;ECCN;EDEE;IACI,0CAAA;ECAN;AACF;ADIA;EACI;IACI,aAAA;IACA,mBAAA;ECFN;EDKE;IACI,kBAAA;ECHN;AACF;ADMA;EACI;IACI,kBAAA;ECJN;EDOE;IACI,aAAA;IACA,mBAAA;ECLN;AACF;ADQA;EAEI;;IAEI,4BAAA;ECPN;AACF;ADUA;EAEI;;IAEI,gBAAA;ECTN;AACF;ADYA;EACI;IACI,oBAAA;ECVN;EDaE;IACI,oBAAA;ECXN;EDcE;IACI,YAAA;ECZN;EDeE;IACI,0BAAA;ECbN;EDgBE;IACI,yBAAA;ECdN;EDiBE;IACI,yBAAA;ECfN;EDkBE;IACI,yBAAA;EChBN;EDmBE;IACI,aAAA;ECjBN;AACF;ADoBA;EACI;IACI,eAAA;IACA,kBAAA;EClBN;EDqBE;IACI,YAAA;IACA,WAAA;IACA,YAAA;IACA,cAAA;IACA,eAAA;IACA,kBAAA;ECnBN;EDsBE;;;;;IAKI,eAAA;IACA,kBAAA;ECpBN;EDuBE;;IAEI,0BAAA;ECrBN;EDwBE;IACI,eAAA;IACA,YAAA;ECtBN;EDyBE;IACI,cAAA;ECvBN;AACF","file":"styles.css"} \ No newline at end of file diff --git a/css/styles.scss b/css/styles.scss new file mode 100644 index 0000000..7a6ef81 --- /dev/null +++ b/css/styles.scss @@ -0,0 +1,341 @@ +* { + box-sizing: border-box; + scroll-behavior: smooth; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); + scrollbar-width: thin; + scrollbar-color: rgba(255, 255, 255, 0.63) transparent; +} + +*::-webkit-scrollbar { + width: 12px; +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +*::-webkit-scrollbar-thumb { + background-color: rgba(143, 143, 143, 0.63); + border-radius: 20px; +} + +*::-webkit-scrollbar-thumb:hover { + background-color: rgba(240, 240, 240, 0.63); + border-radius: 20px; + scale: 10% +} + +html { + scroll-padding-top: 5.375em; +} + +div { + display: block; +} + +body { + margin: 0; + font-size: 0.9em; + font-weight: 400; + line-height: 1.45em; +} + +h1 { + font-size: 40px; + font-weight: 600; + line-height: 52px; +} + +h2 { + font-size: 2.1em; + font-weight: 600; + line-height: 1.2em; + cursor: pointer; +} + +h3 { + font-size: 1.5em; + font-weight: 600; + line-height: 1.25em; +} + +#logoBig { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +#logoBig img { + width: 100%; + max-width: 220px; + margin: 0; + padding: 0; +} + +.flex { + display: flex; +} + +a { + color: rgb(101, 206, 253); + text-decoration: none; +} + +a:hover { + color: hsl(199, 83%, 45%); +} + +li { + margin-top: 1em; + margin-bottom: 1em; +} + +input, +button { + color: white; + background-color: rgba(255, 255, 255, 6.05%); + border: 1px solid rgba(255, 255, 255, 9.3%); + border-radius: 3px; + text-align: center; + min-height: 1em; + font-size: 1.1em; + transition: all 187ms Cubic-Bezier(0, 0, 0, 1); +} + +input:hover, +button:hover { + background-color: rgba(255, 255, 255, 8.37%); +} + +input:active, +button:active { + background-color: rgba(255, 255, 255, 3.26%); + border-color: rgba(255, 255, 255, 6.98%); + color: rgba(255, 255, 255, 78.6%); +} + +input:active { + border-bottom: 1px solid rgb(101, 206, 253); +} + +.center { + margin-left: auto; + margin-right: auto; +} + +hr { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + margin: 10px; +} + +.selected { + background: rgba(255, 255, 255, 0.12) !important; + border: 1px solid rgba(255, 255, 255, 0.12) !important; +} + +.annotations { + font-size: small; +} + +.container { + display: flex; + min-height: 100vh; +} + +.content { + flex: 1; + display: flex; + flex-direction: column; + margin-top: 70px; + margin-left: 14.5em; + margin-right: 15.2em; + width: 80%; + padding: 0 2em; +} + +.content-index { + margin-left: 14.5em; + margin-right: 14.5em; + padding: 0 2em; + z-index: 0; +} + +footer { + text-align: center; + padding: 5px; + margin-bottom: 0; + margin-top: 10px; + outline: 1px solid rgba(0, 0, 0, 10%); + background-color: rgba(255, 255, 255, 5.12%); +} + +.theme { + background: rgb(32, 32, 32); + color: white; + font-family: arial, helvetica, sans-serif; +} + +.section { + opacity: 0; + transition: opacity 1s ease; +} + +.section.fade-in { + opacity: 1; +} + +.faq h4 { + margin-top: 1.7em; + margin-bottom: 0.2em; +} + +.mirror { + rotate: 180deg; +} + +.width-90 { + max-width: 90% !important; +} + +.width-70 { + max-width: 70% !important; +} + +.width-60 { + max-width: 60% !important; +} + +.width-40 { + max-width: 40% !important; +} + +textarea { + padding: 1em !important; + color: white; + resize: none; + cursor: pointer; +} + +@keyframes rotate { + 50% { + transform: translateY(-6px) rotateZ(180deg); + } + + 100% { + transform: translateY(0px) rotateZ(360deg); + } + +} + +@keyframes slide-down { + from { + max-height: 0; + margin-top: -0.12px; + } + + to { + max-height: 5000px; + } +} + +@keyframes slide-up { + from { + max-height: 1000px; + } + + to { + max-height: 0; + margin-top: -0.12px; + } +} + +@media only screen and (max-width: 1220px) { + + .content, + .content-index { + margin-right: 0px !important; + } +} + +@media only screen and (max-width: 900px) { + + .content, + .content-index { + margin-left: 0px; + } +} + +@media only screen and (max-width: 700px) { + ul { + margin-left: -1.75em; + } + + ol { + margin-left: -1.75em; + } + + .content { + padding: 4px; + } + + .width-90 { + max-width: 100% !important; + } + + .width-70 { + max-width: 90% !important; + } + + .width-60 { + max-width: 80% !important; + } + + .width-40 { + max-width: 70% !important; + } + + #logoBig { + display: none; + } +} + +@media only screen and (max-width: 470px) { + .container { + min-width: 100%; + overflow-x: hidden; + } + + .content { + padding: 4px; + width: 100%; + min-width: 0; + margin-left: 0; + margin-right: 0; + overflow-x: hidden; + } + + .card, + .card-red, + .card-yellow, + .card-green, + .image-slider { + max-width: 100%; + overflow-x: hidden; + } + + .image-container, + .slider-container { + max-width: 100% !important; + } + + .slider-img { + max-width: 100%; + height: auto; + } + + textarea { + max-width: 95%; + } +} \ No newline at end of file diff --git a/css/textIcons.css b/css/textIcons.css index 3a7c8bc..2796895 100644 --- a/css/textIcons.css +++ b/css/textIcons.css @@ -16,4 +16,4 @@ .link-download a::after { background-image: url("../img/UI/Download.svg"); -} \ No newline at end of file +}/*# sourceMappingURL=textIcons.css.map */ \ No newline at end of file diff --git a/css/textIcons.css.map b/css/textIcons.css.map new file mode 100644 index 0000000..61566b0 --- /dev/null +++ b/css/textIcons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["textIcons.scss","textIcons.css"],"names":[],"mappings":"AAAA;;EAEI,WAAA;EACA,iBAAA;EACA,qBAAA;EACA,aAAA;EACA,cAAA;EACA,6BAAA;EACA,wBAAA;EACA,4BAAA;ACCJ;;ADEA;EACI,2CAAA;ACCJ;;ADEA;EACI,+CAAA;ACCJ","file":"textIcons.css"} \ No newline at end of file diff --git a/css/textIcons.scss b/css/textIcons.scss new file mode 100644 index 0000000..e4d4157 --- /dev/null +++ b/css/textIcons.scss @@ -0,0 +1,19 @@ +.link-download a::after, +.link-page a::after{ + content: ""; + margin-left: 10px; + display: inline-block; + width: 1.25em; + height: 1.25em; + transform: translateY(0.25em); + background-size: contain; + background-repeat: no-repeat; +} + +.link-page a::after{ + background-image: url("../img/UI/Open.svg"); +} + +.link-download a::after{ + background-image: url("../img/UI/Download.svg"); +} \ No newline at end of file diff --git a/faq.html b/faq.html index dba3b59..253f37b 100644 --- a/faq.html +++ b/faq.html @@ -330,7 +330,7 @@

        The game crashes or nothing happens when starting it

    • Most programs that ship with pre-built computers or laptops (such as OMEN Gaming Hub for HP OMEN systems) will be prone to issues and should be uninstalled or temporarily closed.
      • -
    • Update your graphics driver (either Nvidia, AMD or Intel).
      • +
    • Update your graphics driver (either NVIDIA, AMD or Intel).

    @@ -581,18 +581,6 @@

    Black screen after starting a new game

    -
    -

    -

    "Signature scan failed" error

    - UI element - Chevron -

    -
    -
    -

    - Disable the achievements patch in Unlimited Survival Mode - F4SE, as instructed in the installation steps. -

    -
    -

    Configuration

    diff --git a/files/loadorder.txt b/files/loadorder.txt index 1f562d2..6137b85 100644 --- a/files/loadorder.txt +++ b/files/loadorder.txt @@ -17,27 +17,27 @@ ccSBJFO4003-Grenade.esl ccOTMFO4001-Remnants.esl unofficial fallout 4 patch.esp REFramework.esm +Ownership Fixes.esp community fixes merged.esp TMR_GlitchfinderAIO.esm fakeInt.esp fakeInt_Boston.esp fakeInt_DLC.esp -BloodFixes.esm Dynamic Activation Key.esp Hit Those Objects.esm YouAndWhatArmy2.esm Diamond City Supplements.esm ppf.esm -RAW INPUT.esp WeaponModFixes-GOTY.esp -Weapon Mod Fixes - CFM Patch.esp +CFM - Weapon Mod Fixes Patch.esp +RAW INPUT.esp +GeneralAtomicsMrGutsyGuards.esp +GA Galleria Gutsy Voice Fix - UFO4P Patch.esp Wetness Shader Fix.esp Fixed Gobo Effects.esp Flutter Flicker Fixer For Foliage.esp Extended Fake Interior - CC Enclave Remnants Patch.esp MidnightCultFix.esp -GeneralAtomicsMrGutsyGuards.esp -GA Galleria Gutsy Voice Fix - UFO4P Patch.esp Workshop Highlight Fix.esp Alternative Activation Prompts.esp Simple FOV Slider.esp @@ -61,6 +61,8 @@ Lightweight Lighting.esp Gloomy Glass.esp Targeted Textures.esp FO4ParticlePatch.esp +WET.esp +WAVE.esp ScopeOverlayDOF.esp DiamondCityBillboards.esp GoodneighborView.esp diff --git a/finish.html b/finish.html index 499a6ac..45252ff 100644 --- a/finish.html +++ b/finish.html @@ -54,7 +54,6 @@ - @@ -264,29 +263,6 @@

    Want More?

    - -
    -
    -
    - -
    - Patreon -

    Patreon

    -
    -     -
    -
    - -
    - PayPal -

    PayPal

    -
    -     -
    -
    -
    -     -

    Installation instructions

    @@ -277,11 +272,11 @@

    Installation instructions

    -

    Encounter Zone Recalculation (Continuous Level Scaling)

    +

    Encounter Zone Recalculation (Continuous Level Scaling)

    Allows previously-visited encounter zones to update the levels of the enemies in them as the player levels up.

    Installation instructions

      -
    • Main Files - Encounter Zone Recalculation
      • +
    • Main Files - Encounter Zone Recalculation 1.0

    diff --git a/hud.html b/hud.html index ab4ac72..d99bd6b 100644 --- a/hud.html +++ b/hud.html @@ -205,22 +205,22 @@

    Creating a Separator in MO2

    -

    Mod Configuration Menu

    +

    Mod Configuration Menu

    Adds an easy way to configure mods through the in-game pause menu.

    Installation instructions

      -
    • Main Files - Mod Configuration Menu 1.40 BETA 2
      • +
    • Main Files - Mod Configuration Menu 1.39

    -

    Crafting Highlight Fix

    +

    Crafting Highlight Fix

    Replaces the full opacity item highlight during crafting with a much more clear outline.

    Installation instructions

      -
    • Main Files - Crafting Highlight Fix
      • +
    • Main Files - Crafting Highlight Fix 1.8.8

    diff --git a/img/LOD/Land 16 Settings.webp b/img/LOD/Land 16 Settings.webp index 7d2ca73..f434ea2 100644 Binary files a/img/LOD/Land 16 Settings.webp and b/img/LOD/Land 16 Settings.webp differ diff --git a/img/LOD/Land 32 Settings.webp b/img/LOD/Land 32 Settings.webp index 512dac5..6be7bcb 100644 Binary files a/img/LOD/Land 32 Settings.webp and b/img/LOD/Land 32 Settings.webp differ diff --git a/img/LOD/Land 4 Settings.webp b/img/LOD/Land 4 Settings.webp index ebaeaf7..d145b02 100644 Binary files a/img/LOD/Land 4 Settings.webp and b/img/LOD/Land 4 Settings.webp differ diff --git a/img/LOD/Land 8 Settings.webp b/img/LOD/Land 8 Settings.webp index 322f86d..b4dc708 100644 Binary files a/img/LOD/Land 8 Settings.webp and b/img/LOD/Land 8 Settings.webp differ diff --git a/img/LOD/Main Settings.webp b/img/LOD/Main Settings.webp index 748ace9..92e907f 100644 Binary files a/img/LOD/Main Settings.webp and b/img/LOD/Main Settings.webp differ diff --git a/intro.html b/intro.html index 597ebc3..4ec3138 100644 --- a/intro.html +++ b/intro.html @@ -192,7 +192,7 @@ -
    +

    Coco blockquote

    @@ -281,7 +281,7 @@

    Requirements

  • A text editor (Notepad++ is recommended, but the default Windows notepad will work).
  • An archiving tool (NanaZip is recommended).
    • -
  • The latest GPU drivers (either Nvidia, AMD or Intel).
    • +
  • The latest GPU drivers (either NVIDIA, AMD or Intel).
  • A Nexus Mods account (a Premium subscription will allow uncapped speeds).

    • diff --git a/js/fpsCalculator.js b/js/fpsCalculator.js deleted file mode 100644 index 5ecb7f4..0000000 --- a/js/fpsCalculator.js +++ /dev/null @@ -1,118 +0,0 @@ -const commonRates = [60, 120, 144, 240]; - -function findNearestRateWithGoodDivisor(rate) { - const validRates = commonRates.filter(r => r <= rate); - - if (validRates.length === 0) return 60; - - // Find the highest valid rate that's not above user's refresh rate - return validRates.reduce((prev, curr) => - Math.abs(curr - rate) < Math.abs(prev - rate) ? curr : prev - ); -} - -function setMode(mode) { - const fixedBtn = document.getElementById("fixedButton"); - const vrrBtn = document.getElementById("vrrButton"); - - if (mode === 'vrr') { - vrrBtn.classList.add('active'); - fixedBtn.classList.remove('active'); - } else { - fixedBtn.classList.add('active'); - vrrBtn.classList.remove('active'); - } - - document.getElementById("refreshMode").value = mode; - document.getElementById("fpsResults").style.display = "none"; -} - -function getLargestDivisors(number) { - const divisors = []; - for (let i = 1; i <= number; i++) { - if (number % i === 0) { - divisors.push(i); - } - } - return divisors; -} - -function hasSuboptimalDivisors(number) { - // Check for decimal division results between 30-60Hz - for (let i = 2; i <= 5; i++) { - const divisor = number / i; - if (divisor >= 30 && divisor < 60) { - return true; - } - } - // Also check whole number divisors - return getLargestDivisors(number).some(d => d >= 30 && d < 60); -} - -function calculateFPS() { - const rr = parseFloat(document.getElementById("refreshRate").value); - const mode = document.getElementById("refreshMode").value; - const results = document.getElementById("fpsResults"); - - if (!rr || rr < 60) { - results.innerHTML = ` -
    -

    Enter a valid refresh rate of 60Hz or higher.

    -
    - `; - results.style.display = "block"; - return; - } - - if (mode === 'vrr') { - const rrVRR = Math.round(rr * (1 - rr * 0.00028)); - results.innerHTML = ` -
    -

    Recommended FPS Limit Range: Any value from 48* to ${rrVRR}

    -
    -
    -

    - *Your VRR range typically starts at 48 FPS, but some displays support 30 or even 1.
    - Check this list to know your model's VRR range. Check the product page if it's not listed there. -

    -
    -
    -

    - Choose the highest value your system can maintain consistently. -

    -
    - `; - } else { - const usableDivisors = getLargestDivisors(rr).filter(d => d >= 60); - let recommendations = usableDivisors.map(d => - d === rr ? `${(d - 0.05).toFixed(2)}` : d - ).join(' / '); - - let warning = ''; - if (!commonRates.includes(rr) && rr > 75) { - const better = findNearestRateWithGoodDivisor(rr); - warning = ` -
    -

    - Your refresh rate (${rr}Hz) has divisors that make it suited for VRR more than fixed refresh.
    - Look into enabling VRR if your display supports it. If not, consider switching to ${better}Hz instead if you can't hold performance close to the suggested value - you can do this in the Nvidia Control Panel or Adrenalin settings. -

    -
    - `; - } - - results.innerHTML = ` -
    -

    Recommended FPS ${usableDivisors.length === 1 ? 'Limit' : 'Limits'}: ${recommendations}

    -
    - ${warning} -
    -

    - Choose the highest value your system can maintain consistently. -

    -
    - `; - } - - results.style.display = "block"; -} \ No newline at end of file diff --git a/js/javascript.js b/js/javascript.js index eaa5256..f7e980b 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -37,8 +37,15 @@ function sizeChanged() { } function toggleNav() { - const sidebar = document.querySelector('.left-sidebar'); - sidebar.classList.toggle('expanded'); + var sideBar = leftSideBar[0]; + if (sideBar.style.width == 0) { + sideBar.style.width = "75%"; + globalThis.menuIsOpen = true; + } + else { + sideBar.style.width = ""; + globalThis.menuIsOpen = false; + } } function fadeOut(element) { diff --git a/lod.html b/lod.html index c3d9d4e..238a920 100644 --- a/lod.html +++ b/lod.html @@ -424,10 +424,10 @@

    FOLIP Before Generation

  • Once everything has loaded, right-click any of them and Apply Script..., then select the FOLIP - Before Generation.pas file and click OK.
  • Optionally, enable Force LOD8 for better visuals at a small performance cost.
  • Click Start.
    • -
  • When complete, you will see a message saying "Patch generated successfully!", click OK.
    • -
  • Exit xEdit and save the plugin when prompted.
    • -
  • An Explorer window should have opened showing the output file. Take it and drag it to the bottom of your LOD separator in your modlist to install it.
    • -
  • Make sure the output's plugin is enabled in your load order.
    • +
  • Let the script finish then exit xEdit and save the plugin when prompted.
    • +
  • In MO2, click the tiny wrench icon at the top, next to the mod counter, then click Create empty mod.
    • +
  • Title the mod FOLIP - Before Generation.
    • +
  • Double-click Overwrite and drag FOLIP - Before Generation.esp to the newly created mod, then enable it (both in the modlist and load order).

    • @@ -444,7 +444,7 @@

    TexGen

  • In the Arguments box in the right pane, enter -FO4
  • Select TexGen from the executables drop-down in the top right of MO2 and click Run.
  • Once the program has loaded, click Start.
    • -
  • When complete, you will see a message saying "TexGen completed successfully", click Zip and Exit.
    • +
  • When complete, you will see a message saying "TexGen completed successfully", click Zip and Exit.
  • Install the TexGen output by clicking the MO2 archive button button at the top of MO2.
  • From the new window, navigate to the DynDOLOD folder you installed in step 2, then double-click TexGen_Output.zip and install it.
    • @@ -572,7 +572,7 @@

    Landscape

  • Click Generate.
    • -
  • When complete, the log will stop and at the end you will see a message saying "LOD generation done", you can now close xLODGen.
    • +
  • When complete, the log will stop and at the end you will see a message saying "LOD generation done", you can now close xLODGen.

    • @@ -617,6 +617,13 @@

    FOLIP After Generation

    + +
    +

    +

    Load Order

    + Move prp.esp to the bottom of your load order. +

    +
    diff --git a/sitemap.xml b/sitemap.xml index 98e682e..e7c5a68 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -6,98 +6,98 @@ 2023-04-08 - https://themidnightride.moddinglinked.com/index.html + https://themidnightride.moddinglinked.com/avoid-mods.html 0.80 - 2023-04-08 + 2025-05-06 - https://themidnightride.moddinglinked.com/intro.html + https://themidnightride.moddinglinked.com/avoid-tools.html 0.80 - 2025-05-15 + 2025-08-09 https://themidnightride.moddinglinked.com/faq.html 0.80 - 2025-10-11 + 2025-08-09 - https://themidnightride.moddinglinked.com/avoid-tools.html + https://themidnightride.moddinglinked.com/intro.html 0.80 - 2025-08-09 + 2025-05-15 - https://themidnightride.moddinglinked.com/avoid-mods.html + https://themidnightride.moddinglinked.com/index.html 0.80 - 2025-05-06 + 2023-04-08 https://themidnightride.moddinglinked.com/lod.html 0.70 - 2025-10-10 + 2025-08-13 - https://themidnightride.moddinglinked.com/setup.html + https://themidnightride.moddinglinked.com/finish.html 0.64 - 2025-05-08 + 2025-08-09 - https://themidnightride.moddinglinked.com/mo2.html + https://themidnightride.moddinglinked.com/visuals.html 0.64 2025-08-09 - https://themidnightride.moddinglinked.com/utilities.html + https://themidnightride.moddinglinked.com/gameplay.html 0.64 - 2025-10-11 + 2025-08-09 - https://themidnightride.moddinglinked.com/bugfix.html + https://themidnightride.moddinglinked.com/hud.html 0.64 - 2025-10-11 + 2025-05-06 https://themidnightride.moddinglinked.com/tweaks.html 0.64 - 2025-10-11 + 2025-05-11 - https://themidnightride.moddinglinked.com/hud.html + https://themidnightride.moddinglinked.com/bugfix.html 0.64 - 2025-10-10 + 2025-08-09 - https://themidnightride.moddinglinked.com/gameplay.html + https://themidnightride.moddinglinked.com/utilities.html 0.64 - 2025-10-11 + 2025-08-15 - https://themidnightride.moddinglinked.com/visuals.html + https://themidnightride.moddinglinked.com/mo2.html 0.64 - 2025-10-07 + 2025-08-09 - https://themidnightride.moddinglinked.com/finish.html + https://themidnightride.moddinglinked.com/setup.html 0.64 - 2025-08-09 + 2025-05-08 - https://themidnightride.moddinglinked.com/changelog.html + https://themidnightride.moddinglinked.com/resources.html 0.51 - 2025-10-11 + 2025-08-14 - https://themidnightride.moddinglinked.com/resources.html + https://themidnightride.moddinglinked.com/changelog.html 0.51 2025-08-14 - https://themidnightride.moddinglinked.com/wabbajack.html + https://themidnightride.moddinglinked.com/basefinish.html 0.50 - 2025-10-10 + 2025-08-09 - https://themidnightride.moddinglinked.com/basefinish.html + https://themidnightride.moddinglinked.com/wabbajack.html 0.50 - 2025-08-09 + 2025-08-16 \ No newline at end of file diff --git a/tweaks.html b/tweaks.html index e727d4c..74d6eaf 100644 --- a/tweaks.html +++ b/tweaks.html @@ -222,12 +222,6 @@

    Installation instructions

    • Main Files - Unlimited Survival Mode - F4SE
      • -
        -
      1. Once the mod has been installed, double-click it in the left pane of MO2.
        2. -
      2. In the INI Files tab, select F4SE\MCM\Settings\UnlimitedSurvivalMode.ini
        3. -
      3. Change iEnableAchievement (line 25) to 0.
        4. -
      4. Save your changes.
        5. -

    @@ -245,11 +239,11 @@

    Installation instructions

    -

    Bullet Counted Reload System (BCR)

    +

    Bullet Counted Reload System (BCR)

    Allows reloading the lever-action rifle based on the amount of shots fired.

    Installation instructions

    @@ -257,33 +251,33 @@

    Installation instructions

    -

    Classic Holstered Weapons System (CHW)

    +

    Classic Holstered Weapons System (CHW)

    Shows holstered weapons on characters with various customization options.

    Installation instructions

      -
    • Old Files - Classic Holstered Weapons - v1.07
      • +
    • Old Files - Classic Holstered Weapons - v1.06b

    -

    Remove Ammo from Dropped Guns

    +

    Remove Ammo from Dropped Guns

    Removes ammo from guns on corpses and adds it to the corpse's inventory.

    Installation instructions

      -
    • Main Files - AmmoRemover v1.2.2
      • +
    • Main Files - AmmoRemover v1.0.5

    -

    Remember Lockpick Angle NG

    +

    Remember Lockpick Angle - Updated

    When a bobby pin breaks in a lock, the next pin will be at the same angle instead of resetting every time.

    Installation instructions

      -
    • Main Files - Remember Lockpick Angle NG
      • +
    • Main Files - Remember Lockpick Angle Updated

    @@ -301,11 +295,11 @@

    Installation instructions

    -

    To Your Face FO4

    +

    To Your Face FO4

    NPCs will not greet you from behind.

    Installation instructions

      -
    • Main Files - ToYourFaceFO4 1.1
      • +
    • Main Files - ToYourFaceFO4 (First file)

    @@ -327,7 +321,7 @@

    Installation instructions

      -
    • Main Files - Simple Offence Suppression F4 - NG
      • +
    • Main Files - Simple Offence Suppression F4SE

    diff --git a/utilities.html b/utilities.html index 3e09666..40cf59f 100644 --- a/utilities.html +++ b/utilities.html @@ -43,7 +43,6 @@ - @@ -217,11 +216,11 @@

    Root Mods

    -

    Fallout 4 Script Extender (F4SE)

    +

    Fallout 4 Script Extender (F4SE)

    Extends the scripting capabilities of the game.

    Installation instructions

    +
    +

    + The direct link to an older version is intentional to grant compatibility with the downgraded EXE. +
    +
    + Downloading through the link button above is especially important when the guide specifies the exact version, like for this mod and more later. +

    +
    +
    1. After proper install, your Root folder should look like this: @@ -263,17 +271,37 @@

      Making MO2 Detect F4SE

      -

      xSE PluginPreloader F4

      +

      xSE PluginPreloader F4

      Allows preloading F4SE plugins before the game initializes.

      Installation instructions

        -
      • Main Files - xSE PluginPreloader F4 0.3
        • +
      • Main Files - xSE PluginPreloader F4 0.2.5.1
        1. Open the downloaded archive and move everything to the game's Root folder.

      + +
      +

      +

      Simple Fallout 4 Downgrader

      + A simple one-click downgrader that doesn't require any login credentials. +

      Installation instructions

      +
        +
      • Main Files - Simple Fallout 4 Downgrader - for v1.10.984
        • +
          +
        1. Open the downloaded archive and extract everything to the game's Root folder.
          2. +
        2. Double-click on fo4downgrader.exe to run it.
          3. +
        3. + A command prompt window will open and it should say: +
          Patching successful
          +
          4. +
        4. Close the command prompt and backups with _downgradeBackup appended to their name should appear in the game's Root folder.
          5. +
        +
      +

      +
      @@ -307,6 +335,17 @@

      Installation instructions

    +
    +

    +

    Backported Archive2 Support System

    + Allows the downgraded executable to use the updated BA2 files. +

    Installation instructions

    + +

    +
    +

    Better Console - F4SE

    @@ -320,45 +359,43 @@

    Installation instructions

    -

    High FPS Physics Fix

    +

    High FPS Physics Fix

    All-in-one solution for smooth FPS-unlocked gameplay, mitigates stutter and reduces loading times massively.

    Installation instructions

    @@ -367,14 +404,27 @@

    Installation instructions

    1. + Do not touch other settings unless you know what you are doing! For example you should know that: +
        +
      • AllowTearing needs to stay enabled, it won't lead to tearing during gameplay as the mod turns off V-Sync only during loading, making it faster.
        • +
      • Enabling DisableAnimationOnLoadingScreens will freeze loading screens and any overlay you use, this is intended and will speed up loading by about 40% (also shown in the table linked above). You can enable it if you don't mind frozen loading screens.
        • +
      +
      2. +
    2. You can check if you are using VRR by going to the Nvidia Control Panel if you're on Nvidia or Adrenalin's Display Settings if you're on AMD. If the G-Sync tab is missing from NVCP, your display doesn't support it or doesn't have the feature enabled in the OSD.

      Nvidia users need to make sure that G-Sync is set to Fullscreen and that Display Specific settings are enabled, the Windowed option is problematic due to it being a hacky method. Both of the settings are wrongly named so they do not actually directly refer to the display method.
      3. -
    3. +
    4. You always want your FPS capped by a limiter instead of being hardware bound, this will reduce lag and increase power efficiency. It is also less jarring for the player when visual smoothness is the same across all scenes.
      5. +
    5. + The VRR range on most monitors starts at 48, but it might also start at 30 or 1. You can check this on Nvidia's page or from your monitor's specifications. Windows 11 users can also check Display information in the Advanced display settings page. +
      6. +
    6. + You can set a custom resolution (and refresh rate) in the Nvidia Control Panel or Adrenalin settings. This is useful for monitors that don't have an evenly divisible refresh rate and if VRR is not available. For example, if your monitor has a refresh rate of 165Hz, you can set it to 144Hz and use 72 as limiter instead of 55. +

    @@ -397,7 +447,7 @@

    Installation instructions

      -
    • Main Files - Garden of Eden Papyrus Script Extender - Next-Gen
      • +
    • Main Files - Garden of Eden Papyrus Script Extender

    @@ -442,13 +492,13 @@

    Installation instructions

    -
    +

    -

    Escape Freeze NG (F4SE)

    +

    Escape Freeze F4SE

    Unfreezes your game from certain freezes caused by a deadlock during condition checks.

    Installation instructions

    diff --git a/visuals.html b/visuals.html index 84937f0..0929350 100644 --- a/visuals.html +++ b/visuals.html @@ -247,6 +247,34 @@

    Installation instructions

    +
    +

    +

    WET - Water Enhancement Textures

    + Enhances all water and most water-related effects in the game. +

    Installation instructions

    + +

    +
    + +
    +

    +

    WAVE - Wave Animation Vanilla Enhanced

    + Brand new wave effects and textures with a more realistic motion. +

    Installation instructions

    + +

    +
    +

    Sniper Scope Overlay And Reticles Replacement

    diff --git a/wabbajack.html b/wabbajack.html index 1578cbd..4037d77 100644 --- a/wabbajack.html +++ b/wabbajack.html @@ -191,7 +191,7 @@ -
    +

    Coco blockquote

    @@ -302,6 +302,12 @@

    Root Mods

  • In the Wabbajack UI, click Open in File Explorer.
  • Open the Files Requiring Manual Install folder.
  • Copy everything to the game's Root folder.
    • +
  • Still in the game's Root folder, double-click on fo4downgrader.exe to run it.
    • +
  • + A command prompt window will open and it should say: +
    Patching successful
    +
    • +
  • Close the command prompt and backups with _downgradeBackup appended to their name should appear in the game's Root folder.

    • @@ -433,14 +439,16 @@

    Modlist Update

    Updating The List

    - Whenever a new version of the list is released, simply run Wabbajack again and point it to the same folder where the list is currently installed. + Whenever a new version of the list is released, you can update your current installation by following these steps: +
      +
    1. If you added any mods to the list after installation, add the [NoDelete] prefix to their name in the left pane. Note that they might be moved and/or disabled after updating the list.
      2. +
    2. Verify files on Steam.
      3. +
    3. Re-run the Downgrader as instructed above.
      4. +

    -

      -
    1. Make sure that the update is marked as Safe Mid-Game before playing with the same character!
      2. -
    2. If you added any mods to the list after installation, add the [NoDelete] prefix to their name in the left pane. Note that they might be moved and/or disabled after updating the list.
      3. -
    + Make sure that the update is marked as Safe Mid-Game before playing with the same character!