Set gallery-item gradient

This commit is contained in:
deflax 2025-03-05 13:43:33 +00:00
parent 2cea99f194
commit 06192d0ae1
2 changed files with 19 additions and 17 deletions

View file

@ -26,7 +26,7 @@ video {
}
.violet {
color: rgb(132,4,217) !important;
color: rgb(132, 4, 217) !important;
}
.content-container {
@ -39,7 +39,7 @@ video {
.gallery {
display: grid;
grid-gap: 10px;
grid-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
@ -48,7 +48,9 @@ video {
position: relative;
cursor: pointer;
box-sizing: border-box;
border-radius: 5px;
border-radius: 3px;
background: rgb(132, 4, 217);
background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%);
}
.gallery img {

View file

@ -253,28 +253,28 @@ document.addEventListener('DOMContentLoaded', () => {
</div>
<div class="col col-xl-2">
<div class="content">
<h2>Media</h2>
<p><a href='https://youtube.com/@daniel.deflax' target=_blank><img src="static/images/icons8-youtube-96.png"></a></p>
<p><a href='https://www.twitch.tv/deflaxtv' target_blank><img src="static/images/icons8-twitch-96.png"></a></p>
<p><a href='https://soundcloud.com/deflax' target=_blank><img src="static/images/icons8-soundcloud-96.png"></a></p>
<h2>Friends</h2>
<p><a href='https://jungletrain.net/' target=_blank><img src="static/images/jtlogo.png" height="64"></a></p>
<p><a href='http://freerave.cz/' target=_blank><img src="static/images/freeravemini.png" height="64"></a></p>
<p><a href='http://iwayhigh.net/' target=_blank>|iway|High</a></p>
<p><a href='https://anima.sknt.ru/' target=_blank>Anima Amoris</a></p>
<p>You! 🙃</p>
</div>
</div>
<div class="col col-xl-2">
<div class="content">
<h2>Social</h2>
<p><a href='https://discord.com/invite/KKGtn6GCE3' target=_blank><img src="static/images/icons8-discord-96.png"></a></p>
<p><a href='https://facebook.com/daniel.default' target=_blank><img src="static/images/icons8-facebook-96.png"></a></p>
<p><a href='https://instagram.com/daniel.deflax' target=_blank><img src="static/images/icons8-instagram-96.png"></a></p>
<h2>Media</h2>
<p><a href='https://youtube.com/@daniel.deflax' target=_blank><img src="static/images/icons8-youtube-96.png"></a></p>
<p><a href='https://www.twitch.tv/deflaxtv' target_blank><img src="static/images/icons8-twitch-96.png"></a></p>
<p><a href='https://soundcloud.com/deflax' target=_blank><img src="static/images/icons8-soundcloud-96.png"></a></p>
</div>
</div>
<div class="col col-xl-4">
<div class="content">
<h2>Friends</h2>
<p><a href='https://jungletrain.net/' target=_blank><img src="static/images/jtlogo.png" height="64"></a></p>
<p><a href='http://freerave.cz/' target=_blank><img src="static/images/freeravemini.png" height="64"></a></p>
<p><a href='http://iwayhigh.net/' target=_blank>|iway|High</a></p>
<p><a href='https://anima.sknt.ru/' target=_blank>Anima Amoris</a></p>
<p>You! 🙃</p>
<h2>Spam</h2>
<p><a href='https://discord.com/invite/KKGtn6GCE3' target=_blank><img src="static/images/icons8-discord-96.png"></a></p>
<p><a href='https://instagram.com/daniel.deflax' target=_blank><img src="static/images/icons8-instagram-96.png"></a></p>
<p><a href='https://facebook.com/daniel.default' target=_blank><img src="static/images/icons8-facebook-96.png"></a></p>
</div>
</div>
<div class="col col-xl-3">