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

dark

Browse source
This commit is contained in:
catmpeg 2025-12-26 22:41:32 +03:00
commit 3ac480374c
3 changed files with 56 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/avatar.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

36
assets/styles.css
View file

@ -15,15 +15,15 @@ body {
font-family: 'ConsolasBold', 'consolas'; font-family: 'ConsolasBold', 'consolas';
font: 14px 'ConsolasBold'; font: 14px 'ConsolasBold';
color: #fff; color: #fff;
background-color: #080808; background-color: #181818;
background: url('background.png') center/cover fixed no-repeat; /* background: url('background.png') center/cover fixed no-repeat; */
text-align: center; text-align: center;
} }
main { main {
margin-top: 20px; margin-top: 20px;
border-radius: 15px; border-radius: 15px;
background-color: rgb(1,1,1,0.3); background-color: rgb(1,1,1,0.2);
padding: 20px; padding: 20px;
width: 800px; width: 800px;
max-width: 100%; max-width: 100%;
@ -33,7 +33,7 @@ main {
.down { .down {
margin-top: 20px; margin-top: 20px;
border-radius: 15px; border-radius: 15px;
background-color: rgb(1,1,1,0.3); background-color: rgb(1,1,1,0.2);
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -44,10 +44,27 @@ a {
} }
.title { .title {
font-size: 3em; display: flex;
font-weight: 400; justify-content: center;
align-items: center;
gap: 15px;
} }
.blocks {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.block {
padding: 10px 15px;
background-color: #111111;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -79,8 +96,11 @@ label {
height: 50px; height: 50px;
width: 40%; width: 40%;
resize: none; resize: none;
color: white; color: #ddd;
background-color: rgb(29,29,29,0.1); background: rgba(35, 35, 35, 0.85);
border: 1px solid #555;
border-radius: 5px;
padding: 5px;
} }
@media (max-width: 800px) { @media (max-width: 800px) {

40
index.html
View file

@ -6,26 +6,38 @@
<meta name="description" content="catmpeg page"> <meta name="description" content="catmpeg page">
<title>catmpeg page</title> <title>catmpeg page</title>
<link rel="icon" href="assets/favicon.png"> <link rel="icon" href="assets/favicon.png">
<link rel="preconnect" href="https://lastfm-last-played.biancarosa.com.br" crossorigin> <link rel="preconnect" href="//lastfm-last-played.biancarosa.com.br" crossorigin>
<link rel="preload" href="assets/ConsolasBold.otf" as="font" type="font/otf" crossorigin> <link rel="preload" href="assets/ConsolasBold.otf" as="font" type="font/otf" crossorigin>
<link rel="stylesheet" href="assets/styles.css"> <link rel="stylesheet" href="assets/styles.css">
</head> </head>
<body> <body>
<main> <main>
<h1>catmpeg home page</h1> <h1 class="title"><img src="assets/avatar.jpg" width="54" alt="catmpeg"> catmpeg home page <img src="assets/avatar.jpg" width="54" alt="catmpeg"></h1>
<h2>About me:</h2>
<h3>hello, my online name is catmpeg.</h3>
<h3>i enjoy playing various games and listening to music.</h3>
<h3>live in minsk, belarus.</h3>
<h3>like the aesthetics of the 2000s, for example, frituger aero and others.</h3>
<h3>my birthday is on september 12.</h3>
<h3>some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.</h3>
<h3>=^.^=</h3>
<h2>Socials:</h2> <h2>Socials:</h2>
<h3>Discord: catmpeg</h3> <div class="blocks">
<h3>Telegram: <a href="//t.me/catmpeg">catmpeg</a></h3> <div class="block">Discord: catmpeg</div>
<h3>Github: <a href="//github.com/catmpeg">catmpeg</a></h3> <div class="block">Telegram: <a href="//t.me/catmpeg">catmpeg</a></div>
<h3>Steam: <a href="//steamcommunity.com/id/catmpeg">catmpeg</a></h3> <div class="block">Github: <a href="//github.com/catmpeg">catmpeg</a></div>
<h3>YouTube: <a href="//www.youtube.com/@catmpeg">catmpeg</a></h3> <div class="block">Steam: <a href="//steamcommunity.com/id/catmpeg">catmpeg</a></div>
<h3>Last.fm: <a href="//www.last.fm/user/catmpeg">catmpeg</a></h3> <div class="block">YouTube: <a href="//www.youtube.com/@catmpeg">catmpeg</a></div>
<div class="block">Last.fm: <a href="//www.last.fm/user/catmpeg">catmpeg</a></div>
</div>
<h2>My friends:</h2> <h2>My friends:</h2>
<h3>Cat.: <a href="//cat8753.ru">cat8753.ru</a></h3> <div class="blocks">
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3> <div class="block">Cat.: <a href="//cat8753.ru">cat8753.ru</a></div>
<h3>ShadowCj: <a href="//shadowcj.rf.gd">shadowcj.rf.gd</a></h3> <div class="block">Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></div>
<h3>HonakAC: <a href="//honakac.r2squad.ru">honakac.r2squad.ru</a></h3> <div class="block">ShadowCj: <a href="//shadowcj.rf.gd">shadowcj.rf.gd</a></div>
<h3>OctoBanon: <a href="//octobanon.com">octobanon.com</a></h3> <div class="block">HonakAC: <a href="//honakac.r2squad.ru">honakac.r2squad.ru</a></div>
<div class="block">OctoBanon: <a href="//octobanon.com">octobanon.com</a></div>
</div><br>
<label for="mybutton">My button:</label> <label for="mybutton">My button:</label>
<textarea id="mybutton" readonly>&lt;a href="//cat.tolya1337.ru"&gt;&lt;img src="//cat.tolya1337.ru/catmpeg88.png" alt="catmpeg"&gt;&lt;/a&gt;</textarea> <textarea id="mybutton" readonly>&lt;a href="//cat.tolya1337.ru"&gt;&lt;img src="//cat.tolya1337.ru/catmpeg88.png" alt="catmpeg"&gt;&lt;/a&gt;</textarea>
<br><br> <br><br>
@ -44,7 +56,7 @@
<a href="//otomir23.me/webring/catmpeg/next">next&gt;</a> <a href="//otomir23.me/webring/catmpeg/next">next&gt;</a>
</h3><br> </h3><br>
<a href="//tolya1337.ru" target="_blank" style="image-rendering:pixelated"><img src="//tolya1337.ru/img/88x31.png" height="31" width="88" alt="tolya1337"></a> <a href="//tolya1337.ru" target="_blank" style="image-rendering:pixelated"><img src="//tolya1337.ru/img/88x31.png" height="31" width="88" alt="tolya1337"></a>
<a href="https://otomir23.me/" target="_blank" style="image-rendering:pixelated"><img src="https://otomir23.me/88x31.png" height="31" width="88" alt="otomir23"></a> <a href="//otomir23.me/" target="_blank" style="image-rendering:pixelated"><img src="//otomir23.me/88x31.png" height="31" width="88" alt="otomir23"></a>
<a href="//code.visualstudio.com" target="_blank" style="image-rendering:pixelated"><img src="assets/images/vscbutton.gif" height="31" width="88" alt="VSCode"></a> <a href="//code.visualstudio.com" target="_blank" style="image-rendering:pixelated"><img src="assets/images/vscbutton.gif" height="31" width="88" alt="VSCode"></a>
<a href="//xfree86.org" target="_blank" style="image-rendering:pixelated"><img src="assets/images/xfree.gif" height="31" width="88" alt="XFree86"></a> <a href="//xfree86.org" target="_blank" style="image-rendering:pixelated"><img src="assets/images/xfree.gif" height="31" width="88" alt="XFree86"></a>
<a href="//archlinux.org" target="_blank" style="image-rendering:pixelated"><img src="assets/images/archlinux.gif" height="31" width="88" alt="Arch Linux"></a> <a href="//archlinux.org" target="_blank" style="image-rendering:pixelated"><img src="assets/images/archlinux.gif" height="31" width="88" alt="Arch Linux"></a>