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