diff --git a/.gitignore b/.gitignore index b628687..625edae 100644 --- a/.gitignore +++ b/.gitignore @@ -3,4 +3,5 @@ node_modules /build /.svelte-kit /package -/.vercel_build_output \ No newline at end of file +/.vercel_build_output +src/styles/tailwind-output.css \ No newline at end of file diff --git a/package.json b/package.json index 0716888..92464dc 100644 --- a/package.json +++ b/package.json @@ -11,8 +11,8 @@ "preview": "svelte-kit preview", "tailwind:watch": "cross-env TAILWIND_MODE=watch cross-env NODE_ENV=development postcss src/styles/tailwind.css -o src/styles/tailwind-output.css -w", "tailwind:build": "cross-env TAILWIND_MODE=build cross-env NODE_ENV=production postcss src/styles/tailwind.css -o src/styles/tailwind-output.css", - "dev": "concurrently \"yarn run dev:only\" \"yarn run tailwind:watch\"", - "build": "yarn run tailwind:build && yarn run build:only" + "dev": "concurrently \"npm run dev:only\" \"npm run tailwind:watch\"", + "build": "npm run tailwind:build && npm run build:only" }, "devDependencies": { "@sveltejs/kit": "next", diff --git a/src/styles/tailwind-output.css b/src/styles/tailwind-output.css deleted file mode 100644 index 11cb132..0000000 --- a/src/styles/tailwind-output.css +++ /dev/null @@ -1,1805 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Poppins:wght@400;600;800&display=swap'); - -/*! tailwindcss v2.2.15 | MIT License | https://tailwindcss.com */ - -/*! modern-normalize v1.1.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). -*/ - -html { - -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'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; -} - -/** -Remove the inner border and padding in Firefox. -*/ - -::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** -Restore the focus styles unset by the previous rule. -*/ - -:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** -Remove the additional ':invalid' styles in Firefox. -See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/** -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. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/** -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to 'inherit' in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* -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; -} - -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: currentColor; /* 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 { - opacity: 1; - color: #9ca3af; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - opacity: 1; - color: #9ca3af; -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - color: #9ca3af; -} - -button, -[role='button'] { - cursor: pointer; -} - -/** - * Override legacy focus reset from Normalize with modern Firefox focus styles. - * - * This is actually an improvement over the new defaults in Firefox in our testing, - * as it triggers the better focus styles even for links, which still use a dotted - * outline in Firefox by default. - */ - -:-moz-focusring { - outline: auto; -} - -table { - border-collapse: collapse; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/** - * 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; -} - -/** - * 1. 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 - * - * 2. Add `vertical-align: middle` to align replaced elements more - * sensibly by default when overriding `display` by adding a - * utility like `inline`. - * - * This can trigger a poorly considered linting error in some - * tools but is included by design. - * - * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 - */ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; /* 1 */ - vertical-align: middle; /* 2 */ -} - -/** - * Constrain images and videos to the parent width and preserve - * their intrinsic aspect ratio. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ - -img, -video { - max-width: 100%; - height: auto; -} - -/** - * Ensure the default browser behavior of the `hidden` attribute. - */ - -[hidden] { - display: none; -} - -*, -::before, -::after { - --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; - --tw-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)); - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --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; - --tw-shadow: 0 0 #0000; - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) - var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: 'Poppins', sans-serif, -apple-system, system-ui, BlinkMacSystemFont; - color: #fcfcff; -} - -h1, -h2, -h3 { - font-weight: 600; -} - -h4, -h5, -h6 { - font-weight: 700; -} - -h1 { - font-size: 2.5rem; - line-height: 3.75rem; -} - -h2 { - font-size: 2.375rem; - line-height: 3.563rem; -} - -h3 { - font-size: 2rem; - line-height: 3rem; -} - -h4 { - font-size: 1.125rem; - line-height: 1.688rem; -} -.container { - width: 100%; -} -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} -.h2-eyebrow { - color: #f02e65; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - text-transform: uppercase; -} -.pointer-events-none { - pointer-events: none; -} -.fixed { - position: fixed; -} -.absolute { - position: absolute; -} -.relative { - position: relative; -} -.inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; -} -.top-0 { - top: 0px; -} -.right-0 { - right: 0px; -} -.left-0 { - left: 0px; -} -.bottom-0 { - bottom: 0px; -} -.z-20 { - z-index: 20; -} -.z-10 { - z-index: 10; -} -.z-30 { - z-index: 30; -} -.z-40 { - z-index: 40; -} -.z-50 { - z-index: 50; -} -.order-first { - order: -9999; -} -.col-span-12 { - grid-column: span 12 / span 12; -} -.col-span-6 { - grid-column: span 6 / span 6; -} -.m-0 { - margin: 0px; -} -.mx-auto { - margin-left: auto; - margin-right: auto; -} -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; -} -.mt-\[59px\] { - margin-top: 59px; -} -.mt-\[27px\] { - margin-top: 27px; -} -.mb-\[40px\] { - margin-bottom: 40px; -} -.mt-\[100px\] { - margin-top: 100px; -} -.mt-\[25px\] { - margin-top: 25px; -} -.mb-\[32px\] { - margin-bottom: 32px; -} -.mt-\[5rem\] { - margin-top: 5rem; -} -.mb-\[1rem\] { - margin-bottom: 1rem; -} -.mt-96 { - margin-top: 24rem; -} -.mt-20 { - margin-top: 5rem; -} -.mt-\[40px\] { - margin-top: 40px; -} -.mb-\[16px\] { - margin-bottom: 16px; -} -.mb-\[1\.875rem\] { - margin-bottom: 1.875rem; -} -.mt-\[24px\] { - margin-top: 24px; -} -.mt-10 { - margin-top: 2.5rem; -} -.mb-8 { - margin-bottom: 2rem; -} -.mt-4 { - margin-top: 1rem; -} -.ml-0 { - margin-left: 0px; -} -.\!ml-0 { - margin-left: 0px !important; -} -.mb-\[38px\] { - margin-bottom: 38px; -} -.mt-16 { - margin-top: 4rem; -} -.mb-\[8px\] { - margin-bottom: 8px; -} -.mr-\[8px\] { - margin-right: 8px; -} -.mb-12 { - margin-bottom: 3rem; -} -.mt-\[29px\] { - margin-top: 29px; -} -.mb-3 { - margin-bottom: 0.75rem; -} -.mt-\[32px\] { - margin-top: 32px; -} -.block { - display: block; -} -.flex { - display: flex; -} -.inline-flex { - display: inline-flex; -} -.grid { - display: grid; -} -.hidden { - display: none; -} -.h-full { - height: 100%; -} -.h-auto { - height: auto; -} -.h-\[72px\] { - height: 72px; -} -.h-4 { - height: 1rem; -} -.h-\[4px\] { - height: 4px; -} -.h-\[130px\] { - height: 130px; -} -.max-h-\[0px\] { - max-height: 0px; -} -.w-full { - width: 100%; -} -.w-\[50px\] { - width: 50px; -} -.w-\[72px\] { - width: 72px; -} -.w-\[14px\] { - width: 14px; -} -.w-4 { - width: 1rem; -} -.w-\[71px\] { - width: 71px; -} -.w-64 { - width: 16rem; -} -.max-w-4xl { - max-width: 56rem; -} -.max-w-sm { - max-width: 24rem; -} -.max-w-\[110px\] { - max-width: 110px; -} -.flex-1 { - flex: 1 1 0%; -} -.translate-x-1\/2 { - --tw-translate-x: 50%; - transform: var(--tw-transform); -} -.-translate-y-1\/2 { - --tw-translate-y: -50%; - transform: var(--tw-transform); -} -.rotate-180 { - --tw-rotate: 180deg; - transform: var(--tw-transform); -} -.rotate-0 { - --tw-rotate: 0deg; - transform: var(--tw-transform); -} -.scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: var(--tw-transform); -} -.transform { - transform: var(--tw-transform); -} -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} -.grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); -} -.flex-col { - flex-direction: column; -} -.flex-wrap { - flex-wrap: wrap; -} -.items-start { - align-items: flex-start; -} -.items-center { - align-items: center; -} -.justify-start { - justify-content: flex-start; -} -.justify-end { - justify-content: flex-end; -} -.justify-center { - justify-content: center; -} -.justify-between { - justify-content: space-between; -} -.gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; -} -.gap-y-12 { - row-gap: 3rem; -} -.gap-y-\[48px\] { - row-gap: 48px; -} -.gap-y-\[24px\] { - row-gap: 24px; -} -.gap-y-\[40px\] { - row-gap: 40px; -} -.space-x-\[12px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12px * var(--tw-space-x-reverse)); - margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse))); -} -.space-x-\[0\.44rem\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.44rem * var(--tw-space-x-reverse)); - margin-left: calc(0.44rem * calc(1 - var(--tw-space-x-reverse))); -} -.space-y-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); -} -.space-x-\[18px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18px * var(--tw-space-x-reverse)); - margin-left: calc(18px * calc(1 - var(--tw-space-x-reverse))); -} -.space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); -} -.space-y-\[24px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24px * var(--tw-space-y-reverse)); -} -.space-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); -} -.space-y-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); -} -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} -.space-y-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); -} -.space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); -} -.space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); -} -.space-x-\[136px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(136px * var(--tw-space-x-reverse)); - margin-left: calc(136px * calc(1 - var(--tw-space-x-reverse))); -} -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} -.space-x-\[32px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(32px * var(--tw-space-x-reverse)); - margin-left: calc(32px * calc(1 - var(--tw-space-x-reverse))); -} -.space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); -} -.space-x-\[-27px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-27px * var(--tw-space-x-reverse)); - margin-left: calc(-27px * calc(1 - var(--tw-space-x-reverse))); -} -.overflow-hidden { - overflow: hidden; -} -.rounded-md { - border-radius: 0.375rem; -} -.rounded-full { - border-radius: 9999px; -} -.rounded-\[1\.5rem\] { - border-radius: 1.5rem; -} -.rounded-xl { - border-radius: 0.75rem; -} -.rounded-3xl { - border-radius: 1.5rem; -} -.border-\[1px\] { - border-width: 1px; -} -.border { - border-width: 1px; -} -.border-t-\[1px\] { - border-top-width: 1px; -} -.border-b-\[1px\] { - border-bottom-width: 1px; -} -.border-primary-300 { - --tw-border-opacity: 1; - border-color: rgba(192, 13, 83, var(--tw-border-opacity)); -} -.border-neutral-150 { - --tw-border-opacity: 1; - border-color: rgba(55, 59, 77, var(--tw-border-opacity)); -} -.border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); -} -.border-neutral-170 { - --tw-border-opacity: 1; - border-color: rgba(40, 42, 59, var(--tw-border-opacity)); -} -.bg-primary-200 { - --tw-bg-opacity: 1; - background-color: rgba(218, 26, 91, var(--tw-bg-opacity)); -} -.bg-neutral-300 { - --tw-bg-opacity: 1; - background-color: rgba(27, 27, 40, var(--tw-bg-opacity)); -} -.bg-neutral-170 { - --tw-bg-opacity: 1; - background-color: rgba(40, 42, 59, var(--tw-bg-opacity)); -} -.bg-neutral-200 { - --tw-bg-opacity: 1; - background-color: rgba(20, 20, 31, var(--tw-bg-opacity)); -} -.bg-neutral-190 { - --tw-bg-opacity: 1; - background-color: rgba(27, 27, 40, var(--tw-bg-opacity)); -} -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); -} -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); -} -.bg-\[\#F02E65\] { - --tw-bg-opacity: 1; - background-color: rgba(240, 46, 101, var(--tw-bg-opacity)); -} -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); -} -.from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); -} -.via-neutral-190\/95 { - --tw-gradient-stops: var(--tw-gradient-from), rgba(27, 27, 40, 0.95), - var(--tw-gradient-to, rgba(27, 27, 40, 0)); -} -.to-neutral-190 { - --tw-gradient-to: #1b1b28; -} -.p-\[2\.75rem\] { - padding: 2.75rem; -} -.p-4 { - padding: 1rem; -} -.p-8 { - padding: 2rem; -} -.p-2 { - padding: 0.5rem; -} -.p-0 { - padding: 0px; -} -.p-\[24px\] { - padding: 24px; -} -.p-\[32px\] { - padding: 32px; -} -.px-\[24px\] { - padding-left: 24px; - padding-right: 24px; -} -.py-\[12px\] { - padding-top: 12px; - padding-bottom: 12px; -} -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.py-\[64px\] { - padding-top: 64px; - padding-bottom: 64px; -} -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} -.px-\[32px\] { - padding-left: 32px; - padding-right: 32px; -} -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} -.py-\[26px\] { - padding-top: 26px; - padding-bottom: 26px; -} -.py-\[80px\] { - padding-top: 80px; - padding-bottom: 80px; -} -.py-\[18px\] { - padding-top: 18px; - padding-bottom: 18px; -} -.py-\[4px\] { - padding-top: 4px; - padding-bottom: 4px; -} -.px-\[12px\] { - padding-left: 12px; - padding-right: 12px; -} -.pt-\[80px\] { - padding-top: 80px; -} -.pb-\[3rem\] { - padding-bottom: 3rem; -} -.pt-3\.5 { - padding-top: 0.875rem; -} -.pb-8 { - padding-bottom: 2rem; -} -.pt-3 { - padding-top: 0.75rem; -} -.pb-0 { - padding-bottom: 0px; -} -.pt-\[8\.75rem\] { - padding-top: 8.75rem; -} -.pb-40 { - padding-bottom: 10rem; -} -.pb-\[24px\] { - padding-bottom: 24px; -} -.pt-40 { - padding-top: 10rem; -} -.pb-\[100px\] { - padding-bottom: 100px; -} -.text-left { - text-align: left; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; -} -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} -.text-\[40px\] { - font-size: 40px; -} -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} -.text-\[14px\] { - font-size: 14px; -} -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} -.text-\[32px\] { - font-size: 32px; -} -.text-\[12px\] { - font-size: 12px; -} -.text-\[0\.6rem\] { - font-size: 0.6rem; -} -.font-semibold { - font-weight: 600; -} -.uppercase { - text-transform: uppercase; -} -.leading-snug { - line-height: 1.375; -} -.leading-relaxed { - line-height: 1.625; -} -.leading-tight { - line-height: 1.25; -} -.tracking-\[2px\] { - letter-spacing: 2px; -} -.text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); -} -.text-\[\#F02E65\] { - --tw-text-opacity: 1; - color: rgba(240, 46, 101, var(--tw-text-opacity)); -} -.text-neutral-30 { - --tw-text-opacity: 1; - color: rgba(196, 198, 215, var(--tw-text-opacity)); -} -.text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); -} -.text-neutral-5 { - --tw-text-opacity: 1; - color: rgba(252, 252, 255, var(--tw-text-opacity)); -} -.text-primary { - --tw-text-opacity: 1; - color: rgba(240, 46, 101, var(--tw-text-opacity)); -} -.text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} -.text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); -} -.text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); -} -.text-\[\#808080\] { - --tw-text-opacity: 1; - color: rgba(128, 128, 128, var(--tw-text-opacity)); -} -.opacity-100 { - opacity: 1; -} -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px 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); -} -.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); -} -.blur { - --tw-blur: blur(8px); - filter: var(--tw-filter); -} -.drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) - drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); - filter: var(--tw-filter); -} -.filter { - filter: var(--tw-filter); -} -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, - transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, - transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, - transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.duration-300 { - transition-duration: 300ms; -} -.duration-200 { - transition-duration: 200ms; -} -.duration-500 { - transition-duration: 500ms; -} -.line-clamp-1 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; -} - -body { - font-family: 'Inter', sans-serif, -apple-system, system-ui, BlinkMacSystemFont; -} - -.hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; - transform: var(--tw-transform); -} - -.hover\:scale-\[102\%\]:hover { - --tw-scale-x: 102%; - --tw-scale-y: 102%; - transform: var(--tw-transform); -} - -.hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); -} - -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); -} - -.hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -.hover\:text-\[\#F02E65\]:hover { - --tw-text-opacity: 1; - color: rgba(240, 46, 101, var(--tw-text-opacity)); -} - -.focus\:ring: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(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-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); -} - -.focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); -} - -.group:hover .group-hover\:max-h-\[50px\] { - max-height: 50px; -} - -.group:hover .group-hover\:rotate-6 { - --tw-rotate: 6deg; - transform: var(--tw-transform); -} - -.group:hover .group-hover\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; - transform: var(--tw-transform); -} - -.group:hover .group-hover\:opacity-0 { - opacity: 0; -} - -.group:hover .group-hover\:brightness-110 { - --tw-brightness: brightness(1.1); - filter: var(--tw-filter); -} - -.group:hover .group-hover\:filter { - filter: var(--tw-filter); -} - -@media (min-width: 640px) { - .sm\:block { - display: block; - } - - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } -} - -@media (min-width: 768px) { - .md\:order-last { - order: 9999; - } - - .md\:col-span-6 { - grid-column: span 6 / span 6; - } - - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; - } - - .md\:mt-0 { - margin-top: 0px; - } - - .md\:ml-3 { - margin-left: 0.75rem; - } - - .md\:block { - display: block; - } - - .md\:flex { - display: flex; - } - - .md\:hidden { - display: none; - } - - .md\:h-14 { - height: 3.5rem; - } - - .md\:w-14 { - width: 3.5rem; - } - - .md\:flex-row { - flex-direction: row; - } - - .md\:items-start { - align-items: flex-start; - } - - .md\:justify-start { - justify-content: flex-start; - } - - .md\:justify-between { - justify-content: space-between; - } - - .md\:gap-3 { - gap: 0.75rem; - } - - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .md\:space-x-\[24px\] > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24px * var(--tw-space-x-reverse)); - margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse))); - } - - .md\:text-left { - text-align: left; - } - - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .md\:font-semibold { - font-weight: 600; - } -} - -@media (min-width: 1024px) { - .lg\:container { - width: 100%; - } - - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } - } - - .lg\:col-span-5 { - grid-column: span 5 / span 5; - } - - .lg\:col-span-7 { - grid-column: span 7 / span 7; - } - - .lg\:col-span-4 { - grid-column: span 4 / span 4; - } - - .lg\:col-span-8 { - grid-column: span 8 / span 8; - } - - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; - } - - .lg\:mt-\[7\.375rem\] { - margin-top: 7.375rem; - } - - .lg\:mb-\[5rem\] { - margin-bottom: 5rem; - } - - .lg\:mt-60 { - margin-top: 15rem; - } - - .lg\:mt-44 { - margin-top: 11rem; - } - - .lg\:block { - display: block; - } - - .lg\:h-full { - height: 100%; - } - - .lg\:max-w-lg { - max-width: 32rem; - } - - .lg\:max-w-none { - max-width: none; - } - - .lg\:max-w-md { - max-width: 28rem; - } - - .lg\:max-w-sm { - max-width: 24rem; - } - - .lg\:flex-1 { - flex: 1 1 0%; - } - - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); - } - - .lg\:flex-row { - flex-direction: row; - } - - .lg\:flex-nowrap { - flex-wrap: nowrap; - } - - .lg\:items-start { - align-items: flex-start; - } - - .lg\:justify-start { - justify-content: flex-start; - } - - .lg\:gap-12 { - gap: 3rem; - } - - .lg\:gap-\[40px\] { - gap: 40px; - } - - .lg\:gap-x-\[40px\] { - -moz-column-gap: 40px; - column-gap: 40px; - } - - .lg\:gap-y-\[80px\] { - row-gap: 80px; - } - - .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .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\:p-\[3\.375rem\] { - padding: 3.375rem; - } - - .lg\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } - - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .lg\:pl-20 { - padding-left: 5rem; - } - - .lg\:text-left { - text-align: left; - } - - .lg\:text-\[48px\] { - font-size: 48px; - } - - .lg\:text-\[2rem\] { - font-size: 2rem; - } -} - -@media (min-width: 1280px) { - .xl\:flex-row { - flex-direction: row; - } - - .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); - } -} diff --git a/static/banner.png b/static/banner.png index 7320e29..bd40fe8 100644 Binary files a/static/banner.png and b/static/banner.png differ diff --git a/static/console.png b/static/console.png index 6abcf6d..cd83535 100644 Binary files a/static/console.png and b/static/console.png differ diff --git a/static/hacktoberfest.svg b/static/hacktoberfest.svg index 408de39..c6e6b44 100644 --- a/static/hacktoberfest.svg +++ b/static/hacktoberfest.svg @@ -1,43 +1,322 @@ - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +