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>
<body>
<main>
<h1>404 Not Found ^_^</h1>
<h1 class="h1-404">404</h1>
<h2><a href="/">Main Page</a></h2>
</main>
</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 {
margin: 0;
min-height: 100svh;
font: 14px 'SegoeUI',monospace;
font: 14px 'JetBrainsMono',monospace;
color: #fff;
text-align: center;
background: #111;
background: url("wallhaven-3kkgl6.jpg") center/cover fixed;
/* background-color: rgb(27,27,27); */
display: flex;
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 {
max-width: 1000px;
width: calc(100% - 20px);
@ -18,17 +32,23 @@ main {
}
a {
color: rgb(66,131,252);
color: rgb(0, 162, 255);
text-decoration: none;
}
.jccenter {
a:hover {
text-decoration: underline;
}
.info {
display: flex;
gap: 50px;
justify-content: center;
}
.myfriends {
margin-left: 50px;
.h1-404 {
font-size: 6em;
margin: 0 auto;
}
@media(max-width:600px){
@ -36,13 +56,12 @@ a {
main { padding:15px; }
h1 { font-size:1.5rem; }
h2,h3 { font-size:1.1rem; margin:12px 0; }
.jccenter { display:block; }
.myfriends { margin-left:0; }
.info { display:block; }
}
@font-face{
font-family: 'SegoeUI';
src: url('Segoe UI.ttf') format('truetype');
font-weight: normal;
font-family: 'JetBrainsMono';
src: url('JetBrainsMono.ttf') format('truetype');
font-weight: bold;
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="description" content="xelframe page">
<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">
</head>
<body>
<main>
<h1>
xelframe home page
<img src="assets/favicon.jpg" width="48" style="vertical-align: middle;">
xelframe home page
</h1>
<div class="jccenter">
<div class="info">
<div>
<h2>Socials:</h2>
<h3>Discord: xelframe</h3>
<h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3>
<h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3>
<h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3>
<h3>Telegram: <a href="//t.me/xelframe">xelframe</a></h3>
<h3>Github: <a href="//github.com/xelframe">xelframe</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/xelframe">xelframe</a></h3>
<h3>YouTube: <a href="//www.youtube.com/@xelframe">@xelframe</a></h3>
</div>
<div class="myfriends">
<div>
<h2>My friends:</h2>
<h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru" target="_blank">tolya1337.ru</a></h3>
<h3>Cat.: <a href="//patrickstar8753.github.io">patrickstar8753.github.io</a></h3>
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
</div>
</div>
</main>
<h3>
<a href="//otomir23.me/webring/34/prev">~prev</a>
<a href="//otomir23.me/webring" target="_blank">webring</a>
<a href="//otomir23.me/webring/34/next">next~</a>
</h3>
</main>
</body>
</html>
</html>