z0x/z0x.ca
Code Actions

logo change

Browse source
This commit is contained in:
z0x 2024-07-17 15:41:44 -04:00
parent 1c7877b6b1
commit 9d5f5908a4
4 changed files with 288 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

141
img/logo.svg Normal file
View file

@ -0,0 +1,141 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="500"
height="500"
viewBox="0 0 500 500"
version="1.1"
xml:space="preserve"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
id="svg3"
sodipodi:docname="logo_glow-v2.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs3"><linearGradient
id="linearGradient26"
inkscape:collect="always"><stop
style="stop-color:#ffffff;stop-opacity:0.30000001;"
offset="0"
id="stop26" /><stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="0.9638136"
id="stop27" /></linearGradient><inkscape:path-effect
effect="simplify"
id="path-effect16"
is_visible="true"
lpeversion="1.3"
threshold="1000000"
steps="1"
smooth_angles="360"
helper_size="10"
simplify_individual_paths="false"
simplify_just_coalesce="false" /><linearGradient
id="linearGradient14"
inkscape:collect="always"><stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop14" /><stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop15" /></linearGradient><radialGradient
inkscape:collect="always"
xlink:href="#linearGradient14"
id="radialGradient15"
cx="250"
cy="250"
fx="250"
fy="250"
r="250"
gradientUnits="userSpaceOnUse" /><filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter15"
x="-0.027"
y="-0.027"
width="1.054"
height="1.054"><feGaussianBlur
inkscape:collect="always"
stdDeviation="5.625"
id="feGaussianBlur15" /></filter><filter
inkscape:label="Evanescent"
inkscape:menu="Blurs"
inkscape:menu-tooltip="Blur the contents of objects, preserving the outline and adding progressive transparency at edges"
style="color-interpolation-filters:sRGB;"
id="filter16"
x="-0.027"
y="-0.027"
width="1.054"
height="1.054"><feGaussianBlur
result="result6"
stdDeviation="5.0625"
in="SourceGraphic"
id="feGaussianBlur16" /><feColorMatrix
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 "
result="result7"
in="SourceGraphic"
id="feColorMatrix16" /><feComposite
operator="in"
in="result6"
in2="result7"
id="feComposite16" /></filter><radialGradient
inkscape:collect="always"
xlink:href="#linearGradient26"
id="radialGradient27"
cx="250"
cy="250"
fx="250"
fy="250"
r="250"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.6,0,0,0.6,100.00001,100.00002)" /><filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1"
x="-0.243"
y="-0.243"
width="1.486"
height="1.486"><feGaussianBlur
inkscape:collect="always"
stdDeviation="30.375"
id="feGaussianBlur1" /></filter></defs><sodipodi:namedview
id="namedview3"
pagecolor="#222222"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#cccccc"
inkscape:zoom="1.855092"
inkscape:cx="249.85283"
inkscape:cy="249.85283"
inkscape:window-width="1910"
inkscape:window-height="1033"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<circle
style="clip-rule:evenodd;display:none;fill:#000000;fill-rule:evenodd;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:2"
id="path2"
cx="250"
cy="250"
r="250" /><path
d="M 250.00006,0 270,140 c 3.4607,21.50491 14.59856,42.82248 30,58.22174 15.40134,15.40234 38.49574,28.31697 60,31.77826 L 500,250.00001 360,270 c -21.50426,3.4613 -44.59866,16.37593 -60,31.77826 C 284.59856,317.17752 273.4607,338.49509 270,360 L 250.00006,500 230,360 C 226.5393,338.49509 215.40134,317.17752 200,301.77826 184.59856,286.37593 161.50426,273.4613 140,270 L 0,250.00001 140,230 c 21.50426,-3.46129 44.59856,-16.37592 60,-31.77826 C 215.40134,182.82248 226.5393,161.50491 230,140 Z"
style="clip-rule:evenodd;display:none;fill:url(#radialGradient15);fill-rule:evenodd;stroke-width:0.307125;stroke-linejoin:round;stroke-miterlimit:2;filter:url(#filter15)"
id="path1-2"
sodipodi:nodetypes="ccccccccccccccccc"
inkscape:label="path2" /><circle
style="display:inline;mix-blend-mode:normal;fill:url(#radialGradient27);fill-opacity:1;stroke-width:0.300003;filter:url(#filter1)"
id="path24"
cx="250"
cy="250"
r="150" /><path
d="M 250.00005,25 268,151 c 3.11463,19.35442 13.1387,38.54023 27,52.39957 13.86121,13.8621 34.64617,25.48527 54,28.60043 L 475,250.00001 349,268 c -19.35383,3.11517 -40.13879,14.73834 -54,28.60043 C 281.1387,310.45977 271.11463,329.64558 268,349 L 250.00005,475 232,349 C 228.88537,329.64558 218.86121,310.45977 205,296.60043 191.1387,282.73834 170.35383,271.11517 151,268 L 25,250.00001 151,232 c 19.35383,-3.11516 40.1387,-14.73833 54,-28.60043 C 218.86121,189.54023 228.88537,170.35442 232,151 Z"
style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.276412;stroke-linejoin:round;stroke-miterlimit:2"
id="path1"
sodipodi:nodetypes="ccccccccccccccccc" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
img/logo.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 59 KiB

141
img/logo_bg.svg Normal file
View file

@ -0,0 +1,141 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="500"
height="500"
viewBox="0 0 500 500"
version="1.1"
xml:space="preserve"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
id="svg3"
sodipodi:docname="logo_glow-v2_bg.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs3"><linearGradient
id="linearGradient26"
inkscape:collect="always"><stop
style="stop-color:#ffffff;stop-opacity:0.30000001;"
offset="0"
id="stop26" /><stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="0.9638136"
id="stop27" /></linearGradient><inkscape:path-effect
effect="simplify"
id="path-effect16"
is_visible="true"
lpeversion="1.3"
threshold="1000000"
steps="1"
smooth_angles="360"
helper_size="10"
simplify_individual_paths="false"
simplify_just_coalesce="false" /><linearGradient
id="linearGradient14"
inkscape:collect="always"><stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop14" /><stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop15" /></linearGradient><radialGradient
inkscape:collect="always"
xlink:href="#linearGradient14"
id="radialGradient15"
cx="250"
cy="250"
fx="250"
fy="250"
r="250"
gradientUnits="userSpaceOnUse" /><filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter15"
x="-0.027"
y="-0.027"
width="1.054"
height="1.054"><feGaussianBlur
inkscape:collect="always"
stdDeviation="5.625"
id="feGaussianBlur15" /></filter><filter
inkscape:label="Evanescent"
inkscape:menu="Blurs"
inkscape:menu-tooltip="Blur the contents of objects, preserving the outline and adding progressive transparency at edges"
style="color-interpolation-filters:sRGB;"
id="filter16"
x="-0.027"
y="-0.027"
width="1.054"
height="1.054"><feGaussianBlur
result="result6"
stdDeviation="5.0625"
in="SourceGraphic"
id="feGaussianBlur16" /><feColorMatrix
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 "
result="result7"
in="SourceGraphic"
id="feColorMatrix16" /><feComposite
operator="in"
in="result6"
in2="result7"
id="feComposite16" /></filter><radialGradient
inkscape:collect="always"
xlink:href="#linearGradient26"
id="radialGradient27"
cx="250"
cy="250"
fx="250"
fy="250"
r="250"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.6,0,0,0.6,100.00001,100.00002)" /><filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1"
x="-0.243"
y="-0.243"
width="1.486"
height="1.486"><feGaussianBlur
inkscape:collect="always"
stdDeviation="30.375"
id="feGaussianBlur1" /></filter></defs><sodipodi:namedview
id="namedview3"
pagecolor="#222222"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#cccccc"
inkscape:zoom="1.855092"
inkscape:cx="249.85283"
inkscape:cy="249.85283"
inkscape:window-width="1910"
inkscape:window-height="1033"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<circle
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:#000000;stroke-width:0.5"
id="path2"
cx="250"
cy="250"
r="250" /><path
d="M 250.00006,0 270,140 c 3.4607,21.50491 14.59856,42.82248 30,58.22174 15.40134,15.40234 38.49574,28.31697 60,31.77826 L 500,250.00001 360,270 c -21.50426,3.4613 -44.59866,16.37593 -60,31.77826 C 284.59856,317.17752 273.4607,338.49509 270,360 L 250.00006,500 230,360 C 226.5393,338.49509 215.40134,317.17752 200,301.77826 184.59856,286.37593 161.50426,273.4613 140,270 L 0,250.00001 140,230 c 21.50426,-3.46129 44.59856,-16.37592 60,-31.77826 C 215.40134,182.82248 226.5393,161.50491 230,140 Z"
style="clip-rule:evenodd;display:none;fill:url(#radialGradient15);fill-rule:evenodd;stroke-width:0.307125;stroke-linejoin:round;stroke-miterlimit:2;filter:url(#filter15)"
id="path1-2"
sodipodi:nodetypes="ccccccccccccccccc"
inkscape:label="path2" /><circle
style="display:inline;fill:url(#radialGradient27);fill-opacity:1;stroke-width:0.300003;filter:url(#filter1)"
id="path24"
cx="250"
cy="250"
r="150" /><path
d="M 250.00005,25 268,151 c 3.11463,19.35442 13.1387,38.54023 27,52.39957 13.86121,13.8621 34.64617,25.48527 54,28.60043 L 475,250.00001 349,268 c -19.35383,3.11517 -40.13879,14.73834 -54,28.60043 C 281.1387,310.45977 271.11463,329.64558 268,349 L 250.00005,475 232,349 C 228.88537,329.64558 218.86121,310.45977 205,296.60043 191.1387,282.73834 170.35383,271.11517 151,268 L 25,250.00001 151,232 c 19.35383,-3.11516 40.1387,-14.73833 54,-28.60043 C 218.86121,189.54023 228.88537,170.35442 232,151 Z"
style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.276412;stroke-linejoin:round;stroke-miterlimit:2"
id="path1"
sodipodi:nodetypes="ccccccccccccccccc" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

12
index.html
View file

@ -7,7 +7,7 @@
<meta property="og:description" content="z0x's homepage" /> <meta property="og:description" content="z0x's homepage" />
<meta property="og:url" content="https://z0x.ca" /> <meta property="og:url" content="https://z0x.ca" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:image" content="./img/favicon-256x256.webp" /> <meta property="og:image" content="./img/logo_bg.svg" />
<meta property="og:image:alt" content="logo" /> <meta property="og:image:alt" content="logo" />
<meta property="og:image:width" content="256" /> <meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" /> <meta property="og:image:height" content="256" />
@ -15,11 +15,11 @@
<link rel="stylesheet" href="./css/style.css" /> <link rel="stylesheet" href="./css/style.css" />
<link rel="preload" href="./img/matrix.svg" as="image" /> <link rel="preload" href="./img/matrix.svg" as="image" />
<link rel="preload" href="./img/favicon-256x256.webp" as="image" /> <link rel="preload" href="./img/logo_bg.svg" as="image" />
<link rel="icon" type="image/x-icon" href="./img/favicon-256x256.webp" /> <link rel="icon" type="image/x-icon" href="./img/logo_bg.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="./img/favicon-192x192.webp"> <link rel="icon" type="image/png" sizes="192x192" href="./img/logo_bg.svg">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="./img/favicon-180x180.webp"> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="./img/logo_bg.svg">
<meta name="darkreader-lock"> <meta name="darkreader-lock">
</head> </head>
@ -27,7 +27,7 @@
<div class="center"> <div class="center">
<div class="box"> <div class="box">
<a> <a>
<img class="logo" src="./img/favicon-256x256.webp" alt="logo" /> <img class="logo" src="./img/logo.svg" alt="logo" />
</a> </a>
<h1 class="header unselectable">z0x</h1> <h1 class="header unselectable">z0x</h1>
<div id="snowflake-container"></div> <div id="snowflake-container"></div>