diff options
| -rw-r--r-- | fcc/index.html | 45 | ||||
| -rw-r--r-- | fcc/style.css | 66 | ||||
| -rw-r--r-- | frosty/index.html | 3 | ||||
| -rw-r--r-- | images/bwaaa.png | bin | 0 -> 2899 bytes | |||
| -rw-r--r-- | images/cloudnuke.png | bin | 0 -> 8407 bytes | |||
| -rw-r--r-- | images/gizmodic.png | bin | 0 -> 1418 bytes | |||
| -rw-r--r-- | index.html | 21 | ||||
| -rw-r--r-- | redro/index.html | 41 | ||||
| -rw-r--r-- | redro/style.css | 66 |
9 files changed, 242 insertions, 0 deletions
diff --git a/fcc/index.html b/fcc/index.html new file mode 100644 index 0000000..5bd884a --- /dev/null +++ b/fcc/index.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>fcc</title> + <link rel="stylesheet" href="style.css"> + <link rel="icon" type="image/x-icon" href="../images/symlinx-icon.png"> + </head> + <body> + <h1>[ <span class="color_blue">-</span><span class="color_green">></span>█ / fcc ]</h1> + <p>do i look like i know what a jpeg is??? all i wanna see is a picture of a hotdog!!!!!</p> + <br> + + <h2>Where to find me</h2> + + <div class="block"> + <h3><a href="https://cloudnuke.org">cloudnuke</a></h3> + <h4>[ https://cloudnuke.org ]</h4> + <p>> my website</p> + </div> + <br> + + <div class="block"> + <h3><a href="xmpp:realfcc@xmpp.cloudnuke.org">XMPP</a></h3> + <h4>[ realfcc@xmpp.cloudnuke.org ]</h4> + <p>> where to message me</p> + </div> + <br> + + <h2></h2> + + <h2>My projects</h2> + + <div class="block"> + <h3><a href="https://codeberg.org/RealFCC">Codeberg</a></h3> + <h4>[ https://codeberg.org/RealFCC ]</h4> + <p>> code repos</p> + </div> + <br> + + <a href="https://cloudnuke.org"><img height=31 width=88 src="../images/cloudnuke.png"></a> + + </body> +</html> diff --git a/fcc/style.css b/fcc/style.css new file mode 100644 index 0000000..6a1e542 --- /dev/null +++ b/fcc/style.css @@ -0,0 +1,66 @@ +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(4, 83%, 67%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(26, 84%, 62%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); +} + +body { + margin: 5vh 10vw 5vh 10vw; + font-family: "Roboto Mono", monospace; + background-color: var(--cl-black); + color: var(--cl-white); +} + +a:link { + color: var(--cl-orange-6); + border: 2px solid var(--cl-orange-6); + padding: 4px 8px; +} +a:visited, a:active { + color: var(--cl-green-6); +} +a:hover { + color: var(--cl-black); + background-color: var(--cl-magenta-7); + border: 2px solid #0000; +} + +.color_blue { + color: var(--cl-blue-6); +} +.color_green { + color: var(--cl-green-6); +} +.color_red { + color: var(--cl-red-6); +} + +.block { + background-color: var(--cl-gray-0); + border: 2px solid var(--cl-gray-2); + padding: 16px 32px; +} diff --git a/frosty/index.html b/frosty/index.html index 8f99547..6e104a1 100644 --- a/frosty/index.html +++ b/frosty/index.html @@ -37,5 +37,8 @@ </div> <br> + <a href="https://bwaaa.monster"><img height=31 width=88 src="../images/bwaaa.png"></a> + <a href="https://gizmodic.software"><img height=31 width=88 src="../images/gizmodic.png"></a> + </body> </html> diff --git a/images/bwaaa.png b/images/bwaaa.png Binary files differnew file mode 100644 index 0000000..5c676db --- /dev/null +++ b/images/bwaaa.png diff --git a/images/cloudnuke.png b/images/cloudnuke.png Binary files differnew file mode 100644 index 0000000..c32946b --- /dev/null +++ b/images/cloudnuke.png diff --git a/images/gizmodic.png b/images/gizmodic.png Binary files differnew file mode 100644 index 0000000..af8a620 --- /dev/null +++ b/images/gizmodic.png @@ -87,6 +87,13 @@ <br> <div class="block"> + <h3><a href="https://symlinx.net/fcc">fcc</a></h3> + <h4>[ https://symlinx.net/fcc ]</h4> + <p>> too spicy for youtube</p> + </div> + <br> + + <div class="block"> <h3><a href="https://symlinx.net/frosty">frosty</a></h3> <h4>[ https://symlinx.net/frosty ]</h4> <p>> keeping the lights on</p> @@ -101,6 +108,20 @@ <br> <div class="block"> + <h3><a href="https://symlinx.net/nzuum">nzuum</a></h3> + <h4>[ https://symlinx.net/nzuum ]</h4> + <p>> musical wizard</p> + </div> + <br> + + <div class="block"> + <h3><a href="https://symlinx.net/redro">redro</a></h3> + <h4>[ https://symlinx.net/redro ]</h4> + <p>> friendly on the net</p> + </div> + <br> + + <div class="block"> <h3><a href="https://symlinx.net/retrobit">retrobit</a></h3> <h4>[ https://symlinx.net/retrobit ]</h4> <p>> remix machine</p> diff --git a/redro/index.html b/redro/index.html new file mode 100644 index 0000000..934c342 --- /dev/null +++ b/redro/index.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>redro</title> + <link rel="stylesheet" href="style.css"> + <link rel="icon" type="image/x-icon" href="../images/symlinx-icon.png"> + </head> + <body> + <h1>[ <span class="color_blue">-</span><span class="color_green">></span>█ / redro ]</h1> + <p>it's okay if you use windows</p> + <br> + + <h2>Where to find me</h2> + + <div class="block"> + <h3><a href="https://termer.net">termer</a></h3> + <h4>[ https://termer.net ]</h4> + <p>> my website</p> + </div> + <br> + + <div class="block"> + <h3><a href="xmpp:redro@xmpp.wang">XMPP</a></h3> + <h4>[ redro@xmpp.wang ]</h4> + <p>> where to message me</p> + </div> + <br> + + <h2>My projects</h2> + + <div class="block"> + <h3><a href="https://git.termer.net">forgejo</a></h3> + <h4>[ https://git.termer.net ]</h4> + <p>> code repos</p> + </div> + <br> + + </body> +</html> diff --git a/redro/style.css b/redro/style.css new file mode 100644 index 0000000..6a1e542 --- /dev/null +++ b/redro/style.css @@ -0,0 +1,66 @@ +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(4, 83%, 67%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(26, 84%, 62%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); +} + +body { + margin: 5vh 10vw 5vh 10vw; + font-family: "Roboto Mono", monospace; + background-color: var(--cl-black); + color: var(--cl-white); +} + +a:link { + color: var(--cl-orange-6); + border: 2px solid var(--cl-orange-6); + padding: 4px 8px; +} +a:visited, a:active { + color: var(--cl-green-6); +} +a:hover { + color: var(--cl-black); + background-color: var(--cl-magenta-7); + border: 2px solid #0000; +} + +.color_blue { + color: var(--cl-blue-6); +} +.color_green { + color: var(--cl-green-6); +} +.color_red { + color: var(--cl-red-6); +} + +.block { + background-color: var(--cl-gray-0); + border: 2px solid var(--cl-gray-2); + padding: 16px 32px; +} |
