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,
#webring,
#hello {
.webring {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
/* border: 4px double rgb(180, 180, 180); */
}
a {
text-decoration: none;
}
/* <-----------------------> */
#webring {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
.webring {
justify-content: center;
align-items: center;
gap: 15px;
background-color: rgba(17, 17, 17, 0.7);
backdrop-filter: blur(10px);
/* border: 4px double rgb(180, 180, 180); */
}
body,
#webring {
.webring {
display: flex;
}
a,
#webring {
.webring {
color: rgb(66, 131, 252);
}
#jccenter {
.jccenter {
display: flex;
justify-content: center;
}
#myfriends {
.myfriends {
margin-left: 50px;
}
/* <-----------------------> */
@media (max-width: 600px) {
body {
gap: 15px;
@ -80,19 +68,17 @@ a,
margin: 12px 0;
}
#jccenter {
.jccenter {
display: block;
}
#myfriends {
.myfriends {
margin-left: 0px;
}
#webring {
width: calc(100% - 20px);
.webring {
margin: 10px auto 0;
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="description" content="Личная страница xelframe">
<title>xelframe page</title>
<link rel="icon" href="favicon.jpg">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="assets/favicon.jpg">
<link rel="stylesheet" href="assets/styles.css">
</head>
<body>
<br>
<main>
<h1>xelframe home page QwQ</h1>
<br>
<div id="jccenter">
<div class="jccenter">
<div>
<h2>Socials:</h2>
<h3>Discord: xelframe</h3>
@ -23,7 +23,7 @@
<h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3>
</div>
<br>
<div id="myfriends">
<div class="myfriends">
<h2>My friends:</h2>
<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>
@ -35,10 +35,10 @@
<img src="https://discord.c99.nl/widget/theme-4/1229282117926518855.png">
</main>
<br>
<div id="webring">
<div class="webring">
<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/34/next">next~</a>
</div>
</body>
</html>
</html>