diff --git a/lethal-extended/beta.html b/lethal-extended/beta.html index 887d44b..e4f5b25 100644 --- a/lethal-extended/beta.html +++ b/lethal-extended/beta.html @@ -51,6 +51,70 @@ thunderstore + +
+
+
+
+

+ Frequently asked questions +

+

Can't find the answer you're looking for? Join the Discord

+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
diff --git a/lethal-extended/credits.html b/lethal-extended/credits.html index 69e0b9a..f56d8ad 100644 --- a/lethal-extended/credits.html +++ b/lethal-extended/credits.html @@ -90,11 +90,6 @@ Custom Boombox Music Thunderstore Page -
- Feature Image - LethalCompanyDRP - Thunderstore Page -
Feature Image Mimics @@ -230,11 +225,6 @@ TooManyEmotes Thunderstore Page
-
- Feature Image - LethalEscape - Thunderstore Page -
Feature Image FairAI @@ -310,11 +300,6 @@ Coroner Thunderstore Page
-
- Feature Image - Better Lobbies - Thunderstore Page -
Feature Image Emergency Dice @@ -350,11 +335,6 @@ Peepers Thunderstore Page
-
- Feature Image - MetalRecharging - Thunderstore Page -
Feature Image LethalCasino @@ -775,6 +755,11 @@ WesleysInteriorsAddon Thunderstore Page
+
+ Feature Image + LethalRichPresence + Thunderstore Page + diff --git a/lethal-extended/css/style23cd.css b/lethal-extended/css/style23cd.css new file mode 100644 index 0000000..95591d0 --- /dev/null +++ b/lethal-extended/css/style23cd.css @@ -0,0 +1,2299 @@ +/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* +Document +======== +*/ + +/** +Use a better box model (opinionated). +*/ + +*, +*::before, +*::after { + box-sizing: border-box; +} + +/** +Use a more readable tab size (opinionated). +*/ + +:root { + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** +1. Correct the line height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +*/ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* +Sections +======== +*/ + +/** +Remove the margin in all browsers. +*/ + +body { + margin: 0; +} + +/** +Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +*/ + +body { + font-family: + system-ui, + -apple-system, /* Firefox supports this but not yet `system-ui` */ + 'Segoe UI', + Roboto, + Helvetica, + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji'; +} + +/* +Grouping content +================ +*/ + +/** +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ +} + +/* +Text-level semantics +==================== +*/ + +/** +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/** +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Consolas, + 'Liberation Mono', + Menlo, + monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/** +Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +Tabular data +============ +*/ + +/** +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ +} + +/* +Forms +===== +*/ + +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** +Remove the inheritance of text transform in Edge and Firefox. +1. Remove the inheritance of text transform in Firefox. +*/ + +button, +select { /* 1 */ + text-transform: none; +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ + +button, +[type='button'] { + -webkit-appearance: button; +} + +/** +Remove the inner border and padding in Firefox. +*/ + +/** +Restore the focus styles unset by the previous rule. +*/ + +/** +Remove the additional ':invalid' styles in Firefox. +See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 +*/ + +/** +Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. +*/ + +legend { + padding: 0; +} + +/** +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/** +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +/** +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +/** +Remove the inner padding in Chrome and Safari on macOS. +*/ + +/** +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to 'inherit' in Safari. +*/ + +/* +Interactive +=========== +*/ + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/** + * Manually forked from SUIT CSS Base: https://github.com/suitcss/base + * A thin layer on top of normalize.css that provides a starting point more + * suitable for web applications. + */ + +/** + * Removes the default spacing and border for appropriate elements. + */ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +button { + background-color: transparent; + background-image: none; +} + +/** + * Work around a Firefox/IE bug where the transparent `button` background + * results in a loss of the default `button` focus styles. + */ + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +fieldset { + margin: 0; + padding: 0; +} + +ol, +ul { + list-style: none; + margin: 0; + padding: 0; +} + +/** + * Tailwind custom reset styles + */ + +/** + * 1. Use the user's configured `sans` font-family (with Tailwind's default + * sans-serif font stack as a fallback) as a sane default. + * 2. Use Tailwind's default "normal" line-height so the user isn't forced + * to override it to ensure consistency even when using the default theme. + */ + +html { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ + line-height: 1.5; /* 2 */ +} + +/** + * Inherit font-family and line-height from `html` so users can set them as + * a class directly on the `html` element. + */ + +body { + font-family: inherit; + line-height: inherit; +} + +/** + * 1. Prevent padding and border from affecting element width. + * + * We used to set this in the html element and inherit from + * the parent element for everything else. This caused issues + * in shadow-dom-enhanced elements like
where the content + * is wrapped by a div with box-sizing set to `content-box`. + * + * https://github.com/mozdevs/cssremedy/issues/4 + * + * + * 2. Allow adding a border to an element by just adding a border-width. + * + * By default, the way the browser specifies that an element should have no + * border is by setting it's border-style to `none` in the user-agent + * stylesheet. + * + * In order to easily add borders to elements by just setting the `border-width` + * property, we change the default border-style for all elements to `solid`, and + * use border-width to hide them instead. This way our `border` utilities only + * need to set the `border-width` property instead of the entire `border` + * shorthand, making our border utilities much more straightforward to compose. + * + * https://github.com/tailwindcss/tailwindcss/pull/116 + */ + +*, +::before, +::after { + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: #e5e7eb; /* 2 */ +} + +/* + * Ensure horizontal rules are visible by default + */ + +hr { + border-top-width: 1px; +} + +/** + * Undo the `border-style: none` reset that Normalize applies to images so that + * our `border-{width}` utilities have the expected effect. + * + * The Normalize reset is unnecessary for us since we default the border-width + * to 0 on all elements. + * + * https://github.com/tailwindcss/tailwindcss/issues/362 + */ + +img { + border-style: solid; +} + +textarea { + resize: vertical; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + color: #9ca3af; +} + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #9ca3af; +} + +input::placeholder, +textarea::placeholder { + color: #9ca3af; +} + +button { + cursor: pointer; +} + +table { + border-collapse: collapse; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +.pricing-box { + transition: all 0.3s ease; + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 24, var(--tw-bg-opacity)); +} + +.pricing-box:hover { + transform: scale(1.02); + --tw-bg-opacity: 1; + background-color: rgba(42, 42, 42, var(--tw-bg-opacity)); +} + +.pricing-box:hover > a { + background-color: #A600B5; + color: #f5f5f5; +} + +/** + * Reset links to optimize for opt-in styling instead of + * opt-out. + */ + +a { + color: inherit; + text-decoration: inherit; +} + +/** + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles + * supplement a partial reset that is already applied by + * normalize.css. + */ + +button, +input, +optgroup, +select, +textarea { + padding: 0; + line-height: inherit; + color: inherit; +} + +/** + * Use the configured 'mono' font family for elements that + * are expected to be rendered with a monospace font, falling + * back to the system monospace stack if there is no configured + * 'mono' font family. + */ + +pre, +code, +kbd, +samp { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +/** + * Make replaced elements `display: block` by default as that's + * the behavior you want almost all of the time. Inspired by + * CSS Remedy, with `svg` added as well. + * + * https://github.com/mozdevs/cssremedy/issues/14 + */ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + vertical-align: middle; +} + +/** + * Constrain images and videos to the parent width and preserve + * their instrinsic aspect ratio. + * + * https://github.com/mozdevs/cssremedy/issues/14 + */ + +img, +video { + max-width: 100%; + height: auto; +} + +.space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgba(80, 80, 80, var(--tw-bg-opacity)); +} +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgba(60, 60, 60, var(--tw-bg-opacity)); +} + +.bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgba(47, 47, 47, var(--tw-bg-opacity)); +} + +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 24, var(--tw-bg-opacity)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgba(19, 19, 19, var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgba(221, 48, 52, var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgba(193, 40, 43, var(--tw-bg-opacity)); +} + +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgba(165, 32, 34, var(--tw-bg-opacity)); +} + +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgba(137, 24, 25, var(--tw-bg-opacity)); +} + +.group:hover .group-hover\:bg-white { + --tw-bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +} + +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgba(47, 47, 47, var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 24, var(--tw-bg-opacity)); +} + +.hover\:bg-red-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(193, 40, 43, var(--tw-bg-opacity)); +} + +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} + +.from-red-700 { + --tw-gradient-from: #ab1b1f; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(171, 27, 31, 0)); +} + +.to-red-500 { + --tw-gradient-to: #DD3034; +} + +.border-transparent { + border-color: transparent; +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgba(47, 47, 47, var(--tw-border-opacity)); +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgba(221, 48, 52, var(--tw-border-opacity)); +} + +.border-right { + border-right: 5px solid red; +} + +.border-bottom { + border-bottom: 5px solid red; +} + +.hover\:border-red-500:hover { + --tw-border-opacity: 1; + border-color: rgba(221, 48, 52, var(--tw-border-opacity)); +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.border { + border-width: 1px; +} + +.border-t-2 { + border-top-width: 2px; +} + +.border-b-2 { + border-bottom-width: 2px; +} + +.border-l-4 { + border-left-width: 4px; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.flex { + display: flex; +} + +.inline-flex { + display: inline-flex; +} + +.table { + display: table; +} + +.grid { + display: grid; +} + +.hidden { + display: none; +} + +.items-start { + align-items: flex-start; +} + +.items-center { + align-items: center; +} + +.self-center { + align-self: center; +} + +.justify-start { + justify-content: flex-start; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.justify-evenly { + justify-content: space-evenly; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.font-normal { + font-weight: 400; +} + +.font-medium { + font-weight: 500; +} + +.font-bold { + font-weight: 700; +} + +.font-extrabold { + font-weight: 800; +} + +.h-5 { + height: 1.25rem; +} + +.h-6 { + height: 1.5rem; +} + +.h-7 { + height: 1.75rem; +} + +.h-8 { + height: 2rem; +} + +.h-10 { + height: 2.5rem; +} + +.h-12 { + height: 3rem; +} + +.h-14 { + height: 3.5rem; +} + +.h-16 { + height: 4rem; +} + +.h-20 { + height: 5rem; +} + +.h-80 { + height: 20rem; +} + +.h-full { + height: 100%; +} + +.h-half { + height: 50%; +} + +.text-nav { + font-size: 0.75rem; + line-height: 1.15rem; +} + +.text-xsm { + font-size: 0.5rem; + line-height: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-5xl { + font-size: 3rem; + line-height: 1; +} + +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} + +.leading-6 { + line-height: 1.5rem; +} + +.leading-10 { + line-height: 2.5rem; +} + +.-m-3 { + margin: -0.75rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.mt-0 { + margin-top: 0px; +} + +.ml-0 { + margin-left: 0px; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mt-26 { + margin-top: 6.5rem; +} + +.mt-28 { + margin-top: 7rem; +} + +.mt-0\.5 { + margin-top: 0.125rem; +} + +.ml-0\.5 { + margin-left: 0.125rem; +} + +.-ml-1 { + margin-left: -0.25rem; +} + +.-ml-2 { + margin-left: -0.5rem; +} + +.max-w-md { + max-width: 28rem; +} + +.max-w-lg { + max-width: 32rem; +} + +.max-w-xl { + max-width: 36rem; +} + +.max-w-5xl { + max-width: 60rem; +} + +.max-w-6xl { + max-width: 68rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.opacity-25 { + opacity: 0.25; +} + +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.overflow-hidden { + overflow: hidden; +} + +.p-0 { + padding: 0px; +} + +.p-2 { + padding: 0.5rem; +} + +.p-4 { + padding: 1rem; +} + +.p-8 { + padding: 2rem; +} + +.p-0\.5 { + padding: 0.125rem; +} + +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.px-28 { + padding-left: 7rem; + padding-right: 7rem; +} + +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} + +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} + +.pl-6 { + padding-left: 1.5rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pb-6 { + padding-bottom: 1.5rem; +} + +.pb-8 { + padding-bottom: 2rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.pt-16 { + padding-top: 4rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; +} + +.-top-5 { + top: -1.25rem; +} + +.-top-6 { + top: -1.5rem; +} + +.-top-7 { + top: -1.75rem; +} + +.-top-8 { + top: -2rem +} + +.-top-9 { + top: -2.25rem +} + +.-top-10 { + top: -2.5rem; +} + +* { + --tw-shadow: 0 0 #0000; +} + +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +* { + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; +} + +.ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.ring { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-1:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-inset:focus { + --tw-ring-inset: inset; +} + +.ring-offset-gray-900 { + --tw-ring-offset-color: #131313; +} + +.focus\:ring-offset-gray-800:focus { + --tw-ring-offset-color: #181818; +} + +.focus\:ring-offset-gray-900:focus { + --tw-ring-offset-color: #131313; +} + +.ring-offset-2 { + --tw-ring-offset-width: 2px; +} + +.focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; +} + +.focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; +} + +.ring-black { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); +} + +.ring-red-500 { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(221, 48, 52, var(--tw-ring-opacity)); +} + +.focus\:ring-white:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); +} + +.focus\:ring-red-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(221, 48, 52, var(--tw-ring-opacity)); +} + +.ring-opacity-5 { + --tw-ring-opacity: 0.05; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-white { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + +.text-gray-100 { + --tw-text-opacity: 1; + color: rgba(243, 244, 246, var(--tw-text-opacity)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgba(229, 231, 235, var(--tw-text-opacity)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgba(209, 213, 219, var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgba(156, 163, 175, var(--tw-text-opacity)); +} + +.text-gray-500 { + color: #3a3a3a; +} + +.text-red-100 { + --tw-text-opacity: 1; + color: rgba(254, 226, 226, var(--tw-text-opacity)); +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgba(16, 185, 129, var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-red-500 { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + +.hover\:text-red-100:hover { + --tw-text-opacity: 1; + color: rgba(254, 226, 226, var(--tw-text-opacity)); +} + +.hover\:text-red-500:hover { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.hover\:text-red-600:hover { + --tw-text-opacity: 1; + color: rgba(193, 40, 43, var(--tw-text-opacity)); +} + +.italic { + font-style: italic; +} + +.uppercase { + text-transform: uppercase; +} + +.normal-case { + text-transform: none; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + +.tracking-normal { + letter-spacing: 0em; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; +} + +.align-middle { + vertical-align: middle; +} + +.whitespace-nowrap { + white-space: nowrap; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-12 { + width: 3rem; +} + +.w-20 { + width: 5rem; +} + +.w-36 { + width: 9rem; +} + +.w-50 { + width: 12.5rem; +} + +.w-72 { + width: 18rem; +} + + +.w-96 { + width: 24rem; +} + +.w-auto { + width: auto; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/4 { + width: 25%; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; +} + +.wb-a { + word-break: break-all; +} + +.wb-w { + word-break: break-word; +} + +.z-10 { + z-index: 10; +} + +.focus\:z-10:focus { + z-index: 10; +} + +.gap-4 { + gap: 1rem; +} + +.gap-6 { + gap: 1.5rem; +} + +.gap-8 { + gap: 2rem; +} + +.gap-12 { + gap: 3rem; +} + +.gap-36 { + gap: 9rem; +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.col-span-2 { + grid-column: span 2 / span 2; +} + +.transform { + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; +} + +.rotate-180 { + --tw-rotate: 180deg; +} + +.hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; +} + +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + + +@-webkit-keyframes spin { + to { + transform: rotate(360deg); + } +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +@-webkit-keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} + +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} + +@-webkit-keyframes pulse { + 50% { + opacity: .5; + } +} + +@keyframes pulse { + 50% { + opacity: .5; + } +} + +@-webkit-keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +a, button { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +::-moz-selection { + color: white; + background: #A600B5; +} + +::selection { + color: white; + background: #A600B5; +} + +::-moz-selection { + color: white; + background: #A600B5; +} + +::-webkit-scrollbar { + display: none; +} + +@-webkit-keyframes float { + 0% { + transform: translatey(0px); + } + + 50% { + transform: translatey(-20px); + } + + 100% { + transform: translatey(0px); + } +} + +@keyframes float { + 0% { + transform: translatey(0px); + } + + 50% { + transform: translatey(-20px); + } + + 100% { + transform: translatey(0px); + } +} + +@media (min-width: 640px) { + .sm\:flex { + display: flex; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:max-w-2xl { + max-width: 42rem; + } + + .sm\:p-8 { + padding: 2rem; + } + + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:w-auto { + width: auto; + } + + .sm\:gap-8 { + gap: 2rem; + } +} + +@media (min-width: 768px) { + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .md\:m-0 { + margin: 0px; + } + + .md\:mt-0 { + margin-top: 0px; + } + + .md\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .md\:text-left { + text-align: left; + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + + .md\:col-span-4 { + grid-column: span 4 / span 4; + } + + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + + .md\:col-start-3 { + grid-column-start: 3; + } +} + +@media (min-width: 1024px) { + .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .lg\:flex { + display: flex; + } + + .lg\:grid { + display: grid; + } + + .lg\:hidden { + display: none; + } + + .lg\:items-center { + align-items: center; + } + + .lg\:h-full { + height: 100%; + } + + .lg\:m-0 { + margin: 0px; + } + + .lg\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .lg\:mt-0 { + margin-top: 0px; + } + + .lg\:ml-0 { + margin-left: 0px; + } + + .lg\:mt-4 { + margin-top: 1rem; + } + + .lg\:ml-6 { + margin-left: 1.5rem; + } + + .lg\:mt-8 { + margin-top: 2rem; + } + + .lg\:mt-28 { + margin-top: 7rem; + } + + .lg\:max-w-none { + max-width: none; + } + + .lg\:max-w-7xl { + max-width: 80rem; + } + + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .lg\:absolute { + position: absolute; + } + + .lg\:relative { + position: relative; + } + + .lg\:right-0 { + right: 0px; + } + + .lg\:w-auto { + width: auto; + } + + .lg\:gap-20 { + gap: 5rem; + } + + .lg\:gap-24 { + gap: 6rem; + } + + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + + .lg\:col-start-1 { + grid-column-start: 1; + } +} + +@media (min-width: 1280px) { + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .xl\:mt-0 { + margin-top: 0px; + } + + .xl\:mt-20 { + margin-top: 5rem; + } + + .xl\:mt-28 { + margin-top: 7rem; + } + + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} + +@media (min-width: 1536px) { +} + +.m-0-a { + margin: 0 auto; +} + +#announcement { + padding: 1rem; + padding-right: 6rem; + padding-left: 6rem; + background-color: #A600B5; + line-height: 1.75rem; +} + +#announcement .close { + margin-left: 1rem; + float: right; + cursor: pointer; + font-size: 1.5rem; + font-weight: bolder; +} + +#announcement .hidden { + display: none; +} + +#apply-form { + transition: all 0.3s; +} + +#apply-form .radio, #apply-form .checkbox { + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 17px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* + BEGIN RADIO BUTTON STYLING +*/ + +#apply-form .radio input[type="radio"] { + position: absolute; + opacity: 0; + cursor: pointer; +} + +#apply-form .radio-btn { + position: absolute; + margin-top: 3px; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + transition: background-color, 0.3s; + border-radius: 50%; +} + +#apply-form .radio:hover input ~ .radio-btn { + background-color: #ccc; +} + +#apply-form .radio input:checked ~ .radio-btn { + background-color: #A600B5; +} + +#apply-form .radio-btn:after { + content: ""; + position: absolute; + display: none; +} + +#apply-form .radio input:checked ~ .radio-btn:after { + display: block; +} + +#apply-form .radio .radio-btn:after { + top: 5px; + left: 5px; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #fff; +} +/* + END RADIO BUTTON STYLING +*/ + + +/* + BEGIN CHECKBOX STYLING +*/ + +.checkbox { + display: block; + position: relative; + padding-left: 35px; + margin-bottom: 12px; + cursor: pointer; + font-size: 22px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.checkbox input[type="checkbox"] { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} + +.checkbox-btn { + position: absolute; + top: 0; + left: 0; + height: 25px; + width: 25px; + background-color: #eee; +} + +.checkbox:hover input ~ .checkbox-btn { + background-color: #ccc; +} + +.checkbox input:checked ~ .checkbox-btn { + background-color: #2196F3; +} + +.checkbox-btn:after { + content: ""; + position: absolute; + display: none; +} + +.checkbox input:checked ~ .checkbox-btn:after { + display: block; +} + +.checkbox .checkbox-btn:after { + left: 9px; + top: 5px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* + END CHECKBOX STYLING +*/ + +/* + BEGIN ERROR STYLING +*/ +.question { + position: relative; +} + +.question .error { + text-transform: none; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + + visibility: hidden; + min-width: 120px; + max-width: 500px; + background-color: #A600B5; + color: #eaeaea; + text-align: center; + padding: 3px 5px; + border-radius: 3px; + + position: absolute; + z-index: 1; + bottom: 110%; + right: 10%; + margin-left: -60px; + + opacity: 0; + transition: opacity 0.2s ease-in; +} + +.question .error::after{ + content: ""; + position: absolute; + top: 100%; + right: 15%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #A600B5 transparent transparent transparent; +} + +.question.invalid .error { + visibility: visible; + opacity: 1; +} + +/* + END ERROR STYLING +*/ + + + +#apply-form input[type="text"], #apply-form input[type="email"], #apply-form textarea { + width: 100%; + padding: 8px 15px 3px 5px; + margin: 0 0 10px 0; + display: inline-block; + border: none; + border-bottom: 1px solid #A600B5; + box-sizing: border-box; + background: none; +} + +#apply-form .question.invalid input[type="text"], #apply-form .question.invalid input[type="email"], #apply-form .question.invalid textarea { + background: #d030341c; +} + +.progress-bar { + background: #222; + justify-content: flex-start; + border-radius: 100px; + align-items: center; + position: relative; + padding: 0 4px; + display: flex; + height: 15px; + width: 100%; +} + +.progress-bar-val { + transition: width 1s; + border-radius: 100px; + background: #d03034; + height: 7px; + width: 0; +} + +.tab { + display: none; + min-height: 65vh; +} diff --git a/lethal-extended/js/defaultf700.js b/lethal-extended/js/defaultf700.js new file mode 100644 index 0000000..4ef028b --- /dev/null +++ b/lethal-extended/js/defaultf700.js @@ -0,0 +1,33 @@ +const $ = q => document.querySelector(q); +const $$ = q => document.querySelectorAll(q); + +function toggleClassClicker(i, clazz) { + document.getElementById("clicker-" + i).classList.toggle(clazz); +} + +function toggleClass(i, clazz) { + document.getElementById(i).classList.toggle(clazz); +} + +function showElement(i) { + toggleClassClicker(i, "hidden") +} + +const toggleFAQ = id => $('#faq-' + id).parentElement.querySelector('button>span').innerHTML = $('#faq-' + id).classList.toggle('hidden')?'+':'-'; + +const closeAnnouncementHandler = (el) => { + el.addEventListener('click', e => { + console.log('click!'); + console.log(e.target.parentElement); + e.target.parentElement.classList.toggle('hidden'); + }) +} + +document.addEventListener('DOMContentLoaded', () => { + let els = $$('#announcement .close'); + els.forEach(el => { + if(el) closeAnnouncementHandler(el); + }); +}); + + diff --git a/lethal-extended/js/locations.js b/lethal-extended/js/locations.js new file mode 100644 index 0000000..789d9cd --- /dev/null +++ b/lethal-extended/js/locations.js @@ -0,0 +1,31 @@ +const europeButton = document.getElementById("eu-button"); +const usButton = document.getElementById("us-button"); + +const europeSection = document.getElementById("eu") +const usSection = document.getElementById("us") + +europeButton.onclick = ev => { + if (!europeButton.classList.contains("bg-gray-700")) + europeButton.classList.add("bg-gray-700"); + + if (usButton.classList.contains("bg-gray-700")) + usButton.classList.remove("bg-gray-700") + + if (europeSection.classList.contains("hidden")) { + europeSection.classList.remove("hidden") + usSection.classList.add("hidden") + } +}; + +usButton.onclick = ev => { + if (!usButton.classList.contains("bg-gray-700")) + usButton.classList.add("bg-gray-700") + + if (europeButton.classList.contains("bg-gray-700")) + europeButton.classList.remove("bg-gray-700"); + + if (usSection.classList.contains("hidden")) { + europeSection.classList.add("hidden") + usSection.classList.remove("hidden") + } +}; \ No newline at end of file diff --git a/lethal-extended/js/navbarec92.js b/lethal-extended/js/navbarec92.js new file mode 100644 index 0000000..bf30a18 --- /dev/null +++ b/lethal-extended/js/navbarec92.js @@ -0,0 +1,19 @@ +document.addEventListener('DOMContentLoaded', () => { + const root_elements = $$(".desktop-navbar-root"); + + root_elements.forEach(root_element => { + const dropdown = root_element.querySelector(".navbar-dropdown"); + if(dropdown) { + function show_dropdown() { + dropdown.classList.remove("hidden"); + } + + function hide_dropdown() { + dropdown.classList.add("hidden"); + } + + root_element.addEventListener("mouseover", show_dropdown); + root_element.addEventListener("mouseleave", hide_dropdown); + } + }); +}); \ No newline at end of file diff --git a/lethal-extended/media/credits/mods/mrov-LethalRichPresence-0.5.9.png.128x128_q95.png b/lethal-extended/media/credits/mods/mrov-LethalRichPresence-0.5.9.png.128x128_q95.png new file mode 100644 index 0000000..f224595 Binary files /dev/null and b/lethal-extended/media/credits/mods/mrov-LethalRichPresence-0.5.9.png.128x128_q95.png differ diff --git a/lethal-extended/media/downloads.webp b/lethal-extended/media/downloads.webp new file mode 100644 index 0000000..9d84c3d Binary files /dev/null and b/lethal-extended/media/downloads.webp differ diff --git a/lethal-extended/stable.html b/lethal-extended/stable.html index 3bb5086..af7689d 100644 --- a/lethal-extended/stable.html +++ b/lethal-extended/stable.html @@ -50,8 +50,73 @@ thunderstore + +
+
+
+
+

+ Frequently asked questions +

+

Can't find the answer you're looking for? Join the Discord

+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+ diff --git a/lethal-extended/static/css/download.css b/lethal-extended/static/css/download.css index 9f9247f..eff5ac0 100644 --- a/lethal-extended/static/css/download.css +++ b/lethal-extended/static/css/download.css @@ -105,4 +105,1976 @@ body { 100% { opacity: 1; } -} \ No newline at end of file +} + +/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* +Document +======== +*/ + +/** +Use a better box model (opinionated). +*/ + +*, +*::before, +*::after { + box-sizing: border-box; +} + +/** +Use a more readable tab size (opinionated). +*/ + +:root { + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** +1. Correct the line height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +*/ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* +Sections +======== +*/ + +/** +Remove the margin in all browsers. +*/ + +body { + margin: 0; +} + +/** +Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +*/ + +body { + font-family: + system-ui, + -apple-system, /* Firefox supports this but not yet `system-ui` */ + 'Segoe UI', + Roboto, + Helvetica, + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji'; +} + +/* +Grouping content +================ +*/ + +/** +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ +} + +/* +Text-level semantics +==================== +*/ + +/** +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/** +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Consolas, + 'Liberation Mono', + Menlo, + monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/** +Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +Tabular data +============ +*/ + +/** +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ +} + +/* +Forms +===== +*/ + +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** +Remove the inheritance of text transform in Edge and Firefox. +1. Remove the inheritance of text transform in Firefox. +*/ + +button, +select { /* 1 */ + text-transform: none; +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ + +.space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgba(80, 80, 80, var(--tw-bg-opacity)); +} +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgba(60, 60, 60, var(--tw-bg-opacity)); +} + +.bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgba(47, 47, 47, var(--tw-bg-opacity)); +} + +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 24, var(--tw-bg-opacity)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgba(19, 19, 19, var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgba(221, 48, 52, var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgba(193, 40, 43, var(--tw-bg-opacity)); +} + +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgba(165, 32, 34, var(--tw-bg-opacity)); +} + +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgba(137, 24, 25, var(--tw-bg-opacity)); +} + +.group:hover .group-hover\:bg-white { + --tw-bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +} + +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgba(47, 47, 47, var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 24, var(--tw-bg-opacity)); +} + +.hover\:bg-red-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(193, 40, 43, var(--tw-bg-opacity)); +} + +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} + +.from-red-700 { + --tw-gradient-from: #ab1b1f; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(171, 27, 31, 0)); +} + +.to-red-500 { + --tw-gradient-to: #DD3034; +} + +.border-transparent { + border-color: transparent; +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgba(47, 47, 47, var(--tw-border-opacity)); +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgba(221, 48, 52, var(--tw-border-opacity)); +} + +.border-right { + border-right: 5px solid red; +} + +.border-bottom { + border-bottom: 5px solid red; +} + +.hover\:border-red-500:hover { + --tw-border-opacity: 1; + border-color: rgba(221, 48, 52, var(--tw-border-opacity)); +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.border { + border-width: 1px; +} + +.border-t-2 { + border-top-width: 2px; +} + +.border-b-2 { + border-bottom-width: 2px; +} + +.border-l-4 { + border-left-width: 4px; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.flex { + display: flex; +} + +.inline-flex { + display: inline-flex; +} + +.table { + display: table; +} + +.grid { + display: grid; +} + +.hidden { + display: none; +} + +.items-start { + align-items: flex-start; +} + +.items-center { + align-items: center; +} + +.self-center { + align-self: center; +} + +.justify-start { + justify-content: flex-start; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.justify-evenly { + justify-content: space-evenly; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.font-normal { + font-weight: 400; +} + +.font-medium { + font-weight: 500; +} + +.font-bold { + font-weight: 700; +} + +.font-extrabold { + font-weight: 800; +} + +.h-5 { + height: 1.25rem; +} + +.h-6 { + height: 1.5rem; +} + +.h-7 { + height: 1.75rem; +} + +.h-8 { + height: 2rem; +} + +.h-10 { + height: 2.5rem; +} + +.h-12 { + height: 3rem; +} + +.h-14 { + height: 3.5rem; +} + +.h-16 { + height: 4rem; +} + +.h-20 { + height: 5rem; +} + +.h-80 { + height: 20rem; +} + +.h-full { + height: 100%; +} + +.h-half { + height: 50%; +} + +.text-nav { + font-size: 0.75rem; + line-height: 1.15rem; +} + +.text-xsm { + font-size: 0.5rem; + line-height: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-5xl { + font-size: 3rem; + line-height: 1; +} + +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} + +.leading-6 { + line-height: 1.5rem; +} + +.leading-10 { + line-height: 2.5rem; +} + +.-m-3 { + margin: -0.75rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.mt-0 { + margin-top: 0px; +} + +.ml-0 { + margin-left: 0px; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mt-26 { + margin-top: 6.5rem; +} + +.mt-28 { + margin-top: 7rem; +} + +.mt-0\.5 { + margin-top: 0.125rem; +} + +.ml-0\.5 { + margin-left: 0.125rem; +} + +.-ml-1 { + margin-left: -0.25rem; +} + +.-ml-2 { + margin-left: -0.5rem; +} + +.max-w-md { + max-width: 28rem; +} + +.max-w-lg { + max-width: 32rem; +} + +.max-w-xl { + max-width: 36rem; +} + +.max-w-5xl { + max-width: 60rem; +} + +.max-w-6xl { + max-width: 68rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.opacity-25 { + opacity: 0.25; +} + +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.overflow-hidden { + overflow: hidden; +} + +.p-0 { + padding: 0px; +} + +.p-2 { + padding: 0.5rem; +} + +.p-4 { + padding: 1rem; +} + +.p-8 { + padding: 2rem; +} + +.p-0\.5 { + padding: 0.125rem; +} + +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.px-28 { + padding-left: 7rem; + padding-right: 7rem; +} + +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} + +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} + +.pl-6 { + padding-left: 1.5rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pb-6 { + padding-bottom: 1.5rem; +} + +.pb-8 { + padding-bottom: 2rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.pt-16 { + padding-top: 4rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; +} + +.-top-5 { + top: -1.25rem; +} + +.-top-6 { + top: -1.5rem; +} + +.-top-7 { + top: -1.75rem; +} + +.-top-8 { + top: -2rem +} + +.-top-9 { + top: -2.25rem +} + +.-top-10 { + top: -2.5rem; +} + +* { + --tw-shadow: 0 0 #0000; +} + +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +* { + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; +} + +.ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.ring { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-1:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-inset:focus { + --tw-ring-inset: inset; +} + +.ring-offset-gray-900 { + --tw-ring-offset-color: #131313; +} + +.focus\:ring-offset-gray-800:focus { + --tw-ring-offset-color: #181818; +} + +.focus\:ring-offset-gray-900:focus { + --tw-ring-offset-color: #131313; +} + +.ring-offset-2 { + --tw-ring-offset-width: 2px; +} + +.focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; +} + +.focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; +} + +.ring-black { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); +} + +.ring-red-500 { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(221, 48, 52, var(--tw-ring-opacity)); +} + +.focus\:ring-white:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); +} + +.focus\:ring-red-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(221, 48, 52, var(--tw-ring-opacity)); +} + +.ring-opacity-5 { + --tw-ring-opacity: 0.05; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-white { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + +.text-gray-100 { + --tw-text-opacity: 1; + color: rgba(243, 244, 246, var(--tw-text-opacity)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgba(229, 231, 235, var(--tw-text-opacity)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgba(209, 213, 219, var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgba(156, 163, 175, var(--tw-text-opacity)); +} + +.text-gray-500 { + color: #3a3a3a; +} + +.text-red-100 { + --tw-text-opacity: 1; + color: rgba(254, 226, 226, var(--tw-text-opacity)); +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgba(16, 185, 129, var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-red-500 { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + +.hover\:text-red-100:hover { + --tw-text-opacity: 1; + color: rgba(254, 226, 226, var(--tw-text-opacity)); +} + +.hover\:text-red-500:hover { + --tw-text-opacity: 1; + color: rgba(221, 48, 52, var(--tw-text-opacity)); +} + +.hover\:text-red-600:hover { + --tw-text-opacity: 1; + color: rgba(193, 40, 43, var(--tw-text-opacity)); +} + +.italic { + font-style: italic; +} + +.uppercase { + text-transform: uppercase; +} + +.normal-case { + text-transform: none; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + +.tracking-normal { + letter-spacing: 0em; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; +} + +.align-middle { + vertical-align: middle; +} + +.whitespace-nowrap { + white-space: nowrap; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-12 { + width: 3rem; +} + +.w-20 { + width: 5rem; +} + +.w-36 { + width: 9rem; +} + +.w-50 { + width: 12.5rem; +} + +.w-72 { + width: 18rem; +} + + +.w-96 { + width: 24rem; +} + +.w-auto { + width: auto; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/4 { + width: 25%; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; +} + +.wb-a { + word-break: break-all; +} + +.wb-w { + word-break: break-word; +} + +.z-10 { + z-index: 10; +} + +.focus\:z-10:focus { + z-index: 10; +} + +.gap-4 { + gap: 1rem; +} + +.gap-6 { + gap: 1.5rem; +} + +.gap-8 { + gap: 2rem; +} + +.gap-12 { + gap: 3rem; +} + +.gap-36 { + gap: 9rem; +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.col-span-2 { + grid-column: span 2 / span 2; +} + +.transform { + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; +} + +.rotate-180 { + --tw-rotate: 180deg; +} + +.hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; +} + +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + + +@-webkit-keyframes spin { + to { + transform: rotate(360deg); + } +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +@-webkit-keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} + +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} + +@-webkit-keyframes pulse { + 50% { + opacity: .5; + } +} + +@keyframes pulse { + 50% { + opacity: .5; + } +} + +@-webkit-keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +a, button { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +::-moz-selection { + color: white; + background: #A600B5; +} + +::selection { + color: white; + background: #A600B5; +} + +::-moz-selection { + color: white; + background: #A600B5; +} + +::-webkit-scrollbar { + display: none; +} + +@-webkit-keyframes float { + 0% { + transform: translatey(0px); + } + + 50% { + transform: translatey(-20px); + } + + 100% { + transform: translatey(0px); + } +} + +@keyframes float { + 0% { + transform: translatey(0px); + } + + 50% { + transform: translatey(-20px); + } + + 100% { + transform: translatey(0px); + } +} + +@media (min-width: 640px) { + .sm\:flex { + display: flex; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:max-w-2xl { + max-width: 42rem; + } + + .sm\:p-8 { + padding: 2rem; + } + + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:w-auto { + width: auto; + } + + .sm\:gap-8 { + gap: 2rem; + } +} + +@media (min-width: 768px) { + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .md\:m-0 { + margin: 0px; + } + + .md\:mt-0 { + margin-top: 0px; + } + + .md\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .md\:text-left { + text-align: left; + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + + .md\:col-span-4 { + grid-column: span 4 / span 4; + } + + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + + .md\:col-start-3 { + grid-column-start: 3; + } +} + +@media (min-width: 1024px) { + .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .lg\:flex { + display: flex; + } + + .lg\:grid { + display: grid; + } + + .lg\:hidden { + display: none; + } + + .lg\:items-center { + align-items: center; + } + + .lg\:h-full { + height: 100%; + } + + .lg\:m-0 { + margin: 0px; + } + + .lg\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .lg\:mt-0 { + margin-top: 0px; + } + + .lg\:ml-0 { + margin-left: 0px; + } + + .lg\:mt-4 { + margin-top: 1rem; + } + + .lg\:ml-6 { + margin-left: 1.5rem; + } + + .lg\:mt-8 { + margin-top: 2rem; + } + + .lg\:mt-28 { + margin-top: 7rem; + } + + .lg\:max-w-none { + max-width: none; + } + + .lg\:max-w-7xl { + max-width: 80rem; + } + + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .lg\:absolute { + position: absolute; + } + + .lg\:relative { + position: relative; + } + + .lg\:right-0 { + right: 0px; + } + + .lg\:w-auto { + width: auto; + } + + .lg\:gap-20 { + gap: 5rem; + } + + .lg\:gap-24 { + gap: 6rem; + } + + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + + .lg\:col-start-1 { + grid-column-start: 1; + } +} + +@media (min-width: 1280px) { + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .xl\:mt-0 { + margin-top: 0px; + } + + .xl\:mt-20 { + margin-top: 5rem; + } + + .xl\:mt-28 { + margin-top: 7rem; + } + + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } +} + +@media (min-width: 1536px) { +} + +.m-0-a { + margin: 0 auto; +} + +#announcement { + padding: 1rem; + padding-right: 6rem; + padding-left: 6rem; + background-color: #A600B5; + line-height: 1.75rem; +} + +#announcement .close { + margin-left: 1rem; + float: right; + cursor: pointer; + font-size: 1.5rem; + font-weight: bolder; +} + +#announcement .hidden { + display: none; +} + +#apply-form { + transition: all 0.3s; +} + +#apply-form .radio, #apply-form .checkbox { + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 17px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* + BEGIN RADIO BUTTON STYLING +*/ + +#apply-form .radio input[type="radio"] { + position: absolute; + opacity: 0; + cursor: pointer; +} + +#apply-form .radio-btn { + position: absolute; + margin-top: 3px; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + transition: background-color, 0.3s; + border-radius: 50%; +} + +#apply-form .radio:hover input ~ .radio-btn { + background-color: #ccc; +} + +#apply-form .radio input:checked ~ .radio-btn { + background-color: #A600B5; +} + +#apply-form .radio-btn:after { + content: ""; + position: absolute; + display: none; +} + +#apply-form .radio input:checked ~ .radio-btn:after { + display: block; +} + +#apply-form .radio .radio-btn:after { + top: 5px; + left: 5px; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #fff; +} +/* + END RADIO BUTTON STYLING +*/ + + +/* + BEGIN CHECKBOX STYLING +*/ + +.checkbox { + display: block; + position: relative; + padding-left: 35px; + margin-bottom: 12px; + cursor: pointer; + font-size: 22px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.checkbox input[type="checkbox"] { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} + +.checkbox-btn { + position: absolute; + top: 0; + left: 0; + height: 25px; + width: 25px; + background-color: #eee; +} + +.checkbox:hover input ~ .checkbox-btn { + background-color: #ccc; +} + +.checkbox input:checked ~ .checkbox-btn { + background-color: #2196F3; +} + +.checkbox-btn:after { + content: ""; + position: absolute; + display: none; +} + +.checkbox input:checked ~ .checkbox-btn:after { + display: block; +} + +.checkbox .checkbox-btn:after { + left: 9px; + top: 5px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* + END CHECKBOX STYLING +*/ + +/* + BEGIN ERROR STYLING +*/ +.question { + position: relative; +} + +.question .error { + text-transform: none; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + + visibility: hidden; + min-width: 120px; + max-width: 500px; + background-color: #A600B5; + color: #eaeaea; + text-align: center; + padding: 3px 5px; + border-radius: 3px; + + position: absolute; + z-index: 1; + bottom: 110%; + right: 10%; + margin-left: -60px; + + opacity: 0; + transition: opacity 0.2s ease-in; +} + +.question .error::after{ + content: ""; + position: absolute; + top: 100%; + right: 15%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #A600B5 transparent transparent transparent; +} + +.question.invalid .error { + visibility: visible; + opacity: 1; +} + +/* + END ERROR STYLING +*/ + + + +#apply-form input[type="text"], #apply-form input[type="email"], #apply-form textarea { + width: 100%; + padding: 8px 15px 3px 5px; + margin: 0 0 10px 0; + display: inline-block; + border: none; + border-bottom: 1px solid #A600B5; + box-sizing: border-box; + background: none; +} + +#apply-form .question.invalid input[type="text"], #apply-form .question.invalid input[type="email"], #apply-form .question.invalid textarea { + background: #d030341c; +} + +.progress-bar { + background: #222; + justify-content: flex-start; + border-radius: 100px; + align-items: center; + position: relative; + padding: 0 4px; + display: flex; + height: 15px; + width: 100%; +} + +.progress-bar-val { + transition: width 1s; + border-radius: 100px; + background: #d03034; + height: 7px; + width: 0; +} + +.tab { + display: none; + min-height: 65vh; +} diff --git a/lethal-extended/static/css/home.css b/lethal-extended/static/css/home.css index 76340ee..8367995 100644 --- a/lethal-extended/static/css/home.css +++ b/lethal-extended/static/css/home.css @@ -10,7 +10,7 @@ body { animation: fadeIn 2s; padding: 0; margin: 0; - background: rgba(0, 0, 0, .5) url('../../media/branches.avif'); + background: rgba(0, 0, 0, .5) url('../../media/downloads.webp'); background-blend-mode: darken; background-size: cover; }