diff options
| -rw-r--r-- | static/neOwOfetch/index.html | 109 | ||||
| -rw-r--r-- | static/neOwOfetch/style.css | 520 |
2 files changed, 629 insertions, 0 deletions
diff --git a/static/neOwOfetch/index.html b/static/neOwOfetch/index.html new file mode 100644 index 0000000..5b2f1a1 --- /dev/null +++ b/static/neOwOfetch/index.html @@ -0,0 +1,109 @@ +<!DOCTYPE html> +<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<link rel="stylesheet" href="style.css"> + +<meta content="NeOwOfetch" property="og:title" /> +<meta content="(its not that great)" property="og:description" /> +<meta content="https://exhq.gay/neowofetch" property="og:url" /> + <meta name="viewport" content="width=device-width"> + <title>neOwOfetch</title> + + <body class="bg-dn-black text-white" data-new-gr-c-s-check-loaded="14.1080.0" data-gr-ext-installed=""> + <div class="bg-blurple"> + <a id="install"></a> + <nav class="nav-area p-4 flex justify-center items-center gap-x-16 leading-10 md:flex-row flex-col"> + <a href="https://exhq.gay/neOwOfetch" class=" lg:mr-36"> + <img class="w-36" src="https://cdn.discordapp.com/attachments/917977729322872853/1025464126299971644/big_rat.png" alt="Cumcord"> + </a> + + <div class="md:contents gap-x-16 flex mt-4 flex-wrap"> + <a href="https://github.com/exhq/neowofetch">install</a> + <a href="https://github.com/exhq/neowofetch">install</a> + <a href="https://github.com/exhq/neowofetch">install</a> + <a href="https://github.com/exhq/neowofetch">install</a> + </div> + + <a href="https://github.com/exhq/neowofetch" class="hover:shadow-xl transition-shadow rounded-full bg-white text-black py-2 px-8 justify-center items-center md:inline-block hidden leading-none lg:ml-36 w-36 h-10 install-button"> + install +</a> + +</nav> + <div class="hero-area flex flex-col pt-24 pb-24 text-center"> + <div class="font-rubik text-5xl">IMAGINE A SCRIPT...</div> + <div class="pt-8 text-xl leading-snug"> + <p>...that breaks every 2 seconds</p> + <p>doesnt work on half of distros</p> + <p>a command that you can break by literally doing nothing</p> + </div> + + <a href="https://github.com/exhq/neowofetch" class="hover:shadow-xl transition-shadow rounded-full bg-white text-black py-2 px-8 justify-center items-center w-48 mx-auto my-4 h-12 install-button"> + Install neOwOfetch +</a> + +<a href="https://cumcord.com/#" class="hover:shadow-xl transition-shadow rounded-full bg-white text-black py-2 px-8 justify-center items-center w-48 mx-auto my-4 h-12 back-button"> + Install Cumcord +</a> + + </div><div class="bg-white text-nq-black p-28"> + + <div class="flex justify-center flex-col-reverse gap-16 lg:flex-row"> + + <img class="rounded-xl self-center shadow-2xl" src="https://camo.githubusercontent.com/b49731ff7b4886372b55f537d8e5ada908b5af6c95bbb0ad1a79de9a705b8eef/68747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f3931373937373732393332323837323835332f313032323739363238323139383233373235342f323032322d30392d32335f31322d33362e706e67"> + + <div class="self-center"> + <div class="text-6xl font-bold pb-4 tracking-tighter">get your specs!</div> + <div class="text-lg"> + + your computer is probably shit anyways + + </div> + </div> + </div> + +</div><div class="bg-gray-100 text-nq-black p-28"> + + <div class="flex justify-center flex-col-reverse gap-16 lg:flex-row-reverse"> + + <img class="rounded-xl self-center shadow-2xl" src="https://cdn.discordapp.com/attachments/917977729322872853/1025467496393879652/unknown.png"> + + <div class="self-center"> + <div class="text-6xl font-bold pb-4 tracking-tighter">spam your console with random base64!</div> + <div class="text-lg"> + + nea please add kitty support + + </div> + </div> + </div> + +</div><div class="bg-white text-nq-black p-28"> + + <div class="flex justify-center flex-col-reverse gap-16 lg:flex-row"> + + <img class="rounded-xl self-center shadow-2xl" src="https://cdn.discordapp.com/attachments/917977729322872853/1025467922291888308/unknown.png"> + + <div class="self-center"> + <div class="text-6xl font-bold pb-4 tracking-tighter">break the script!</div> + <div class="text-lg"> + its not a bug its a feature + </div> + </div> + </div> + +</div><div class="bg-gray-100 text-nq-black p-28"> + + <div class="flex justify-center flex-col-reverse gap-16 lg:flex-row-reverse"> + + <img class="rounded-xl self-center shadow-2xl" src="https://camo.githubusercontent.com/9ac0e9c0791c3dfa2ee49eba4ab45ee0bf840bc9b9fafe0adb0390309da30af8/68747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f3931373937373732393332323837323835332f313032323739373039393234383635363434352f323032322d30392d32335f31322d34302e706e67"> + + <div class="self-center"> + <div class="text-6xl font-bold pb-4 tracking-tighter">saul</div> + <div class="text-lg"> + + saul + + </div> + </div> + </div> + + </body></html>
\ No newline at end of file diff --git a/static/neOwOfetch/style.css b/static/neOwOfetch/style.css new file mode 100644 index 0000000..cae3ab1 --- /dev/null +++ b/static/neOwOfetch/style.css @@ -0,0 +1,520 @@ +@import"https://rsms.me/inter/inter.css"; +@import"https://fonts.googleapis.com/css2?family=Rubik:wght@900&display=swap"; +*,::before,::after{ + --un-rotate:0; + --un-rotate-x:0; + --un-rotate-y:0; + --un-rotate-z:0; + --un-scale-x:1; + --un-scale-y:1; + --un-scale-z:1; + --un-skew-x:0; + --un-skew-y:0; + --un-translate-x:0; + --un-translate-y:0; + --un-translate-z:0; + --un-pan-x: ; + --un-pan-y: ; + --un-pinch-zoom: ; + --un-scroll-snap-strictness:proximity; + --un-ordinal: ; + --un-slashed-zero: ; + --un-numeric-figure: ; + --un-numeric-spacing: ; + --un-numeric-fraction: ; + --un-border-spacing-x:0; + --un-border-spacing-y:0; + --un-ring-offset-shadow:0 0 rgba(0,0,0,0); + --un-ring-shadow:0 0 rgba(0,0,0,0); + --un-shadow-inset: ; + --un-shadow:0 0 rgba(0,0,0,0); + --un-ring-inset: ; + --un-ring-offset-width:0px; + --un-ring-offset-color:#fff; + --un-ring-width:0px; + --un-ring-color:rgba(147,197,253,0.5); + --un-blur: ; + --un-brightness: ; + --un-contrast: ; + --un-drop-shadow: ; + --un-grayscale: ; + --un-hue-rotate: ; + --un-invert: ; + --un-saturate: ; + --un-sepia: ; + --un-backdrop-blur: ; + --un-backdrop-brightness: ; + --un-backdrop-contrast: ; + --un-backdrop-grayscale: ; + --un-backdrop-hue-rotate: ; + --un-backdrop-invert: ; + --un-backdrop-opacity: ; + --un-backdrop-saturate: ; + --un-backdrop-sepia: ; +} +::backdrop{ + --un-rotate:0; + --un-rotate-x:0; + --un-rotate-y:0; + --un-rotate-z:0; + --un-scale-x:1; + --un-scale-y:1; + --un-scale-z:1; + --un-skew-x:0; + --un-skew-y:0; + --un-translate-x:0; + --un-translate-y:0; + --un-translate-z:0; + --un-pan-x: ; + --un-pan-y: ; + --un-pinch-zoom: ; + --un-scroll-snap-strictness:proximity; + --un-ordinal: ; + --un-slashed-zero: ; + --un-numeric-figure: ; + --un-numeric-spacing: ; + --un-numeric-fraction: ; + --un-border-spacing-x:0; + --un-border-spacing-y:0; + --un-ring-offset-shadow:0 0 rgba(0,0,0,0); + --un-ring-shadow:0 0 rgba(0,0,0,0); + --un-shadow-inset: ; + --un-shadow:0 0 rgba(0,0,0,0); + --un-ring-inset: ; + --un-ring-offset-width:0px; + --un-ring-offset-color:#fff; + --un-ring-width:0px; + --un-ring-color:rgba(147,197,253,0.5); + --un-blur: ; + --un-brightness: ; + --un-contrast: ; + --un-drop-shadow: ; + --un-grayscale: ; + --un-hue-rotate: ; + --un-invert: ; + --un-saturate: ; + --un-sepia: ; + --un-backdrop-blur: ; + --un-backdrop-brightness: ; + --un-backdrop-contrast: ; + --un-backdrop-grayscale: ; + --un-backdrop-hue-rotate: ; + --un-backdrop-invert: ; + --un-backdrop-opacity: ; + --un-backdrop-saturate: ; + --un-backdrop-sepia: ; +} +.mx-auto{ + margin-left:auto; + margin-right:auto; +} +.my-4{ + margin-top:1rem; + margin-bottom:1rem; +} +.mb-4{ + margin-bottom:1rem; +} +.mt-2{ + margin-top:0.5rem; +} +.mt-4{ + margin-top:1rem; +} +.hidden{ + display:none; +} +.h-10{ + height:2.5rem; +} +.h-12{ + height:3rem; +} +.w-\[34rem\]{ + width:34rem; +} +.w-36{ + width:30rem; +} +.w-48{ + width:12rem; +} +.flex{ + display:flex; +} +.flex-col{ + flex-direction:column; +} +.flex-col-reverse{ + flex-direction:column-reverse; +} +.flex-wrap{ + flex-wrap:wrap; +} +.hover\:cursor-pointer:hover{ + cursor:pointer; +} +.items-center{ + align-items:center; +} +.self-center{ + align-self:center; +} +.justify-center{ + justify-content:center; +} +.gap-16{ + grid-gap:4rem; + gap:4rem; +} +.gap-2{ + grid-gap:0.5rem; + gap:0.5rem; +} +.gap-x-16{ + grid-column-gap:4rem; + column-gap:4rem; +} +.rounded-full{ + border-radius:9999px; +} +.rounded-md{ + border-radius:0.375rem; +} +.rounded-sm{ + border-radius:0.125rem; +} +.rounded-xl{ + border-radius:0.75rem; +} +.bg-blurple{ + --un-bg-opacity:1; + background-color:rgba(114,137,218,var(--un-bg-opacity)); +} +.bg-dn-black{ + --un-bg-opacity:1; + background-color:rgba(44,47,51,var(--un-bg-opacity)); +} +.bg-gray-100{ + --un-bg-opacity:1; + background-color:rgba(243,244,246,var(--un-bg-opacity)); +} +.bg-nq-black{ + --un-bg-opacity:1; + background-color:rgba(35,39,42,var(--un-bg-opacity)); +} +.bg-white{ + --un-bg-opacity:1; + background-color:rgba(255,255,255,var(--un-bg-opacity)); +} +.p-1{ + padding:0.25rem; +} +.p-28{ + padding:7rem; +} +.p-4{ + padding:1rem; +} +.p-6{ + padding:1.5rem; +} +.px-8{ + padding-left:2rem; + padding-right:2rem; +} +.py-2{ + padding-top:0.5rem; + padding-bottom:0.5rem; +} +.pb-24{ + padding-bottom:6rem; +} +.pb-4{ + padding-bottom:1rem; +} +.pt-24{ + padding-top:6rem; +} +.pt-8{ + padding-top:2rem; +} +.text-center{ + text-align:center; +} +.font-rubik{ + font-family:Rubik,sans-serif; +} +.text-3xl{ + font-size:1.875rem; + line-height:2.25rem; +} +.text-5xl{ + font-size:3rem; + line-height:1; +} +.text-6xl{ + font-size:1.75rem; + line-height:1; +} +.text-lg{ + font-size:1.125rem; + line-height:1.75rem; +} +.text-xl{ + font-size:1.25rem; + line-height:1.75rem; +} +.font-bold{ + font-weight:700; +} +.font-medium{ + font-weight:500; +} +.font-semibold{ + font-weight:600; +} +.leading-10{ + line-height:2.5rem; +} +.leading-none{ + line-height:1; +} +.leading-snug{ + line-height:1.375; +} +.tracking-tighter{ + letter-spacing:-0.05em; +} +.text-black{ + --un-text-opacity:1; + color:rgba(0,0,0,var(--un-text-opacity)); +} +.text-blurple{ + --un-text-opacity:1; + color:rgba(114,137,218,var(--un-text-opacity)); +} +.text-nq-black{ + --un-text-opacity:1; + color:rgba(35,39,42,var(--un-text-opacity)); +} +.text-red-600{ + --un-text-opacity:1; + color:rgba(220,38,38,var(--un-text-opacity)); +} +.text-white{ + --un-text-opacity:1; + color:rgba(255,255,255,var(--un-text-opacity)); +} +.hover\:shadow-xl:hover{ + --un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1)); + box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow); +} +.shadow-2xl{ + --un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgba(0,0,0,0.25)); + box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow); +} +.ring-1{ + --un-ring-width:1px; + --un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color); + --un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color); + box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow); +} +.ring-gray-700{ + --un-ring-opacity:1; + --un-ring-color:rgba(55,65,81,var(--un-ring-opacity)); +} +.transition-shadow{ + transition-property:box-shadow; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms; +} +@media (min-width: 768px){ + .md\:inline-block{ + display:inline-block; + } + .md\:contents{ + display:contents; + } + .md\:flex-row{ + flex-direction:row; + } +} +@media (min-width: 1024px){ + .lg\:ml-36{ + margin-left:9rem; + } + .lg\:mr-36{ + margin-right:9rem; + } + .lg\:flex-row{ + flex-direction:row; + } + .lg\:flex-row-reverse{ + flex-direction:row-reverse; + } +} +details>summary{ + list-style:none +} +details>summary::-webkit-details-marker{ + display:none +} +#install~.hero-area,#install~.nav-area{ + --sect-show: none; + --inst-back-btn-show: none; + --inst-btn-show: flex +} +#install~.hero-area>.install-section,#install~.nav-area>.install-section{ + display:var(--sect-show) +} +#install~.hero-area>.back-button,#install~.nav-area>.back-button{ + display:var(--inst-back-btn-show) +} +#install~.hero-area>.install-button,#install~.nav-area>.install-button{ + display:var(--inst-btn-show) +} +#install:target~.hero-area,#install:target~.nav-area{ + --sect-show: block; + --inst-back-btn-show: flex; + --inst-btn-show: none +} +*,:before,:after{ + box-sizing:border-box; + border-width:0; + border-style:solid; + border-color:#e5e7eb +} +html{ + line-height:1.5; + -webkit-text-size-adjust:100%; + -moz-tab-size:4; + tab-size:4; + 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" +} +body{ + margin:0; + line-height:inherit +} +hr{ + height:0; + color:inherit; + border-top-width:1px +} +abbr:where([title]){ + text-decoration:underline dotted +} +h1,h2,h3,h4,h5,h6{ + font-size:inherit; + font-weight:inherit +} +a{ + color:inherit; + text-decoration:inherit +} +b,strong{ + font-weight:bolder +} +code,kbd,samp,pre{ + font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + font-size:1em +} +small{ + font-size:80% +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline +} +sub{ + bottom:-.25em +} +sup{ + top:-.5em +} +table{ + text-indent:0; + border-color:inherit; + border-collapse:collapse +} +button,input,optgroup,select,textarea{ + font-family:inherit; + font-size:100%; + font-weight:inherit; + line-height:inherit; + color:inherit; + margin:0; + padding:0 +} +button,select{ + text-transform:none +} +button,[type=button],[type=reset],[type=submit]{ + -webkit-appearance:button; + background-color:transparent; + background-image:none +} +:-moz-focusring{ + outline:auto +} +:-moz-ui-invalid{ + box-shadow:none +} +progress{ + vertical-align:baseline +} +::-webkit-inner-spin-button,::-webkit-outer-spin-button{ + height:auto +} +[type=search]{ + -webkit-appearance:textfield; + outline-offset:-2px +} +::-webkit-search-decoration{ + -webkit-appearance:none +} +::-webkit-file-upload-button{ + -webkit-appearance:button; + font:inherit +} +summary{ + display:list-item +} +blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{ + margin:0 +} +fieldset{ + margin:0; + padding:0 +} +legend{ + padding:0 +} +ol,ul,menu{ + list-style:none; + margin:0; + padding:0 +} +textarea{ + resize:vertical +} +input::placeholder,textarea::placeholder{ + opacity:1; + color:#9ca3af +} +button,[role=button]{ + cursor:pointer +} +:disabled{ + cursor:default +} +img,svg,video,canvas,audio,iframe,embed,object{ + display:block; +} +img,video{ + max-width:100%; + height:auto +} +
\ No newline at end of file |