cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/catmpeg/catmpeg.github.io.git synced 2026-02-20 07:40:56 +03:00
Code Issues Projects Releases Packages Wiki Activity

ааа ето штоооо

Browse source
This commit is contained in:
catmpeg 2025-12-12 14:22:15 +03:00
commit d490c86dad
4 changed files with 32 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/background.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.6 MiB

28
assets/styles.css
View file

@ -6,25 +6,37 @@
}
body {
margin: 20px 0 0 0;
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
font-family: 'ConsolasBold', 'consolas';
font: 14px 'ConsolasBold';
color: #fff;
background-color: #080808;
background: url('background.png') center/cover fixed no-repeat;
text-align: center;
background-color: #111111;
display: flex;
flex-direction: column;
align-items: center;
}
main {
border: thick double;
margin-top: 20px;
border-radius: 15px;
background-color: rgb(1,1,1,0.3);
padding: 20px;
width: 800px;
max-width: 100%;
box-sizing: border-box;
}
.down {
border-radius: 15px;
background-color: rgb(1,1,1,0.3);
padding: 10px;
margin-bottom: 20px;
}
a {
color: #949494;
text-decoration: none;
@ -59,12 +71,12 @@ a:hover {
width: 40%;
resize: none;
color: white;
background-color: #1d1d1d;
background-color: rgb(29,29,29,0.1);
}
@media (max-width: 800px) {
body { gap: 15px; padding: 0 10px; }
main { padding: 15px; width: auto; max-width: 100%; }
main { padding: 15px; }
h1 { font-size: 1.5rem; }
h2, h3 { font-size: 1.1rem; margin: 12px 0; }
.info { display: block; }

BIN
catmpeg88.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 889 B

After

Width:  |  Height:  |  Size: 5.8 KiB

Before After
Before After

16
index.html
View file

@ -17,6 +17,7 @@
<h3>Github: <a href="//github.com/catmpeg">catmpeg</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/catmpeg">catmpeg</a></h3>
<h3>YouTube: <a href="//www.youtube.com/@catmpeg">catmpeg</a></h3>
<h3>Last.fm: <a href="//www.last.fm/user/catmpeg">catmpeg</a></h3>
<h2>My friends:</h2>
<h3>Cat.: <a href="//cat8753.ru">cat8753.ru</a></h3>
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
@ -24,12 +25,19 @@
<h2>My button:</h2>
<textarea class="mybutton" readonly>&lt;a href="//catmpeg.tolya1337.ru"&gt;&lt;img src="//catmpeg.tolya1337.ru/catmpeg88.png"&gt;&lt;/a&gt;</textarea>
<br><br>
<a href="//cat.tolya1337.ru"><img src="catmpeg88.png">
<a href="//cat.tolya1337.ru"><img src="catmpeg88.png"></a>
<h2>Latest played song:</h2>
<h3 id="song"></h3>
<script>let u='catmpeg',s=document.querySelector('#song');fetch('https://lastfm-last-played.biancarosa.com.br/'+u+'/latest-song').then(r=>r.json()).then(j=>s.innerHTML=`<a href="https://www.last.fm/music/${encodeURIComponent(j.track.artist['#text']).replace(/%20/g,'+')}/_/${encodeURIComponent(j.track.name).replace(/%20/g,'+')}" target="_blank">${j.track.name} - ${j.track.artist['#text']}</a>`);</script>
</main>
<div class="down">
<h3><a href="//retro.cat.tolya1337.ru">&gt; retro page &lt;</a></h3>
<h3>
<a href="//otomir23.me/webring/34/prev">&lt;prev</a>
<a href="//otomir23.me/webring/catmpeg/prev">&lt;prev</a>
<a href="//otomir23.me/webring" target="_blank">webring</a>
<a href="//otomir23.me/webring/34/next">next&gt;</a>
<a href="//otomir23.me/webring/catmpeg/next">next&gt;</a>
</h3><br>
<a href="//tolya1337.ru"><img src="//tolya1337.ru/img/88x31.png"></a>
<a href="https://otomir23.me/" target="_blank" style="image-rendering:pixelated"><img src="https://otomir23.me/88x31.png" alt="otomir23's 88x31 button"></a>
@ -39,6 +47,6 @@
<a href="//firefox.com"><img src="assets/images/firefox2.gif" height="31" width="88"></a>
<a href="//github.com"><img src="assets/images/github.gif" height="31" width="88"></a>
<a href="//reddit.com"><img src="assets/images/reddit.gif" height="31" width="88"></a>
</main>
</div>
</body>
</html>