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-08-03 22:28:15 +03:00
commit 920ba21692
2 changed files with 39 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -12,17 +12,25 @@
<br> <br>
<main> <main>
<h1>Welcome to the xelframe page</h1> <h1>Welcome to the xelframe page</h1>
<br>
<div id="jccenter">
<div>
<h2>Socials:</h2> <h2>Socials:</h2>
<h3>Discord: xelframe</h3> <h3>Discord: xelframe</h3>
<h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3> <h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3>
<h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3> <h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3> <h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3>
<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>
<br> <br>
<div id="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>
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru" target="_blank">tolya1337.ru</a></h3>
</div>
</div>
</main> </main>
<br> <br>
<div id="webring"> <div id="webring">

25
styles.css
View file

@ -4,7 +4,7 @@ body {
font: 14px 'JetBrains Mono', monospace; font: 14px 'JetBrains Mono', monospace;
color: #fff; color: #fff;
text-align: center; text-align: center;
background: #222222; background: #111111;
flex-direction: column; flex-direction: column;
} }
@ -17,7 +17,7 @@ main,
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); /* border: 4px double rgb(180, 180, 180); */
} }
a { a {
@ -35,9 +35,9 @@ a {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 15px; gap: 15px;
background-color: rgba(34, 34, 34, 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); /* border: 4px double rgb(180, 180, 180); */
} }
body, body,
@ -50,6 +50,15 @@ a,
color: rgb(66, 131, 252); color: rgb(66, 131, 252);
} }
#jccenter {
display: flex;
justify-content: center;
}
#myfriends {
margin-left: 50px;
}
/* <-----------------------> */ /* <-----------------------> */
@media (max-width: 600px) { @media (max-width: 600px) {
@ -71,6 +80,14 @@ a,
margin: 12px 0; margin: 12px 0;
} }
#jccenter {
display: block;
}
#myfriends {
margin-left: 0px;
}
#webring { #webring {
width: calc(100% - 20px); width: calc(100% - 20px);
margin: 10px auto 0; margin: 10px auto 0;