initial commit
This commit is contained in:
toufic ar
commit
24c9032f4f
17 changed files with 576 additions and 0 deletions
BIN
DepartureMono-Regular.woff2
Normal file
BIN
DepartureMono-Regular.woff2
Normal file
Binary file not shown.
89
assets/blink.svg
Normal file
89
assets/blink.svg
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Layer_2"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 128 128"
|
||||
style="enable-background:new 0 0 128 128;"
|
||||
xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs17" />
|
||||
<path
|
||||
style="fill:#ffb7c5;fill-opacity:1"
|
||||
d="M114.67,70.19C112.71,44.22,94.44,26.3,64,26.3S15.25,45.33,13.45,71.31 c-1.05,15.14,4.58,28.63,15.91,36.32c7.46,5.07,17.88,7.88,34.77,7.88c17.18,0,27.03-3.71,34.49-8.73 C111.05,98.43,115.8,85.11,114.67,70.19z"
|
||||
id="path1" />
|
||||
|
||||
<path
|
||||
style="enable-background:new 0 0 128 128;fill:#ffb7c5;fill-opacity:1"
|
||||
d="M53.72,42.6C46.3,23.4,30.1,10.34,23.87,8.39c-2.35-0.74-5.3-0.81-6.63,1.35 c-3.36,5.45-7.66,22.95,1.85,47.78L53.72,42.6z"
|
||||
id="path2" /><path
|
||||
style="enable-background:new 0 0 128 128;fill:#ff91a4;fill-opacity:1"
|
||||
d="M36.12,34.21c1.54-1.29,2.29-2.55,0.6-5.16c-2.62-4.05-7.33-8.78-9.16-10.23 c-3-2.38-5.32-3.18-6.21,0.65c-1.65,7.08-1.52,16.69,0.25,21.99c0.62,1.87,2.54,2.86,4.02,1.57L36.12,34.21z"
|
||||
id="path3" /><path
|
||||
style="fill:#ff91a4;fill-opacity:1"
|
||||
d="M54.12,45.02c1.13,0.96,3.42,0.82,4.75-0.72c1.61-1.87,3.29-8.17,2.24-17.91 c-4.67,0.17-9.09,0.84-13.21,1.97C51.23,33.82,52.03,43.24,54.12,45.02z"
|
||||
id="path4" />
|
||||
<path
|
||||
style="fill:#ff91a4;fill-opacity:1"
|
||||
d="M73.88,45.02c-1.13,0.96-3.42,0.82-4.75-0.72c-1.61-1.87-3.29-8.17-2.24-17.91 c4.67,0.17,9.09,0.84,13.21,1.97C76.77,33.82,75.97,43.24,73.88,45.02z"
|
||||
id="path5" />
|
||||
|
||||
|
||||
<path
|
||||
style="enable-background:new 0 0 128 128;fill:#ffb7c5;fill-opacity:1"
|
||||
d="M79.9,29.22c8.08-12.41,19.38-20.75,24.07-22.24c2.32-0.74,5.02-0.62,6.34,1.55 c3.32,5.45,6.13,22.24-0.42,45.75L85.96,42.74L79.9,29.22z"
|
||||
id="path6" /><path
|
||||
style="enable-background:new 0 0 128 128;fill:#ff91a4;fill-opacity:1"
|
||||
d="M97.55,38.23c2.43,2.43,4.41,4.06,5.84,5.61c0.95,1.03,2.69,0.56,2.97-0.82 c2.45-11.8,1.67-21.86,0-24.5c-0.8-1.26-2.29-1.59-3.65-1.13c-2.44,0.81-8.66,5.45-13.05,12.22c-0.51,0.79-0.32,1.85,0.46,2.38 C91.7,33.06,94.46,35.13,97.55,38.23z"
|
||||
id="path7" />
|
||||
|
||||
<g
|
||||
id="g11"
|
||||
style="enable-background:new 0 0 128 128;fill:none;stroke:#ff91a4;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M6.7,71.03 c0.34,0.41,4.41,0.35,14.36,5.07"
|
||||
id="path9" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M2.9,82.86 c0,0,6.42-2.24,17.46-0.28"
|
||||
id="path10" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M8.81,92.29 c0,0,2.74-1.38,12.67-2.25"
|
||||
id="path11" />
|
||||
</g><g
|
||||
id="g14"
|
||||
style="enable-background:new 0 0 128 128;fill:none;stroke:#ff91a4;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M120.87,67.51 c0,0-3.41,0.33-13.94,6.34"
|
||||
id="path12" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M122.42,78.49 c0,0-5.09-0.36-16.05,1.97"
|
||||
id="path13" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M120.45,89.05 c0,0-4.83-1.71-14.78-2.25"
|
||||
id="path14" />
|
||||
</g><path
|
||||
style="fill:#dc143c;fill-opacity:1"
|
||||
d="m 96.09,66.37 c -0.34,5.51 -3.76,8.54 -7.65,8.54 -3.89,0 -7.04,-3.88 -7.04,-8.66 0,-4.78 -0.06924,4.863249 7.121172,6.689732 C 95.88276,72.172076 96.37,61.87 96.09,66.37 Z"
|
||||
id="path15" />
|
||||
<path
|
||||
style="fill:#dc143c;fill-opacity:1"
|
||||
d="m 46,65.81 c 0.78,5.61 -1.58,9.03 -5.49,9.82 -3.91,0.79 -7.26,-1.84 -8.23,-6.64 -0.98,-4.81 0.774084,5.444241 8.04591,5.327469 C 46.833966,72.059033 45.36,61.22 46,65.81 Z"
|
||||
id="path16" />
|
||||
<path
|
||||
d="m 44.989996,85.160003 c -2.57,1.67 0.47,5.54 2.25,6.85 1.78,1.31 4.98,2.92 9.670005,2.44 5.54,-0.56 7.13,-4.69 7.13,-4.69 0,0 1.97,4.6 8.82,4.79 6.950002,0.19 9.100002,-3.57 10.040002,-4.69 0.94,-1.13 1.88,-4.04 0.28,-5.16 -1.6,-1.13 -2.72,0.28 -4.41,2.63 -1.69,2.35 -5.160002,3.66 -8.540002,2.06 -3.38,-1.6 -3.57,-7.04 -3.57,-7.04 l -4.79,0.28 c 0,0 -0.75,4.69 -2.91,6.19 -2.16,1.5 -7.320005,1.88 -9.480005,-1.41 -0.95,-1.46 -2.33,-3.66 -4.49,-2.25 z"
|
||||
id="path17"
|
||||
style="display:inline;fill:#dc143c;fill-opacity:1;stroke:none" /><path
|
||||
d="M55.67,77.75c-0.05-3.08,4.37-4.55,8.54-4.62c4.18-0.07,8.68,1.29,8.73,4.37c0.05,3.08-5.22,7.13-8.54,7.13 C61.09,84.63,55.73,80.82,55.67,77.75z"
|
||||
id="path8"
|
||||
style="enable-background:new 0 0 128 128;stroke-width:1.0015748;stroke-dasharray:none;stroke:none;fill:#dc143c;fill-opacity:1;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
BIN
assets/f1.png
Normal file
BIN
assets/f1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 368 KiB |
BIN
assets/f2.png
Normal file
BIN
assets/f2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 370 KiB |
89
assets/kitty.svg
Normal file
89
assets/kitty.svg
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Layer_2"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 128 128"
|
||||
style="enable-background:new 0 0 128 128;"
|
||||
xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs17" />
|
||||
<path
|
||||
style="fill:#ffb7c5;fill-opacity:1"
|
||||
d="M114.67,70.19C112.71,44.22,94.44,26.3,64,26.3S15.25,45.33,13.45,71.31 c-1.05,15.14,4.58,28.63,15.91,36.32c7.46,5.07,17.88,7.88,34.77,7.88c17.18,0,27.03-3.71,34.49-8.73 C111.05,98.43,115.8,85.11,114.67,70.19z"
|
||||
id="path1" />
|
||||
|
||||
<path
|
||||
style="enable-background:new 0 0 128 128;fill:#ffb7c5;fill-opacity:1"
|
||||
d="M53.72,42.6C46.3,23.4,30.1,10.34,23.87,8.39c-2.35-0.74-5.3-0.81-6.63,1.35 c-3.36,5.45-7.66,22.95,1.85,47.78L53.72,42.6z"
|
||||
id="path2" /><path
|
||||
style="enable-background:new 0 0 128 128;fill:#ff91a4;fill-opacity:1"
|
||||
d="M36.12,34.21c1.54-1.29,2.29-2.55,0.6-5.16c-2.62-4.05-7.33-8.78-9.16-10.23 c-3-2.38-5.32-3.18-6.21,0.65c-1.65,7.08-1.52,16.69,0.25,21.99c0.62,1.87,2.54,2.86,4.02,1.57L36.12,34.21z"
|
||||
id="path3" /><path
|
||||
style="fill:#ff91a4;fill-opacity:1"
|
||||
d="M54.12,45.02c1.13,0.96,3.42,0.82,4.75-0.72c1.61-1.87,3.29-8.17,2.24-17.91 c-4.67,0.17-9.09,0.84-13.21,1.97C51.23,33.82,52.03,43.24,54.12,45.02z"
|
||||
id="path4" />
|
||||
<path
|
||||
style="fill:#ff91a4;fill-opacity:1"
|
||||
d="M73.88,45.02c-1.13,0.96-3.42,0.82-4.75-0.72c-1.61-1.87-3.29-8.17-2.24-17.91 c4.67,0.17,9.09,0.84,13.21,1.97C76.77,33.82,75.97,43.24,73.88,45.02z"
|
||||
id="path5" />
|
||||
|
||||
|
||||
<path
|
||||
style="enable-background:new 0 0 128 128;fill:#ffb7c5;fill-opacity:1"
|
||||
d="M79.9,29.22c8.08-12.41,19.38-20.75,24.07-22.24c2.32-0.74,5.02-0.62,6.34,1.55 c3.32,5.45,6.13,22.24-0.42,45.75L85.96,42.74L79.9,29.22z"
|
||||
id="path6" /><path
|
||||
style="enable-background:new 0 0 128 128;fill:#ff91a4;fill-opacity:1"
|
||||
d="M97.55,38.23c2.43,2.43,4.41,4.06,5.84,5.61c0.95,1.03,2.69,0.56,2.97-0.82 c2.45-11.8,1.67-21.86,0-24.5c-0.8-1.26-2.29-1.59-3.65-1.13c-2.44,0.81-8.66,5.45-13.05,12.22c-0.51,0.79-0.32,1.85,0.46,2.38 C91.7,33.06,94.46,35.13,97.55,38.23z"
|
||||
id="path7" />
|
||||
|
||||
<g
|
||||
id="g11"
|
||||
style="enable-background:new 0 0 128 128;fill:none;stroke:#ff91a4;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M6.7,71.03 c0.34,0.41,4.41,0.35,14.36,5.07"
|
||||
id="path9" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M2.9,82.86 c0,0,6.42-2.24,17.46-0.28"
|
||||
id="path10" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M8.81,92.29 c0,0,2.74-1.38,12.67-2.25"
|
||||
id="path11" />
|
||||
</g><g
|
||||
id="g14"
|
||||
style="enable-background:new 0 0 128 128;fill:none;stroke:#ff91a4;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M120.87,67.51 c0,0-3.41,0.33-13.94,6.34"
|
||||
id="path12" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M122.42,78.49 c0,0-5.09-0.36-16.05,1.97"
|
||||
id="path13" />
|
||||
<path
|
||||
style="fill:none;stroke:#ff91a4;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
|
||||
d="M120.45,89.05 c0,0-4.83-1.71-14.78-2.25"
|
||||
id="path14" />
|
||||
</g><path
|
||||
style="fill:#dc143c;fill-opacity:1"
|
||||
d="M96.09,66.37c-0.34,5.51-3.76,8.54-7.65,8.54s-7.04-3.88-7.04-8.66c0-4.78,3.28-8.71,7.65-8.47 C94.12,58.07,96.37,61.87,96.09,66.37z"
|
||||
id="path15" />
|
||||
<path
|
||||
style="fill:#dc143c;fill-opacity:1"
|
||||
d="M46,65.81c0.78,5.61-1.58,9.03-5.49,9.82c-3.91,0.79-7.26-1.84-8.23-6.64 c-0.98-4.81,0.9-9.32,5.34-9.97C42.77,58.27,45.36,61.22,46,65.81z"
|
||||
id="path16" />
|
||||
<path
|
||||
d="m 44.989996,85.160003 c -2.57,1.67 0.47,5.54 2.25,6.85 1.78,1.31 4.98,2.92 9.670005,2.44 5.54,-0.56 7.13,-4.69 7.13,-4.69 0,0 1.97,4.6 8.82,4.79 6.950002,0.19 9.100002,-3.57 10.040002,-4.69 0.94,-1.13 1.88,-4.04 0.28,-5.16 -1.6,-1.13 -2.72,0.28 -4.41,2.63 -1.69,2.35 -5.160002,3.66 -8.540002,2.06 -3.38,-1.6 -3.57,-7.04 -3.57,-7.04 l -4.79,0.28 c 0,0 -0.75,4.69 -2.91,6.19 -2.16,1.5 -7.320005,1.88 -9.480005,-1.41 -0.95,-1.46 -2.33,-3.66 -4.49,-2.25 z"
|
||||
id="path17"
|
||||
style="display:inline;fill:#dc143c;fill-opacity:1;stroke:none" /><path
|
||||
d="M55.67,77.75c-0.05-3.08,4.37-4.55,8.54-4.62c4.18-0.07,8.68,1.29,8.73,4.37c0.05,3.08-5.22,7.13-8.54,7.13 C61.09,84.63,55.73,80.82,55.67,77.75z"
|
||||
id="path8"
|
||||
style="enable-background:new 0 0 128 128;stroke-width:1.0015748;stroke-dasharray:none;stroke:none;fill:#dc143c;fill-opacity:1;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
6
fontawesome/css/brands.min.css
vendored
Executable file
6
fontawesome/css/brands.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
8
fontawesome/css/fontawesome.min.css
vendored
Executable file
8
fontawesome/css/fontawesome.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
6
fontawesome/css/regular.min.css
vendored
Executable file
6
fontawesome/css/regular.min.css
vendored
Executable file
|
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
* Copyright 2025 Fonticons, Inc.
|
||||
*/
|
||||
:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-regular:normal 400 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2)}.far{--fa-style:400}.fa-classic,.far{--fa-family:var(--fa-family-classic)}.fa-regular{--fa-style:400}
|
||||
6
fontawesome/css/solid.min.css
vendored
Executable file
6
fontawesome/css/solid.min.css
vendored
Executable file
|
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
* Copyright 2025 Fonticons, Inc.
|
||||
*/
|
||||
:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}
|
||||
BIN
fontawesome/webfonts/fa-brands-400.woff2
Executable file
BIN
fontawesome/webfonts/fa-brands-400.woff2
Executable file
Binary file not shown.
BIN
fontawesome/webfonts/fa-regular-400.woff2
Executable file
BIN
fontawesome/webfonts/fa-regular-400.woff2
Executable file
Binary file not shown.
BIN
fontawesome/webfonts/fa-solid-900.woff2
Executable file
BIN
fontawesome/webfonts/fa-solid-900.woff2
Executable file
Binary file not shown.
BIN
fontawesome/webfonts/fa-v4compatibility.woff2
Executable file
BIN
fontawesome/webfonts/fa-v4compatibility.woff2
Executable file
Binary file not shown.
174
index.html
Normal file
174
index.html
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1"
|
||||
/>
|
||||
<title>toufy.dev</title>
|
||||
<link
|
||||
href="style.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="/fontawesome/css/fontawesome.min.css"
|
||||
/>
|
||||
<link
|
||||
href="/fontawesome/css/regular.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="/fontawesome/css/solid.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="/fontawesome/css/brands.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="favicon.ico"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div id="banner">
|
||||
<img
|
||||
src="pink_kitty.gif"
|
||||
alt="
|
||||
a GIF of the smiling cat noto emoji, with the colors modified such that:
|
||||
the face and ears are cherry blossom pink,
|
||||
the inside of the ears and whiskers are salmon pink,
|
||||
and the eye, mouth, and nose, are crimson.
|
||||
the kitty blinks (closes its eyes for 500ms) every 2s.
|
||||
"
|
||||
/>
|
||||
<h1>toufy.dev</h1>
|
||||
</div>
|
||||
<div id="description">
|
||||
<p
|
||||
><a
|
||||
href="https://en.wikipedia.org/wiki/Palestinians"
|
||||
target="_blank"
|
||||
>palestinian</a
|
||||
>
|
||||
software engineer, tinkerer, linux enjoyer, privacy & security
|
||||
enthusiast, and free software advocate
|
||||
<a
|
||||
href="https://en.wikipedia.org/wiki/Palestinian_refugees"
|
||||
target="_blank"
|
||||
>refuged</a
|
||||
>
|
||||
in
|
||||
<a
|
||||
href="https://en.wikipedia.org/wiki/Lebanon"
|
||||
target="_blank"
|
||||
>lebanon</a
|
||||
>.</p
|
||||
>
|
||||
<div id="ideology">
|
||||
<ul>
|
||||
<li
|
||||
><a
|
||||
href="https://en.wikipedia.org/wiki/Anarchist_communism"
|
||||
target="_blank"
|
||||
>anarcho-communist</a
|
||||
></li
|
||||
>
|
||||
<li
|
||||
><a
|
||||
href="https://en.wikipedia.org/wiki/Straight_ally"
|
||||
target="_blank"
|
||||
>ally</a
|
||||
></li
|
||||
>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="subdomains">
|
||||
<h1>*.toufy.dev</h1>
|
||||
<p
|
||||
>a list of my subdomains/services.<br />
|
||||
everything you can access/use is free (as in freedom and free
|
||||
beer).</p
|
||||
>
|
||||
<div id="sd-grid">
|
||||
<div class="sd-grid-card">
|
||||
<h3 class="sd-grid-card-title"
|
||||
><i class="fa-solid fa-code-merge"></i><span>git</span></h3
|
||||
>
|
||||
<p class="sd-grid-card-description"
|
||||
>personal <a href="https://forgejo.org">forgejo</a> instance.
|
||||
registration is restricted, but all project repositories are
|
||||
accessible and available under free licenses.</p
|
||||
>
|
||||
<a
|
||||
class="sd-grid-card-action"
|
||||
href="https://git.toufy.dev"
|
||||
target="_blank"
|
||||
>check<i class="fa-solid fa-arrow-up-right-from-square"></i
|
||||
></a>
|
||||
</div>
|
||||
<div class="sd-grid-card">
|
||||
<h3 class="sd-grid-card-title"
|
||||
><i class="fa-solid fa-magnifying-glass"></i
|
||||
><span>search</span></h3
|
||||
>
|
||||
<p class="sd-grid-card-description"
|
||||
>my public <a href="https://searxng.org">searxng</a> instance. no
|
||||
usage metrics. most probably will add TOR proxy in the future.</p
|
||||
>
|
||||
<a
|
||||
class="sd-grid-card-action"
|
||||
href="https://search.toufy.dev"
|
||||
target="_blank"
|
||||
>check<i class="fa-solid fa-arrow-up-right-from-square"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="credits">
|
||||
<h1>attributions</h1>
|
||||
<ul>
|
||||
<li
|
||||
>font:
|
||||
<a
|
||||
href="https://www.departuremono.com"
|
||||
target="_blank"
|
||||
>DEPARTURE MONO</a
|
||||
></li
|
||||
>
|
||||
<li
|
||||
>favicon & gif: modified
|
||||
<a
|
||||
href="https://www.emoji.family/api/emojis/1f431/noto/svg"
|
||||
target="_blank"
|
||||
>Noto cat emoji</a
|
||||
></li
|
||||
>
|
||||
<li
|
||||
>icons:
|
||||
<a
|
||||
href="https://fontawesome.com"
|
||||
target="_blank"
|
||||
>Font Awesome</a
|
||||
></li
|
||||
>
|
||||
<li
|
||||
>colors & theme:
|
||||
<a
|
||||
href="https://www.colorhexa.com/color-names"
|
||||
target="_blank"
|
||||
>ColorHexa</a
|
||||
></li
|
||||
>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
BIN
pink_kitty.gif
Normal file
BIN
pink_kitty.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
198
style.css
Normal file
198
style.css
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
:root {
|
||||
--primary: #ffb7c5;
|
||||
--secondary: #ff003f;
|
||||
--background: #534b4f;
|
||||
--background-alt: #645452;
|
||||
--foreground: #faf0e6;
|
||||
@media (prefers-color-scheme: light) {
|
||||
--primary: #ff91a4;
|
||||
--secondary: #dc143c;
|
||||
--foreground: #534b4f;
|
||||
--background: #faf0e6;
|
||||
--background-alt: #f0ead6;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: DepartureMono;
|
||||
src: url(./DepartureMono-Regular.woff2);
|
||||
}
|
||||
|
||||
@keyframes banner {
|
||||
0%,
|
||||
100% {
|
||||
background-color: var(--primary);
|
||||
color: var(--background);
|
||||
border-top-right-radius: 50px;
|
||||
border-bottom-left-radius: 50px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
25% {
|
||||
color: var(--secondary);
|
||||
}
|
||||
50% {
|
||||
color: var(--background);
|
||||
border-top-left-radius: 50px;
|
||||
border-bottom-right-radius: 50px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
75% {
|
||||
color: var(--secondary);
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
::selection,
|
||||
::-moz-selection {
|
||||
background-color: var(--primary);
|
||||
color: var(--background);
|
||||
}
|
||||
|
||||
font-family: DepartureMono;
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
h1 {
|
||||
color: var(--primary);
|
||||
font-size: 32px;
|
||||
}
|
||||
p,
|
||||
a {
|
||||
font-size: 20px;
|
||||
}
|
||||
a {
|
||||
color: var(--primary);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: wavy;
|
||||
&::selection,
|
||||
&::-moz-selection {
|
||||
background-color: var(--secondary);
|
||||
color: var(--primary);
|
||||
}
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: var(--primary);
|
||||
color: var(--background);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
body {
|
||||
main {
|
||||
margin: 5% 15%;
|
||||
@media (max-width: 799px) {
|
||||
margin: 5% 5%;
|
||||
}
|
||||
#banner {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img {
|
||||
max-height: 80px;
|
||||
max-width: 80px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 48px;
|
||||
padding: 10px;
|
||||
animation: banner 10s infinite;
|
||||
}
|
||||
}
|
||||
#description {
|
||||
* {
|
||||
font-size: 20px;
|
||||
}
|
||||
padding: 10px;
|
||||
margin: 20px 0;
|
||||
#ideology {
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#subdomains {
|
||||
padding: 5px;
|
||||
h1,
|
||||
p {
|
||||
padding: 5px;
|
||||
}
|
||||
#sd-grid {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
justify-content: stretch;
|
||||
flex-wrap: wrap;
|
||||
.sd-grid-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: var(--background-alt);
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid var(--primary);
|
||||
width: 300px;
|
||||
.sd-grid-card-title {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 25px;
|
||||
color: var(--primary);
|
||||
width: 100%;
|
||||
* {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
.sd-grid-card-description {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
.sd-grid-card-action {
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
border: 4px dotted var(--secondary);
|
||||
border-radius: 4px;
|
||||
font-size: 22px;
|
||||
font-weight: bolder;
|
||||
text-decoration: none;
|
||||
color: var(--secondary);
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: var(--secondary);
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#credits {
|
||||
h1 {
|
||||
padding: 5px;
|
||||
}
|
||||
p,
|
||||
li,
|
||||
a {
|
||||
font-size: 18px;
|
||||
}
|
||||
ul {
|
||||
margin-left: 10px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue