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

H_H

Browse source
This commit is contained in:
catmpeg 2025-10-22 07:12:21 +03:00
commit 6e7d396081
8 changed files with 45 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
404.html
View file

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<main> <main>
<h1>404 Not Found ^_^</h1> <h1 class="h1-404">404</h1>
<h2><a href="/">Main Page</a></h2> <h2><a href="/">Main Page</a></h2>
</main> </main>
</body> </body>

BIN
assets/JetBrainsMono.ttf Normal file
View file

Binary file not shown.

BIN
assets/Segoe UI.ttf
View file

Binary file not shown.

BIN
assets/favicon.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 59 KiB

BIN
assets/favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 246 KiB

41
assets/styles.css
View file

@ -1,14 +1,28 @@
body { body {
margin: 0; margin: 0;
min-height: 100svh; min-height: 100svh;
font: 14px 'SegoeUI',monospace; font: 14px 'JetBrainsMono',monospace;
color: #fff; color: #fff;
text-align: center; text-align: center;
background: #111; background: url("wallhaven-3kkgl6.jpg") center/cover fixed;
/* background-color: rgb(27,27,27); */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
body:before {
content: '';
position: fixed;
inset: 0;
background: rgba(37,37,37,0.5);
pointer-events: none;
}
body * {
position: relative;
z-index: 1;
}
main { main {
max-width: 1000px; max-width: 1000px;
width: calc(100% - 20px); width: calc(100% - 20px);
@ -18,17 +32,23 @@ main {
} }
a { a {
color: rgb(66,131,252); color: rgb(0, 162, 255);
text-decoration: none; text-decoration: none;
} }
.jccenter { a:hover {
text-decoration: underline;
}
.info {
display: flex; display: flex;
gap: 50px;
justify-content: center; justify-content: center;
} }
.myfriends { .h1-404 {
margin-left: 50px; font-size: 6em;
margin: 0 auto;
} }
@media(max-width:600px){ @media(max-width:600px){
@ -36,13 +56,12 @@ a {
main { padding:15px; } main { padding:15px; }
h1 { font-size:1.5rem; } h1 { font-size:1.5rem; }
h2,h3 { font-size:1.1rem; margin:12px 0; } h2,h3 { font-size:1.1rem; margin:12px 0; }
.jccenter { display:block; } .info { display:block; }
.myfriends { margin-left:0; }
} }
@font-face{ @font-face{
font-family: 'SegoeUI'; font-family: 'JetBrainsMono';
src: url('Segoe UI.ttf') format('truetype'); src: url('JetBrainsMono.ttf') format('truetype');
font-weight: normal; font-weight: bold;
font-display: swap; font-display: swap;
} }

BIN
assets/wallhaven-3kkgl6.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 558 KiB

27
index.html
View file

@ -5,35 +5,36 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="xelframe page"> <meta name="description" content="xelframe page">
<title>xelframe page</title> <title>xelframe page</title>
<link rel="icon" href="assets/favicon.jpg"> <link rel="icon" href="assets/favicon.png">
<link rel="stylesheet" href="assets/styles.css"> <link rel="stylesheet" href="assets/styles.css">
</head> </head>
<body> <body>
<main> <main>
<h1> <h1>
xelframe home page xelframe home page
<img src="assets/favicon.jpg" width="48" style="vertical-align: middle;">
</h1> </h1>
<div class="jccenter"> <div class="info">
<div> <div>
<h2>Socials:</h2> <h2>Socials:</h2>
<h3>Discord: xelframe</h3> <h3>Discord: xelframe</h3>
<h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3> <h3>Telegram: <a href="//t.me/xelframe">xelframe</a></h3>
<h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3> <h3>Github: <a href="//github.com/xelframe">xelframe</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3> <h3>Steam: <a href="//steamcommunity.com/id/xelframe">xelframe</a></h3>
<h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3> <h3>YouTube: <a href="//www.youtube.com/@xelframe">@xelframe</a></h3>
</div> </div>
<div class="myfriends">
<div>
<h2>My friends:</h2> <h2>My friends:</h2>
<h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3> <h3>Cat.: <a href="//patrickstar8753.github.io">patrickstar8753.github.io</a></h3>
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru" target="_blank">tolya1337.ru</a></h3> <h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
</div> </div>
</div> </div>
</main>
<h3> <h3>
<a href="//otomir23.me/webring/34/prev">~prev</a> <a href="//otomir23.me/webring/34/prev">~prev</a>
<a href="//otomir23.me/webring" target="_blank">webring</a> <a href="//otomir23.me/webring" target="_blank">webring</a>
<a href="//otomir23.me/webring/34/next">next~</a> <a href="//otomir23.me/webring/34/next">next~</a>
</h3> </h3>
</main>
</body> </body>
</html> </html>