Add SVG logos for Gitea, Nextcloud, NAS, and Geizkragen; update index.php to use logos instead of icons
This commit is contained in:
parent
ab06a753e3
commit
625945d88f
BIN
icons/geizkragen.png
Normal file
BIN
icons/geizkragen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
5
icons/geizkragen.svg
Normal file
5
icons/geizkragen.svg
Normal file
@ -0,0 +1,5 @@
|
||||
svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<rect width="100" height="100" rx="18" fill="#e8281e"/>
|
||||
<text x="50" y="72" font-family="Arial Black, Arial, sans-serif" font-size="68" font-weight="900" fill="#ffffff" text-anchor="middle">G</text>
|
||||
</svg>
|
||||
|
||||
31
icons/gitea.svg
Normal file
31
icons/gitea.svg
Normal file
@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" id="main_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 640 640" style="enable-background:new 0 0 640 640;" xml:space="preserve">
|
||||
<g>
|
||||
<path id="teabag" style="fill:#FFFFFF" d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8
|
||||
c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4
|
||||
c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z"/>
|
||||
<g>
|
||||
<g>
|
||||
<path style="fill:#609926" d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2
|
||||
c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5
|
||||
c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5
|
||||
c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3
|
||||
c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1
|
||||
C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4
|
||||
c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7
|
||||
S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55
|
||||
c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8
|
||||
l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"/>
|
||||
<path style="fill:#609926" d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4
|
||||
c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1
|
||||
c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9
|
||||
c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3
|
||||
c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3
|
||||
c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29
|
||||
c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8
|
||||
C343.2,346.5,335,363.3,326.8,380.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
14
icons/nas.svg
Normal file
14
icons/nas.svg
Normal file
@ -0,0 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#a855f7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<!-- Server rack body -->
|
||||
<rect x="2" y="2" width="20" height="6" rx="1.5"/>
|
||||
<rect x="2" y="10" width="20" height="6" rx="1.5"/>
|
||||
<rect x="2" y="18" width="20" height="4" rx="1.5"/>
|
||||
<!-- LED dots -->
|
||||
<circle cx="18.5" cy="5" r="1" fill="#a855f7" stroke="none"/>
|
||||
<circle cx="18.5" cy="13" r="1" fill="#a855f7" stroke="none"/>
|
||||
<!-- Drive slots -->
|
||||
<line x1="5" y1="5" x2="14" y2="5"/>
|
||||
<line x1="5" y1="13" x2="14" y2="13"/>
|
||||
<line x1="5" y1="21" x2="10" y2="21"/>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 646 B |
3
icons/nextcloud.svg
Normal file
3
icons/nextcloud.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
1
icons/synology.svg
Normal file
1
icons/synology.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Synology_x5F_logo" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.st1{fill:#b5b6b6}</style><path d="M435.2 512H76.8C34.4 512 0 477.6 0 435.2V76.8C0 34.4 34.4 0 76.8 0h358.3C477.6 0 512 34.4 512 76.8v358.3c0 42.5-34.4 76.9-76.8 76.9" style="fill:#fff"/><path d="m25.6 260.5 16.5-1.5c1 5.5 3 9.6 6.1 12.2s7.2 3.9 12.4 3.9c5.5 0 9.6-1.2 12.4-3.5 2.8-2.4 4.2-5 4.2-8.1 0-2-.6-3.7-1.7-5.1-1.2-1.4-3.2-2.6-6.1-3.6-2-.8-6.5-2-13.6-3.8-9.1-2.2-15.5-5.1-19.2-8.4q-7.8-7.05-7.8-17.1c0-4.3 1.2-8.4 3.7-12.1 2.4-3.8 6-6.6 10.6-8.6 4.6-1.9 10.1-2.9 16.6-2.9 10.6 0 18.5 2.3 23.9 7s8.1 11 8.4 18.8l-17.1.6c-.8-4.3-2.3-7.4-4.7-9.3s-6-2.9-10.7-2.9c-4.9 0-8.8 1-11.6 3.1-1.8 1.3-2.7 3-2.7 5.2 0 2 .8 3.7 2.5 5.1 2.1 1.9 7.4 3.7 15.6 5.7 8.3 2 14.4 4 18.3 6.1q6 3.15 9.3 8.7c2.2 3.6 3.4 8.2 3.4 13.5 0 4.8-1.4 9.4-4 13.6-2.7 4.2-6.5 7.4-11.4 9.5-4.9 2-11 3.1-18.4 3.1q-16.05 0-24.6-7.5c-5.8-5-9.2-12.2-10.3-21.7" class="st1"/><path d="M92.1 226.7h17.1l14.6 43.6 14.3-43.6h16.7l-21.5 59-3.9 10.8c-1.4 3.6-2.8 6.3-4 8.2-1.3 1.9-2.8 3.5-4.4 4.6-1.7 1.1-3.8 2.1-6.1 2.7-2.5.7-5.2 1-8.3 1s-6.2-.4-9.2-1l-1.3-12.8c2.5.5 4.8.8 6.8.8 3.7 0 6.5-1.1 8.3-3.3 1.8-2.3 3.2-5.1 4.1-8.5zm119 61.4H195v-31.3c0-6.6-.3-10.8-1-12.8-.7-1.9-1.8-3.5-3.4-4.5-1.6-1.1-3.5-1.6-5.7-1.6-2.8 0-5.4.8-7.6 2.3-2.3 1.5-3.8 3.6-4.6 6.1-.8 2.6-1.2 7.2-1.2 14.1v27.7h-16.1v-61.4h14.9v9c5.4-6.8 12.1-10.2 20.2-10.2 3.6 0 6.9.7 9.9 1.9 3 1.3 5.2 2.9 6.7 5 1.5 2 2.6 4.3 3.2 6.8s.9 6.2.9 10.9v38z" class="st1"/><path d="M211.2 256.8c0-5.4 1.3-10.6 4-15.7 2.7-5 6.4-8.9 11.3-11.6s10.3-4 16.3-4q13.95 0 22.8 9c5.9 6 8.9 13.7 8.9 22.9q0 13.95-9 23.1c-6 6.1-13.5 9.2-22.6 9.2-5.6 0-11-1.3-16.1-3.8s-9-6.3-11.6-11.2c-2.7-4.9-4-10.9-4-17.9m16.5.8c0 6.1 1.4 10.8 4.4 14 2.9 3.3 6.5 4.9 10.7 4.9 4.3 0 7.8-1.6 10.7-4.9 2.9-3.2 4.3-7.9 4.3-14.1 0-6.1-1.4-10.7-4.3-13.9s-6.5-4.9-10.7-4.9c-4.3 0-7.8 1.7-10.7 4.9s-4.4 7.9-4.4 14" class="st1"/><path d="M294.4 195.2v79.3c0 3.8.3 6.3.8 7.5.6 1.3 1.4 2.2 2.5 2.8s3.3 1 6.3 1v2.4h-29.3v-2.4q4.05 0 5.7-.9c1-.6 1.8-1.5 2.3-2.8.6-1.3.8-3.8.8-7.5v-54.1c0-6.8-.1-11-.4-12.5-.3-1.6-.8-2.6-1.4-3.2-.7-.6-1.5-.9-2.5-.9-1.1 0-2.5.4-4.2 1.1l-1.1-2.3 17.6-7.3h2.9zm38.7 31.3c9.1 0 16.4 3.4 21.9 10.3 4.7 5.9 7 12.6 7 20.2 0 5.4-1.3 10.8-3.8 16.2-2.6 5.5-6.1 9.6-10.6 12.4s-9.5 4.2-15.1 4.2c-9.1 0-16.2-3.6-21.5-10.8-4.5-6-6.7-12.8-6.7-20.4 0-5.5 1.4-10.9 4.1-16.3 2.8-5.5 6.3-9.4 10.8-12.1 4.2-2.4 8.9-3.7 13.9-3.7m-2 4.4c-2.3 0-4.6.6-7 2-2.3 1.4-4.2 3.7-5.7 7.1-1.4 3.5-2.2 7.9-2.2 13.2 0 8.7 1.8 16.1 5.2 22.5 3.5 6.2 8 9.4 13.7 9.4 4.3 0 7.7-1.8 10.4-5.2 2.8-3.5 4.1-9.4 4.1-17.9 0-10.6-2.3-18.9-6.9-25-2.9-4.1-6.8-6.1-11.6-6.1m44 35.3c-3.6-1.9-6.4-4.3-8.4-7.5-1.9-3.2-2.9-6.7-2.9-10.6 0-5.9 2.2-11 6.6-15.2 4.5-4.3 10.2-6.4 17.1-6.4 5.7 0 10.6 1.3 14.8 4.1h12.6c1.9 0 3 .1 3.3.2q.45.15.6.6c.2.4.4 1.1.4 2.1 0 1.1-.1 2-.3 2.4-.1.2-.4.4-.7.5s-1.4.2-3.3.2h-7.8c2.5 3.1 3.7 7.2 3.7 12.1 0 5.6-2.2 10.3-6.4 14.3q-6.45 6-17.1 6c-3 0-6-.4-9.1-1.4-1.8 1.7-3.1 3.1-3.7 4.4-.7 1.3-1 2.3-1 3.1s.4 1.5 1.1 2.2q1.05 1.05 4.2 1.5c1.2.2 4.3.4 9.1.5 8.9.3 14.7.6 17.4 1.1 4 .6 7.3 2.1 9.7 4.5s3.6 5.4 3.6 8.9c0 4.8-2.3 9.5-6.9 13.7-6.7 6.3-15.6 9.4-26.4 9.4-8.4 0-15.4-1.8-21.2-5.6-3.3-2.2-4.9-4.4-4.9-6.8 0-1 .2-2.1.7-3.1.7-1.6 2.2-3.8 4.5-6.7.3-.4 2.5-2.7 6.5-7-2.2-1.4-3.8-2.6-4.7-3.7s-1.4-2.3-1.4-3.6q0-2.25 1.8-5.4c1.2-2.2 4-5.1 8.5-8.8m-.6 21.9c-2 2.2-3.5 4.2-4.5 6.2-1 1.8-1.5 3.6-1.5 5.2 0 2.1 1.2 3.9 3.8 5.5 4.4 2.7 10.6 4 18.8 4 7.8 0 13.5-1.4 17.3-4.1 3.7-2.7 5.6-5.6 5.6-8.7q0-3.3-3.3-4.8c-2.3-1-6.7-1.5-13.5-1.7-9.9-.3-17.4-.9-22.7-1.6m11.9-58.3c-3.2 0-5.9 1.3-8 3.9-2.2 2.5-3.2 6.4-3.2 11.7 0 6.8 1.5 12.1 4.4 15.9 2.3 2.8 5.1 4.3 8.5 4.3 3.3 0 6-1.3 8.1-3.7 2.1-2.5 3.2-6.3 3.2-11.5 0-6.9-1.5-12.3-4.4-16.1-2.3-3-5.1-4.5-8.6-4.5m34.7-1.5h28v2.4h-1.4c-2 0-3.4.5-4.4 1.3-1 .9-1.4 1.9-1.4 3.2 0 1.7.7 4.1 2.2 7.1l14.6 30.3 13.3-33.1c.7-1.8 1.1-3.6 1.1-5.4 0-.8-.2-1.3-.5-1.7-.4-.5-.9-.9-1.6-1.1-.7-.3-2-.5-3.9-.5v-2.4h19.3v2.4c-1.6.2-2.9.5-3.7 1.1-.9.5-1.8 1.5-2.9 2.9-.4.6-1.2 2.3-2.2 5l-24.2 59.6c-2.4 5.8-5.5 10.2-9.3 13.1-3.8 3-7.5 4.4-11.1 4.4-2.6 0-4.7-.7-6.4-2.2s-2.5-3.1-2.5-5.1c0-1.8.6-3.2 1.8-4.4s2.9-1.7 5-1.7c1.4 0 3.4.5 5.9 1.4 1.7.6 2.9 1 3.3 1 1.3 0 2.7-.7 4.3-2 1.5-1.3 3.1-3.9 4.7-7.8l4.2-10.4-21.5-45c-.7-1.4-1.7-3-3.1-5-1.1-1.5-2-2.5-2.7-3.1q-1.5-1.05-4.8-1.8v-2.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
36
index.php
36
index.php
@ -5,14 +5,14 @@ $projects = [
|
||||
"title" => "Gitea",
|
||||
"description" => "Mein privates Git-Repository – Quellcode, Projekte & mehr.",
|
||||
"url" => "/git",
|
||||
"icon" => "fab fa-git-alt",
|
||||
"color" => "#f97316"
|
||||
"logo" => "icons/gitea.svg",
|
||||
"color" => "#609926"
|
||||
],
|
||||
[
|
||||
"title" => "Nextcloud",
|
||||
"description" => "Meine persönliche Cloud – Dateien, Kalender & Kontakte.",
|
||||
"url" => "/nextcloud",
|
||||
"icon" => "fas fa-cloud",
|
||||
"logo" => "icons/nextcloud.svg",
|
||||
"color" => "#0082c9"
|
||||
],
|
||||
],
|
||||
@ -21,8 +21,8 @@ $projects = [
|
||||
"title" => "Geizkragen.store",
|
||||
"description" => "Schulprojekt – Ein Online-Shop für Schnäppchenjäger.",
|
||||
"url" => "https://geizkragen.store",
|
||||
"icon" => "fas fa-store",
|
||||
"color" => "#22c55e",
|
||||
"logo" => "icons/geizkragen.png",
|
||||
"color" => "#e8281e",
|
||||
"external" => true
|
||||
],
|
||||
],
|
||||
@ -30,16 +30,16 @@ $projects = [
|
||||
[
|
||||
"title" => "Home Assistant",
|
||||
"description" => "Meine Smart-Home-Zentrale – Automatisierungen & Geräte.",
|
||||
"url" => "https://homeassistant.fabianschieder.com",
|
||||
"icon" => "fas fa-house-signal",
|
||||
"color" => "#f59e0b",
|
||||
"url" => "http://homeassistant.fabianschieder.com",
|
||||
"logo" => "icons/homeassistant.svg",
|
||||
"color" => "#18BCF2",
|
||||
"external" => true
|
||||
],
|
||||
[
|
||||
"title" => "NAS",
|
||||
"description" => "Mein Netzwerkspeicher – Daten & Backups.",
|
||||
"url" => "https://nas.fabianschieder.com",
|
||||
"icon" => "fas fa-server",
|
||||
"url" => "http://nas.fabianschieder.com",
|
||||
"logo" => "icons/nas.svg",
|
||||
"color" => "#a855f7",
|
||||
"external" => true
|
||||
],
|
||||
@ -86,7 +86,15 @@ $projects = [
|
||||
style="--accent: <?= htmlspecialchars($project['color']) ?>;"
|
||||
>
|
||||
<div class="card-icon">
|
||||
<i class="<?= htmlspecialchars($project['icon']) ?>"></i>
|
||||
<?php if (!empty($project['logo'])): ?>
|
||||
<img
|
||||
src="<?= htmlspecialchars($project['logo']) ?>"
|
||||
alt="<?= htmlspecialchars($project['title']) ?> Logo"
|
||||
class="card-logo<?= !empty($project['logo_invert']) ? ' card-logo--invert' : '' ?><?= !empty($project['logo_bg']) ? ' card-logo--bg' : '' ?>"
|
||||
>
|
||||
<?php else: ?>
|
||||
<i class="<?= htmlspecialchars($project['icon']) ?>"></i>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3><?= htmlspecialchars($project['title']) ?></h3>
|
||||
@ -111,3 +119,9 @@ $projects = [
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
21
style.css
21
style.css
@ -179,6 +179,25 @@ section {
|
||||
background: rgba(255, 255, 255, 0.09);
|
||||
}
|
||||
|
||||
.card-logo {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.card-logo--invert {
|
||||
filter: invert(1) brightness(1.8);
|
||||
}
|
||||
|
||||
.card-logo--bg {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
padding: 3px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
/* ===== CARD BODY ===== */
|
||||
.card-body {
|
||||
flex: 1;
|
||||
@ -234,3 +253,5 @@ footer {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user