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

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>
<body>
<main>
<h1>
<div class="maintitle">
xelframe home page
</h1>
</div>
<div class="info">
<div>
<h2>Socials:</h2>
@ -22,19 +22,25 @@
<h3>Steam: <a href="//steamcommunity.com/id/xelframe">xelframe</a></h3>
<h3>YouTube: <a href="//www.youtube.com/@xelframe">@xelframe</a></h3>
</div>
<br>
<div>
<h2>My friends:</h2>
<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>
<br>
<h3>
<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/34/next">next~</a>
<!-- <a href="//otomir23.me/webring/34/next">next<span class="flip">~</span></a> -->
</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>
</body>
</html>