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

да

Browse source
This commit is contained in:
catmpeg 2025-11-09 21:22:54 +03:00
commit bc3f6afffa
6 changed files with 39 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/Doto-Bold.ttf Normal file
View file

Binary file not shown.

BIN
assets/JetBrainsMono.ttf
View file

Binary file not shown.

BIN
assets/Monocraft.ttf Normal file
View file

Binary file not shown.

55
assets/styles.css
View file

@ -1,28 +1,22 @@
@font-face{
font-family: 'Doto';
src: url('Monocraft.ttf') format('truetype');
font-weight: bold;
font-display: swap;
}
body { body {
margin: 0; margin: 0;
min-height: 100svh; min-height: 100svh;
font: 14px 'JetBrainsMono',monospace; font: 14px 'Doto',monospace;
color: #fff; color: #fff;
text-align: center; text-align: center;
background: url("wallhaven-3kkgl6.jpg") center/cover fixed; /* background: url("wallhaven-3kkgl6.jpg") center/cover fixed; */
/* background-color: rgb(27,27,27); */ background-color: #2c1b02;
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);
@ -32,36 +26,45 @@ main {
} }
a { a {
color: rgb(0, 162, 255); /* color: rgb(0, 162, 255); */
color: #fa9c0f;
text-decoration: none; text-decoration: none;
} }
.maintitle {
font-size: 3em;
font-weight: 400;
}
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* .flip {
display: inline-block;
transform: scaleX(-1);
} */
.info { .info {
display: flex; display: flex;
gap: 50px;
justify-content: center; justify-content: center;
} }
.info > div {
margin: 0 20px;
}
.h1-404 { .h1-404 {
font-size: 6em; font-size: 6em;
font-weight: 400;
margin: 0 auto; margin: 0 auto;
} }
@media(max-width:600px){ @media(max-width:650px){
body { gap:15px; padding:0 10px; } body { gap:15px; padding:0 10px; }
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; }
.info { display:block; } .info { display:block; }
} .info > div { margin: 0; }
@font-face{
font-family: 'JetBrainsMono';
src: url('JetBrainsMono.ttf') format('truetype');
font-weight: bold;
font-display: swap;
} }

BIN
assets/wallhaven-3kkgl6.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 558 KiB

14
index.html
View file

@ -10,9 +10,9 @@
</head> </head>
<body> <body>
<main> <main>
<h1> <div class="maintitle">
xelframe home page xelframe home page
</h1> </div>
<div class="info"> <div class="info">
<div> <div>
<h2>Socials:</h2> <h2>Socials:</h2>
@ -22,19 +22,25 @@
<h3>Steam: <a href="//steamcommunity.com/id/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> <h3>YouTube: <a href="//www.youtube.com/@xelframe">@xelframe</a></h3>
</div> </div>
<br>
<div> <div>
<h2>My friends:</h2> <h2>My friends:</h2>
<h3>Cat.: <a href="//patrickstar8753.github.io">patrickstar8753.github.io</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> <h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
</div> </div>
</div> </div>
<br>
<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/34/prev">prev<span class="flip">~</span></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>
<!-- <a href="//otomir23.me/webring/34/next">next<span class="flip">~</span></a> -->
</h3> </h3>
<!-- <br>
<footer>
<a href="//half-life.com" target="_blank"><img src="//cyber.dabamos.de/88x31/half-life.gif" width="88" height="31"></a>
</footer> -->
</main> </main>
</body> </body>
</html> </html>