nico/byhaider-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(core): new logo

Browse Source
This commit is contained in:
Nico Haider
2025-08-27 17:37:14 +02:00
parent 890257c77e
commit bcf4201092
6 changed files with 264 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
public/logo/square_black.svg Normal file
View File

@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1"
style="display:none">
<g
id="g1"
transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="text1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="text1-8"
aria-label="H" />
</g>
</g>
<g
id="g3"
style="display:inline">
<g
id="g2"
transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="path1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="path2"
aria-label="H" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

78
public/logo/square_v1.svg Normal file
View File

@@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
sodipodi:docname="square_v1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
inkscape:zoom="0.35355339"
inkscape:cx="-202.23254"
inkscape:cy="197.9899"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs1" />
<g
inkscape:label="white"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1"
transform="matrix(1.2293603,0,0,1.2293603,-60.820434,-54.909041)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#ffffff;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="text1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="text1-8"
aria-label="H" />
</g>
</g>
<g
inkscape:label="black"
inkscape:groupmode="layer"
id="g3"
style="display:none">
<g
id="g2"
transform="matrix(1.2375189,0,0,1.2375189,-62.923,-56.972377)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="path1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="path2"
aria-label="H" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

81
public/logo/square_v2.svg Normal file
View File

@@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
sodipodi:docname="square_v2.svg"
inkscape:export-filename="square_black.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
inkscape:zoom="0.5"
inkscape:cx="113"
inkscape:cy="278"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g2"
showguides="true" />
<defs
id="defs1" />
<g
inkscape:label="white"
inkscape:groupmode="layer"
id="layer1"
style="display:none">
<g
id="g1"
transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="text1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="text1-8"
aria-label="H" />
</g>
</g>
<g
inkscape:label="black"
inkscape:groupmode="layer"
id="g3"
style="display:inline">
<g
id="g2"
transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="path1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="path2"
aria-label="H" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

50
public/logo/square_white.svg Normal file
View File

@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1"
style="display:inline">
<g
id="g1"
transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="text1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="text1-8"
aria-label="H" />
</g>
</g>
<g
id="g3"
style="display:none">
<g
id="g2"
transform="matrix(1.2375189,0,0,1.2375189,-62.923,-56.972377)">
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
id="path1"
aria-label="b" />
<path
style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
id="path2"
aria-label="H" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

4
src/app/core/components/navigation-bar/navigation-bar.html
View File

@@ -1,6 +1,8 @@
<nav class="sticky top-0 p-[30px] flex flex-row justify-between relative z-5000">
<div class="logo grid place-items-center">
<span class="font-semibold text-3xl">BH</span>
<span class="font-semibold text-3xl">
<img [src]="themeSwitchService.darkMode() ? 'logo/square_white.svg' : 'logo/square_black.svg'" alt="bH" width="50">
</span>
</div>
<div class="navigation grid place-items-center">
<p-card class="px-4! py-3!">

3
src/index.html
View File

@@ -5,7 +5,8 @@
<title>byHaider</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" href="logo/square_black.svg" media="(prefers-color-scheme: light)">
<link rel="icon" href="logo/square_white.svg" media="(prefers-color-scheme: dark)">
</head>
<body>
<app-root></app-root>