ramforth/matrix-pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Commit: Addind missing svg icons

Browse Source
This commit is contained in:
ramforth
2025-12-27 14:20:34 +01:00
parent 6a321029f2
commit d52ee8c4e8
2 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
azuracast.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!-- Azuracast Logo Silhouette (Waves and Note) -->
<g transform="translate(-28.803 -13.716) scale(1.00386)">
<!-- Top Waves/Accents -->
<path d="m361.59 87.543-114.387 28.75-8.183-32.557 114.386-28.75zM149.111 121.48l-85.61 81.128-23.092-24.368 85.61-81.128z" fill="black"/>
<!-- Outer Wave -->
<path d="M418.861 12.496c-74.723-9.37-152.694 4.74-222.683 45.149S75.113 158.748 45.735 227.919c-6.28 15.629 1.44 33.677 17.448 38.537l2.485.666c14.269 4.964 29.511-2.936 35.22-16.434 24.145-57.449 66.982-107.986 125.044-141.508s122.667-45.316 185.07-37.536c14.675 2.03 29.008-7.446 31.843-22.285l.666-2.485c3.215-16.26-7.975-32.003-24.65-34.378" fill="black"/>
<!-- Middle Wave -->
<path d="M396.67 110.225c-50.69-4.641-103.244 6.197-150.73 33.612-47.484 27.416-82.697 67.25-104.473 113.729-7.44 15.698.54 34.196 17.258 39.246l2.035.926c14.009 4.514 28.871-1.966 34.71-15.24 16.862-35.24 43.767-66.076 80.225-87.125s76.616-28.931 115.115-25.654c14.415 1.58 27.328-8.276 30.553-22.44l.216-2.225c4.245-16.554-7.915-32.938-24.91-34.829" fill="black"/>
<!-- Inner Wave -->
<path d="M372.582 209.35c-25.945.276-52.668 7.002-76.748 20.905s-43.267 33.682-56.479 56.013c-8.955 15.672-1.097 36.04 16.332 41.28l2.485.667c12.554 3.554 26.136-.987 33.05-11.88 8.349-14.122 19.738-26.099 35.041-34.934 15.078-8.706 31.37-12.71 47.775-12.88 13.15-.09 24.004-9.358 26.813-22.682l.666-2.485c3.05-17.064-10.434-34.184-28.935-34.005" fill="black"/>
</g>
<!-- Musical Note -->
<path d="M138.9 31.9c-1.8-1.5-4.2-1.8-6.4-1.3L86 42.4c-3.3.9-5.6 3.8-5.6 7.1v55.3c-2.5-1.1-5.5-1.6-8.7-1.6-10 0-17.8 6.2-17.8 13.8s7.8 13.8 17.8 13.8 17.8-6.2 17.8-13.8V65.4l42.9-10.9v36.9c-2.5-1.1-5.5-1.6-8.7-1.6-10 0-17.8 6.2-17.8 13.8s7.8 13.8 17.8 13.8 17.8-6.2 17.8-13.8V37.7c.3-2.3-.8-4.5-2.6-5.8" fill="black" transform="translate(-160.672 -94.206) scale(4.21541)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

33
index.html
View File

@@ -119,6 +119,31 @@
.contact-link:hover {
color: var(--accent);
}
.social-row {
display: flex;
justify-content: center;
gap: 1.25rem;
margin-top: 1.5rem;
}
.social-icon {
display: block;
width: 20px;
height: 20px;
background-color: var(--text-muted);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.2s ease;
}
.social-icon:hover {
background-color: var(--accent);
}
</style>
</head>
<body>
@@ -144,6 +169,14 @@
<div class="contact">
<span class="contact-label">Administrator</span>
<a href="mailto:tech@ramforth.net" class="contact-link">tech@ramforth.net</a>
<div class="social-row">
<a href="https://cloud9.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/nextcloud'); mask-image: url('https://cdn.simpleicons.org/nextcloud');" aria-label="Nextcloud"></a>
<a href="https://gitea.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/gitea'); mask-image: url('https://cdn.simpleicons.org/gitea');" aria-label="Gitea"></a>
<a href="https://radio.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/azuracast'); mask-image: url('https://cdn.simpleicons.org/azuracast');" aria-label="Azuracast"></a>
<a href="https://twitch.tv/ramforth" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/twitch'); mask-image: url('https://cdn.simpleicons.org/twitch');" aria-label="Twitch"></a>
<a href="mailto:tech@ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/gmail'); mask-image: url('https://cdn.simpleicons.org/gmail');" aria-label="Email"></a>
</div>
</div>
</div>