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

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>