mirror of
https://github.com/xelframe/catmpeg.github.io.git
synced 2026-04-17 19:13:24 +03:00
da
This commit is contained in:
xelframe
parent
68901563b2
commit
5c5c9e404f
2 changed files with 52 additions and 44 deletions
|
|
@ -11,11 +11,11 @@ body {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
font: 14px 'ConsolasBold';
|
||||
color: #fff;
|
||||
background: url('/assets/background.jpg') center/cover no-repeat;
|
||||
text-align: center;
|
||||
/* background: url('/assets/background.jpg') center/cover no-repeat; */
|
||||
background: #222222;
|
||||
}
|
||||
|
||||
main {
|
||||
|
|
@ -23,13 +23,15 @@ main {
|
|||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
backdrop-filter: blur(2px);
|
||||
box-sizing: border-box;
|
||||
padding-left: 20%;
|
||||
padding-right: 20%;
|
||||
}
|
||||
|
||||
main > a {
|
||||
align-self: center;
|
||||
display: inline-block;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
|
@ -40,8 +42,10 @@ h3 {
|
|||
}
|
||||
|
||||
.down {
|
||||
margin-top: auto;
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -54,16 +58,15 @@ a:hover {
|
|||
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blocks {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.block {
|
||||
|
|
@ -79,6 +82,10 @@ a:hover {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
font-size: 1.5em;
|
||||
|
|
@ -98,7 +105,6 @@ label {
|
|||
padding: 5px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
|
|
|
|||
70
index.html
70
index.html
|
|
@ -10,45 +10,47 @@
|
|||
<link rel="stylesheet" href="assets/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1 class="title">
|
||||
<h1 class="title">
|
||||
<img src="assets/avatar.jpg" width="82" alt="avatar xd"> xelframe home page
|
||||
<br>(bhzrd_, semkapc, catmpeg)
|
||||
</h1>
|
||||
<h2>About me:</h2>
|
||||
<h3>hello, my online name is xelframe.</h3>
|
||||
<h3>i enjoy playing various games and listening to music.</h3>
|
||||
<h3>like the aesthetics of the 2000s, for example, frituger aero and others.</h3>
|
||||
<h3>some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.</h3>
|
||||
<h3>=^.^=</h3>
|
||||
<h2>Socials:</h2>
|
||||
<div class="blocks">
|
||||
<div class="block">Discord: xelframe</div>
|
||||
<div class="block">Telegram: <a href="/telegram">xelframe</a></div>
|
||||
<div class="block">Github: <a href="/github">xelframe</a></div>
|
||||
<div class="block">Steam: <a href="/steam">xelframe</a></div>
|
||||
<div class="block">YouTube: <a href="/youtube">xelframe</a></div>
|
||||
<div class="block">Last.fm: <a href="/lastfm">xelframe</a></div>
|
||||
</div>
|
||||
<h2>My friends:</h2>
|
||||
<div class="blocks">
|
||||
<div class="block">Cat.: <a href="https://cat8753.ru">cat8753.ru</a></div>
|
||||
<div class="block">ShadowCj: <a href="https://shadowcj.site">shadowcj.site</a></div>
|
||||
<div class="block">HonakAC: <a href="https://honakac.r2squad.ru">honakac.r2squad.ru</a></div>
|
||||
<div class="block">Tolya Gosuslugi: <a href="https://tolya1337.ru">tolya1337.ru</a></div>
|
||||
<div class="block">OctoBanon: <a href="https://octobanon.com">octobanon.com</a></div>
|
||||
</div><br>
|
||||
<label for="mybutton">My button:</label>
|
||||
<textarea id="mybutton" readonly>
|
||||
<a href="https://cat.fs.tlpteam.ru"><img src="https://cat.fs.tlpteam.ru/xelframe88.png" alt="xelframe"></a>
|
||||
</textarea>
|
||||
<br>
|
||||
<a href="https://cat.fs.tlpteam.ru"><img src="xelframe88.png" alt="xelframe"></a>
|
||||
</h1>
|
||||
<main>
|
||||
<hr width="100%">
|
||||
<h2>About me:</h2>
|
||||
<ul>
|
||||
<li>hello, my online name is xelframe.</li>
|
||||
<li>i enjoy playing various games and listening to music.</li>
|
||||
<li>like the aesthetics of the 2000s, for example, frituger aero and others.</li>
|
||||
<li>some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.</li>
|
||||
<li>=^.^=</li>
|
||||
</ul>
|
||||
|
||||
<h2>Socials:</h2>
|
||||
<ul>
|
||||
<li>Discord: xelframe</li>
|
||||
<li>Telegram: <a href="/telegram">xelframe</a></li>
|
||||
<li>Github: <a href="/github">xelframe</a></li>
|
||||
<li>Steam: <a href="/steam">xelframe</a></li>
|
||||
<li>YouTube: <a href="/youtube">xelframe</a></li>
|
||||
<li>Last.fm: <a href="/lastfm">xelframe</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>My friends:</h2>
|
||||
<ul>
|
||||
<li>Cat.: <a href="https://cat8753.ru">cat8753.ru</a></li>
|
||||
<li>ShadowCj: <a href="https://shadowcj.site">shadowcj.site</a></li>
|
||||
<li>HonakAC: <a href="https://honakac.r2squad.ru">honakac.r2squad.ru</a></li>
|
||||
<li>Tolya Gosuslugi: <a href="https://tolya1337.ru">tolya1337.ru</a></li>
|
||||
<li>OctoBanon: <a href="https://octobanon.com">octobanon.com</a></li>
|
||||
</ul><br>
|
||||
<div id="last-played" style="display: none">
|
||||
<h2>Latest played song:</h2>
|
||||
<h3 id="song">~~~~ - ~~~~</h3>
|
||||
<h2>Latest played song:</h2>
|
||||
<ul>
|
||||
<li id="song">~~~~ - ~~~~</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="assets/lastplayed.js" defer></script>
|
||||
<hr width="100%">
|
||||
<br>
|
||||
<div class="down">
|
||||
<h3><a href="https://cat.fs.tlpteam.ru/git/" target="_blank">>> git <<</a></h3>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue