This commit is contained in:
Gnawmon 2024-01-28 19:17:04 +03:00
parent d2b8c38ded
commit 435f0aa0c4
4 changed files with 367 additions and 8 deletions

Binary file not shown.

307
fetch.css Normal file
View File

@ -0,0 +1,307 @@
@font-face {
font-family: 'InconsolataLGCNerdFont-Regular';
src: url("InconsolataLGCNerdFont-Regular.ttf") format("opentype");
font-style: normal;
}
.term-container {
background: #090909a3;
border-radius: 5px;
color: white;
font-family: 'InconsolataLGCNerdFont-Regular';
font-size: 12px;
line-height: 15px;
padding: 14px 18px;
word-break: break-word;
overflow-wrap: break-word;
white-space: pre;
overflow:auto;
}
.term-container img { max-width: 100%; }
.term a { color: inherit; text-decoration: underline; text-decoration-style: dashed; }
.term a:hover { color: #2882F9 }
@keyframes blink-animation {
to {
visibility: hidden;
}
}
.term-fg1 { } /* don't bold beccause it looks weird */
.term-fg2 { color: #838887; } /* faint (decreased intensity) - same as gray really */
.term-fg3 { font-style: italic; } /* italic */
.term-fg4 { text-decoration: underline; } /* underline */
.term-fg5 { animation: blink-animation 1s steps(3, start) infinite; } /* blink */
.term-fg9 { text-decoration: line-through; } /* crossed-out */
.term-fg30 { color: #666666; } /* black (but we can't use black, so a diff color) */
.term-fg31 { color: #ff7070; } /* red */
.term-fg32 { color: #b0f986; } /* green */
.term-fg33 { color: #c6c502; } /* yellow */
.term-fg34 { color: #8db7e0; } /* blue */
.term-fg35 { color: #f271fb; } /* magenta */
.term-fg36 { color: #6bf7ff; } /* cyan */
/* high intense colors */
.term-fgi1 { color: #5ef765; }
.term-fgi90 { color: #838887; } /* grey */
.term-fgi91 { color: #ff3333; } /* red */
.term-fgi92 { color: #00FF00; } /* green */
.term-fgi93 { color: #fffc67; } /* yellow */
.term-fgi94 { color: #6871ff; } /* blue */
.term-fgi95 { color: #ff76ff; } /* magenta */
.term-fgi96 { color: #60fcff; } /* cyan */
/* background colors */
.term-bg40 { background: #676767; } /* grey */
.term-bg41 { background: #ff4343; } /* red */
.term-bg42 { background: #99ff5f; } /* green */
/* custom foreground/background combos for readability */
.term-fg31.term-bg40 { color: #F8A39F; }
/* xterm colors */
.term-fgx16 { color: #000000; }
.term-fgx17 { color: #00005f; }
.term-fgx18 { color: #000087; }
.term-fgx19 { color: #0000af; }
.term-fgx20 { color: #0000d7; }
.term-fgx21 { color: #0000ff; }
.term-fgx22 { color: #005f00; }
.term-fgx23 { color: #005f5f; }
.term-fgx24 { color: #005f87; }
.term-fgx25 { color: #005faf; }
.term-fgx26 { color: #005fd7; }
.term-fgx27 { color: #005fff; }
.term-fgx28 { color: #008700; }
.term-fgx29 { color: #00875f; }
.term-fgx30 { color: #008787; }
.term-fgx31 { color: #0087af; }
.term-fgx32 { color: #0087d7; }
.term-fgx33 { color: #0087ff; }
.term-fgx34 { color: #00af00; }
.term-fgx35 { color: #00af5f; }
.term-fgx36 { color: #00af87; }
.term-fgx37 { color: #00afaf; }
.term-fgx38 { color: #00afd7; }
.term-fgx39 { color: #00afff; }
.term-fgx40 { color: #00d700; }
.term-fgx41 { color: #00d75f; }
.term-fgx42 { color: #00d787; }
.term-fgx43 { color: #00d7af; }
.term-fgx44 { color: #00d7d7; }
.term-fgx45 { color: #00d7ff; }
.term-fgx46 { color: #00ff00; }
.term-fgx47 { color: #00ff5f; }
.term-fgx48 { color: #00ff87; }
.term-fgx49 { color: #00ffaf; }
.term-fgx50 { color: #00ffd7; }
.term-fgx51 { color: #00ffff; }
.term-fgx52 { color: #5f0000; }
.term-fgx53 { color: #5f005f; }
.term-fgx54 { color: #5f0087; }
.term-fgx55 { color: #5f00af; }
.term-fgx56 { color: #5f00d7; }
.term-fgx57 { color: #5f00ff; }
.term-fgx58 { color: #5f5f00; }
.term-fgx59 { color: #5f5f5f; }
.term-fgx60 { color: #5f5f87; }
.term-fgx61 { color: #5f5faf; }
.term-fgx62 { color: #5f5fd7; }
.term-fgx63 { color: #5f5fff; }
.term-fgx64 { color: #5f8700; }
.term-fgx65 { color: #5f875f; }
.term-fgx66 { color: #5f8787; }
.term-fgx67 { color: #5f87af; }
.term-fgx68 { color: #5f87d7; }
.term-fgx69 { color: #5f87ff; }
.term-fgx70 { color: #5faf00; }
.term-fgx71 { color: #5faf5f; }
.term-fgx72 { color: #5faf87; }
.term-fgx73 { color: #5fafaf; }
.term-fgx74 { color: #5fafd7; }
.term-fgx75 { color: #5fafff; }
.term-fgx76 { color: #5fd700; }
.term-fgx77 { color: #5fd75f; }
.term-fgx78 { color: #5fd787; }
.term-fgx79 { color: #5fd7af; }
.term-fgx80 { color: #5fd7d7; }
.term-fgx81 { color: #5fd7ff; }
.term-fgx82 { color: #5fff00; }
.term-fgx83 { color: #5fff5f; }
.term-fgx84 { color: #5fff87; }
.term-fgx85 { color: #5fffaf; }
.term-fgx86 { color: #5fffd7; }
.term-fgx87 { color: #5fffff; }
.term-fgx88 { color: #870000; }
.term-fgx89 { color: #87005f; }
.term-fgx90 { color: #870087; }
.term-fgx91 { color: #8700af; }
.term-fgx92 { color: #8700d7; }
.term-fgx93 { color: #8700ff; }
.term-fgx94 { color: #875f00; }
.term-fgx95 { color: #875f5f; }
.term-fgx96 { color: #875f87; }
.term-fgx97 { color: #875faf; }
.term-fgx98 { color: #875fd7; }
.term-fgx99 { color: #875fff; }
.term-fgx100 { color: #878700; }
.term-fgx101 { color: #87875f; }
.term-fgx102 { color: #878787; }
.term-fgx103 { color: #8787af; }
.term-fgx104 { color: #8787d7; }
.term-fgx105 { color: #8787ff; }
.term-fgx106 { color: #87af00; }
.term-fgx107 { color: #87af5f; }
.term-fgx108 { color: #87af87; }
.term-fgx109 { color: #87afaf; }
.term-fgx110 { color: #87afd7; }
.term-fgx111 { color: #87afff; }
.term-fgx112 { color: #87d700; }
.term-fgx113 { color: #87d75f; }
.term-fgx114 { color: #87d787; }
.term-fgx115 { color: #87d7af; }
.term-fgx116 { color: #87d7d7; }
.term-fgx117 { color: #87d7ff; }
.term-fgx118 { color: #87ff00; }
.term-fgx119 { color: #87ff5f; }
.term-fgx120 { color: #87ff87; }
.term-fgx121 { color: #87ffaf; }
.term-fgx122 { color: #87ffd7; }
.term-fgx123 { color: #87ffff; }
.term-fgx124 { color: #af0000; }
.term-fgx125 { color: #af005f; }
.term-fgx126 { color: #af0087; }
.term-fgx127 { color: #af00af; }
.term-fgx128 { color: #af00d7; }
.term-fgx129 { color: #af00ff; }
.term-fgx130 { color: #af5f00; }
.term-fgx131 { color: #af5f5f; }
.term-fgx132 { color: #af5f87; }
.term-fgx133 { color: #af5faf; }
.term-fgx134 { color: #af5fd7; }
.term-fgx135 { color: #af5fff; }
.term-fgx136 { color: #af8700; }
.term-fgx137 { color: #af875f; }
.term-fgx138 { color: #af8787; }
.term-fgx139 { color: #af87af; }
.term-fgx140 { color: #af87d7; }
.term-fgx141 { color: #af87ff; }
.term-fgx142 { color: #afaf00; }
.term-fgx143 { color: #afaf5f; }
.term-fgx144 { color: #afaf87; }
.term-fgx145 { color: #afafaf; }
.term-fgx146 { color: #afafd7; }
.term-fgx147 { color: #afafff; }
.term-fgx148 { color: #afd700; }
.term-fgx149 { color: #afd75f; }
.term-fgx150 { color: #afd787; }
.term-fgx151 { color: #afd7af; }
.term-fgx152 { color: #afd7d7; }
.term-fgx153 { color: #afd7ff; }
.term-fgx154 { color: #afff00; }
.term-fgx155 { color: #afff5f; }
.term-fgx156 { color: #afff87; }
.term-fgx157 { color: #afffaf; }
.term-fgx158 { color: #afffd7; }
.term-fgx159 { color: #afffff; }
.term-fgx160 { color: #d70000; }
.term-fgx161 { color: #d7005f; }
.term-fgx162 { color: #d70087; }
.term-fgx163 { color: #d700af; }
.term-fgx164 { color: #d700d7; }
.term-fgx165 { color: #d700ff; }
.term-fgx166 { color: #d75f00; }
.term-fgx167 { color: #d75f5f; }
.term-fgx168 { color: #d75f87; }
.term-fgx169 { color: #d75faf; }
.term-fgx170 { color: #d75fd7; }
.term-fgx171 { color: #d75fff; }
.term-fgx172 { color: #d78700; }
.term-fgx173 { color: #d7875f; }
.term-fgx174 { color: #d78787; }
.term-fgx175 { color: #d787af; }
.term-fgx176 { color: #d787d7; }
.term-fgx177 { color: #d787ff; }
.term-fgx178 { color: #d7af00; }
.term-fgx179 { color: #d7af5f; }
.term-fgx180 { color: #d7af87; }
.term-fgx181 { color: #d7afaf; }
.term-fgx182 { color: #d7afd7; }
.term-fgx183 { color: #d7afff; }
.term-fgx184 { color: #d7d700; }
.term-fgx185 { color: #d7d75f; }
.term-fgx186 { color: #d7d787; }
.term-fgx187 { color: #d7d7af; }
.term-fgx188 { color: #d7d7d7; }
.term-fgx189 { color: #d7d7ff; }
.term-fgx190 { color: #d7ff00; }
.term-fgx191 { color: #d7ff5f; }
.term-fgx192 { color: #d7ff87; }
.term-fgx193 { color: #d7ffaf; }
.term-fgx194 { color: #d7ffd7; }
.term-fgx195 { color: #d7ffff; }
.term-fgx196 { color: #ff0000; }
.term-fgx197 { color: #ff005f; }
.term-fgx198 { color: #ff0087; }
.term-fgx199 { color: #ff00af; }
.term-fgx200 { color: #ff00d7; }
.term-fgx201 { color: #ff00ff; }
.term-fgx202 { color: #ff5f00; }
.term-fgx203 { color: #ff5f5f; }
.term-fgx204 { color: #ff5f87; }
.term-fgx205 { color: #ff5faf; }
.term-fgx206 { color: #ff5fd7; }
.term-fgx207 { color: #ff5fff; }
.term-fgx208 { color: #ff8700; }
.term-fgx209 { color: #ff875f; }
.term-fgx210 { color: #ff8787; }
.term-fgx211 { color: #ff87af; }
.term-fgx212 { color: #ff87d7; }
.term-fgx213 { color: #ff87ff; }
.term-fgx214 { color: #ffaf00; }
.term-fgx215 { color: #ffaf5f; }
.term-fgx216 { color: #ffaf87; }
.term-fgx217 { color: #ffafaf; }
.term-fgx218 { color: #ffafd7; }
.term-fgx219 { color: #ffafff; }
.term-fgx220 { color: #ffd700; }
.term-fgx221 { color: #ffd75f; }
.term-fgx222 { color: #ffd787; }
.term-fgx223 { color: #ffd7af; }
.term-fgx224 { color: #ffd7d7; }
.term-fgx225 { color: #ffd7ff; }
.term-fgx226 { color: #ffff00; }
.term-fgx227 { color: #ffff5f; }
.term-fgx228 { color: #ffff87; }
.term-fgx229 { color: #ffffaf; }
.term-fgx230 { color: #ffffd7; }
.term-fgx231 { color: #ffffff; }
.term-fgx232 { color: #080808; }
.term-fgx233 { color: #121212; }
.term-fgx234 { color: #1c1c1c; }
.term-fgx235 { color: #262626; }
.term-fgx236 { color: #303030; }
.term-fgx237 { color: #3a3a3a; }
.term-fgx238 { color: #444444; }
.term-fgx239 { color: #4e4e4e; }
.term-fgx240 { color: #585858; }
.term-fgx241 { color: #626262; }
.term-fgx242 { color: #6c6c6c; }
.term-fgx243 { color: #767676; }
.term-fgx244 { color: #808080; }
.term-fgx245 { color: #8a8a8a; }
.term-fgx246 { color: #949494; }
.term-fgx247 { color: #9e9e9e; }
.term-fgx248 { color: #a8a8a8; }
.term-fgx249 { color: #b2b2b2; }
.term-fgx250 { color: #bcbcbc; }
.term-fgx251 { color: #c6c6c6; }
.term-fgx252 { color: #d0d0d0; }
.term-fgx253 { color: #dadada; }
.term-fgx254 { color: #e4e4e4; }
.term-fgx255 { color: #eeeeee; }

View File

@ -4,6 +4,7 @@
<head>
<title>Gnawmon's Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fetch.css">
<script src="main.js"></script>
</head>
@ -40,24 +41,74 @@
</p>
</div>
<h2 onclick="showThing('specs')" class="paragraph dropdown">Computer Specs</h2>
<h2 onclick="showThing('specs')" class="paragraph dropdown">Computers</h2>
<div id="specs" style="margin-bottom: 2px;">
<h3>Lonix Machine </h3>
<ul>
<li>My main machine</li>
<li>A Nvidia GTX gpu</li>
<li>An AMD cpu</li>
<li>Nvidia GTX GPU</li>
<li>AMD CPU</li>
<li>Runs EndeavourOS with KDE Plasma</li>
<li><code>curl http://gnawmon.vern.cc/endeavour</code> < run this to see fetch of this computer</li>
</ul>
<li><code>curl http://gnawmon.vern.cc/endeavour</code> run this to see fetch on your computer</li> </ul>
<div class="term-container"><span class="term-fg31 term-fg1"> .&#47;</span><span class="term-fg35 term-fg1">o</span><span class="term-fg34 term-fg1">.</span> <span class="term-fg32 term-fg1"> ╭─</span> EndeavourOS Linux x86_64
<span class="term-fg31 term-fg1"> .&#47;</span><span class="term-fg35 term-fg1">sssso</span><span class="term-fg34 term-fg1">-</span> <span class="term-fg32 term-fg1"> ├─</span> 6.5.5-arch1-1
<span class="term-fg31 term-fg1"> `:</span><span class="term-fg35 term-fg1">osssssss+</span><span class="term-fg34 term-fg1">-</span> <span class="term-fg32 term-fg1"> ├─</span> gnawmon
<span class="term-fg31 term-fg1"> `:+</span><span class="term-fg35 term-fg1">sssssssssso</span><span class="term-fg34 term-fg1">&#47;.</span> <span class="term-fg32 term-fg1"> ├─󰏗</span> 2 (cargo), 8 (npm), 2263 (pacman), 45 (steam), 31 (flatpak-system)
<span class="term-fg31 term-fg1"> `-&#47;o</span><span class="term-fg35 term-fg1">ssssssssssssso</span><span class="term-fg34 term-fg1">&#47;.</span> <span class="term-fg32 term-fg1"> ╰─</span> bash 5.1.16 its supposed to say zsh but idk why it does that
<span class="term-fg31 term-fg1"> `-&#47;+</span><span class="term-fg35 term-fg1">sssssssssssssssso</span><span class="term-fg34 term-fg1">+:`</span>
<span class="term-fg31 term-fg1"> `-:&#47;+</span><span class="term-fg35 term-fg1">sssssssssssssssssso</span><span class="term-fg34 term-fg1">+&#47;.</span> <span class="term-fg33 term-fg1"> ╭─</span> Plasma 5.27.8 [KF5 5.110.0] [Qt 5.15.10] (x11)
<span class="term-fg31 term-fg1"> `.:&#47;&#47;o</span><span class="term-fg35 term-fg1">sssssssssssssssssssso</span><span class="term-fg34 term-fg1">++-</span> <span class="term-fg33 term-fg1"> ├─</span> konsole
<span class="term-fg31 term-fg1"> .:&#47;&#47;+</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++:</span> <span class="term-fg33 term-fg1"> ├─</span> Hack Nerd Font 10
<span class="term-fg31 term-fg1"> .:&#47;&#47;&#47;o</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++:</span> <span class="term-fg33 term-fg1"> ├─󰂫</span> AppleDark-ALL-AccentDinamic [KDE], Breeze [Qt]
<span class="term-fg31 term-fg1"> `:&#47;&#47;&#47;&#47;</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">+++.</span> <span class="term-fg33 term-fg1"> ├─󰂫</span> Vimix-Amethyst [KDE&#47;Qt]
<span class="term-fg31 term-fg1">`-&#47;&#47;&#47;&#47;+</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++++-</span>
<span class="term-fg31 term-fg1"> `..-+</span><span class="term-fg35 term-fg1">oosssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">+++++&#47;`</span> <span class="term-fg34 term-fg1"> ├─󰍛</span> AMD Ryzen @ 3.6GHz [60.2°on]
<span class="term-fg34 term-fg1"> .&#47;++++++++++++++++++++++++++++++&#47;:.</span> <span class="term-fg34 term-fg1"> ├─󰍹</span> NVIDIA GeForce GTX
<span class="term-fg34 term-fg1"> `:::::::::::::::::::::::::------``</span> <span class="term-fg34 term-fg1"> ├─</span> 1920x1080 @ 60.00Hz, 1920x1080 @ 60.00Hz
<span class="term-fg34 term-fg1"> ├─</span> 7.08 GiB &#47; 15.54 GiB (45%)
<span class="term-fg34 term-fg1"> ╰─󰄉</span> 1 hour, 6 mins
&nbsp;
<span class="term-fg1"> </span><span class="term-fg37 term-fg1"></span><span class="term-fg31 term-fg1"></span><span class="term-fg32 term-fg1"></span><span class="term-fg33 term-fg1"></span><span class="term-fg34 term-fg1"></span><span class="term-fg35 term-fg1"></span><span class="term-fg36 term-fg1"></span>
</div>
<p>You can find the terminal font <a class="link" href="https://github.com/ryanoasis/nerd-fonts"><tot class="tooltip">here<span class="tooltiptext">It's Inconsolata Regular</span> </tot></a>.</p>
<h3>Windows Machine </h3>
<ul>
<li>I use this to play rainbow six siege</li>
<li>Another Nvidia GTX gpu</li>
<li>An Intel cpu</li>
<li>Another Nvidia GTX GPU</li>
<li>Intel CPU</li>
<li>Runs Windows 10</li>
<li><code>curl http://gnawmon.vern.cc/windows</code></li>
</ul>
<div class="term-container"><span class="term-fg36 term-fg1"> ..,</span> <span class="term-fg36 term-fg1">Gnawmon@DESKTOP-BVIMVA0</span>
<span class="term-fg36 term-fg1"> ....,,:;+ccllll</span> ------------------
<span class="term-fg36 term-fg1"> ...,,+:; cllllllllllllllllll</span> <span class="term-fg36 term-fg1">OS</span>: Windows 10 Home x86_64
<span class="term-fg36 term-fg1">,cclllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Host</span>: MSI MS-7A
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Kernel</span>: 10.0.19045
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Uptime</span>: 22 hours, 24 mins
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Packages</span>: 7 (scoop)
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Shell</span>: bash 5.2.21 &lt; idk why it doesnt say cmd
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Resolution</span>: 1920x1080
<span class="term-fg36 term-fg1">DE</span>: Aero
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">WM</span>: Explorer
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">WM Theme</span>: Custom
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Terminal</span>: Windows Terminal
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">CPU</span>: Intel@ 4.010GHz
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">GPU</span>: Caption
<span class="term-fg36 term-fg1">`&#39;ccllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">GPU</span>: NVIDIA GeForce GTX
<span class="term-fg36 term-fg1"> `&#39; \*:: :ccllllllllllllllll</span> <span class="term-fg1">GPU</span>
<span class="term-fg36 term-fg1"> ````&#39;&#39;*::cll</span> <span class="term-fg36 term-fg1">Memory</span>: 5293MiB &#47; 16342MiB
<span class="term-fg36 term-fg1"> ``</span>
<span class="term-fg30 term-bg40"> </span><span class="term-fg31 term-bg41"> </span><span class="term-fg32 term-bg42"> </span><span class="term-fg33 term-bg43"> </span><span class="term-fg34 term-bg44"> </span><span class="term-fg35 term-bg45"> </span><span class="term-fg36 term-bg46"> </span><span class="term-fg37 term-bg47"> </span>
<span class="term-fgx8 term-bgx8"> </span><span class="term-fgx9 term-bgx9"> </span><span class="term-fgx10 term-bgx10"> </span><span class="term-fgx11 term-bgx11"> </span><span class="term-fgx12 term-bgx12"> </span><span class="term-fgx13 term-bgx13"> </span><span class="term-fgx14 term-bgx14"> </span><span class="term-fgx15 term-bgx15"> </span>
</div>
<h3>Laptop that I barely use </h3>
<ul>
<li>I use it for nothing</li>
<li>Has a Nvidia and an Intel GPU</li>
<li>I don't remember what CPU it has</li>
<li>Runs EndeavourOS</li>
<li>I'm too lazy to get a fetch.</li>
</ul>
</div>
<div class="contact">
<img src="svg/matrix.svg" height="40" width="40" />

View File

@ -127,7 +127,7 @@ button:active {
width: 40%;
backdrop-filter: blur(50px);
padding: 10px;
border-radius: 2px;
border-radius: 5px;
}
.dropdown {
@ -284,6 +284,7 @@ input:focus {
backdrop-filter: blur(100px);
vertical-align: baseline;
margin-top: 2px;
border-radius: 5px;
}
.contact image {