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

OwO

Browse source
This commit is contained in:
catmpeg 2025-09-21 12:27:01 +03:00
commit 549ce99458
7 changed files with 43 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
*.DS_Store
._*

BIN
assets/JetBrainsMono-Bold.ttf
View file

Binary file not shown.

BIN
assets/Segoe UI.ttf Executable file
View file

Binary file not shown.

BIN
assets/favicon.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 59 KiB

Before After
Before After

60
assets/styles.css
View file

@ -1,36 +1,35 @@
body { body {
margin:0; margin: 0;
min-height:100svh; min-height: 100svh;
font:14px 'JetBrains Mono',monospace; font: 14px 'SegoeUI',monospace;
color:#fff; color: #fff;
text-align:center; text-align: center;
background:#111; background: #111;
display:flex; display: flex;
flex-direction:column; flex-direction: column;
} }
main,.webring { main {
max-width:1000px; max-width: 1000px;
width:calc(100% - 20px); width: calc(100% - 20px);
margin:0 auto; margin: 0 auto;
padding:20px; padding: 20px;
box-sizing:border-box; box-sizing: border-box;
} }
a,.webring { color:rgb(66,131,252); } a {
a { text-decoration:none; } color: rgb(66,131,252);
text-decoration: none;
.webring {
display:flex;
justify-content:center;
align-items:center;
gap:15px;
background:rgba(17,17,17,.7);
backdrop-filter:blur(10px);
} }
.jccenter { display:flex; justify-content:center; } .jccenter {
.myfriends { margin-left:50px; } display: flex;
justify-content: center;
}
.myfriends {
margin-left: 50px;
}
@media(max-width:600px){ @media(max-width:600px){
body { gap:15px; padding:0 10px; } body { gap:15px; padding:0 10px; }
@ -39,12 +38,11 @@ a { text-decoration:none; }
h2,h3 { font-size:1.1rem; margin:12px 0; } h2,h3 { font-size:1.1rem; margin:12px 0; }
.jccenter { display:block; } .jccenter { display:block; }
.myfriends { margin-left:0; } .myfriends { margin-left:0; }
.webring { margin:10px auto 0; padding:8px 12px; }
} }
@font-face{ @font-face{
font-family:'JetBrains Mono'; font-family: 'SegoeUI';
src:url('JetBrainsMono-Bold.ttf') format('truetype'); src: url('Segoe UI.ttf') format('truetype');
font-weight:bold; font-weight: normal;
font-display:swap; font-display: swap;
} }

11
index.html
View file

@ -3,14 +3,17 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<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"> <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.jpg">
<link rel="stylesheet" href="assets/styles.css"> <link rel="stylesheet" href="assets/styles.css">
</head> </head>
<body> <body>
<main> <main>
<h1>xelframe home page QwQ</h1> <h1>
xelframe home page
<img src="assets/favicon.jpg" width="48" style="vertical-align: middle;">
</h1>
<div class="jccenter"> <div class="jccenter">
<div> <div>
<h2>Socials:</h2> <h2>Socials:</h2>
@ -29,10 +32,10 @@
</div> </div>
</div> </div>
</main> </main>
<div class="webring"> <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>
</div> </h3>
</body> </body>
</html> </html>