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

da

Browse source
This commit is contained in:
catmpeg 2025-08-05 14:15:11 +03:00
commit ec89ed78ce
4 changed files with 15 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

0
JetBrainsMono-Bold.ttf → assets/JetBrainsMono-Bold.ttf
View file

0
favicon.jpg → assets/favicon.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

32
styles.css → assets/styles.css
View file

@ -10,57 +10,45 @@ body {
} }
main, main,
#webring, .webring {
#hello {
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;
/* border: 4px double rgb(180, 180, 180); */
} }
a { a {
text-decoration: none; text-decoration: none;
} }
/* <-----------------------> */ .webring {
#webring {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 15px; gap: 15px;
background-color: rgba(17, 17, 17, 0.7); background-color: rgba(17, 17, 17, 0.7);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
/* border: 4px double rgb(180, 180, 180); */
} }
body, body,
#webring { .webring {
display: flex; display: flex;
} }
a, a,
#webring { .webring {
color: rgb(66, 131, 252); color: rgb(66, 131, 252);
} }
#jccenter { .jccenter {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
#myfriends { .myfriends {
margin-left: 50px; margin-left: 50px;
} }
/* <-----------------------> */
@media (max-width: 600px) { @media (max-width: 600px) {
body { body {
gap: 15px; gap: 15px;
@ -80,19 +68,17 @@ a,
margin: 12px 0; margin: 12px 0;
} }
#jccenter { .jccenter {
display: block; display: block;
} }
#myfriends { .myfriends {
margin-left: 0px; margin-left: 0px;
} }
#webring { .webring {
width: calc(100% - 20px);
margin: 10px auto 0; margin: 10px auto 0;
padding: 8px 12px; padding: 8px 12px;
box-sizing: border-box;
} }
} }

12
index.html
View file

@ -5,15 +5,15 @@
<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">
<title>xelframe page</title> <title>xelframe page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="assets/favicon.jpg">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="assets/styles.css">
</head> </head>
<body> <body>
<br> <br>
<main> <main>
<h1>xelframe home page QwQ</h1> <h1>xelframe home page QwQ</h1>
<br> <br>
<div id="jccenter"> <div class="jccenter">
<div> <div>
<h2>Socials:</h2> <h2>Socials:</h2>
<h3>Discord: xelframe</h3> <h3>Discord: xelframe</h3>
@ -23,7 +23,7 @@
<h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3> <h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3>
</div> </div>
<br> <br>
<div id="myfriends"> <div class="myfriends">
<h2>My friends:</h2> <h2>My friends:</h2>
<h3>HonakAC: <a href="//honakac.r2squad.ru" target="_blank">honakac.r2squad.ru</a></h3> <h3>HonakAC: <a href="//honakac.r2squad.ru" target="_blank">honakac.r2squad.ru</a></h3>
<h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3> <h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
@ -35,10 +35,10 @@
<img src="https://discord.c99.nl/widget/theme-4/1229282117926518855.png"> <img src="https://discord.c99.nl/widget/theme-4/1229282117926518855.png">
</main> </main>
<br> <br>
<div id="webring"> <div class="webring">
<a href="https://otomir23.me/webring/34/prev">~prev</a> <a href="https://otomir23.me/webring/34/prev">~prev</a>
<a href="https://otomir23.me/webring" target="_blank">webring</a> <a href="https://otomir23.me/webring" target="_blank">webring</a>
<a href="https://otomir23.me/webring/34/next">next~</a> <a href="https://otomir23.me/webring/34/next">next~</a>
</div> </div>
</body> </body>
</html> </html>