биг баба тапает
BIN
assets/ConsolasBold.otf
Normal file
BIN
assets/images/archlinux.gif
Normal file
|
After Width: | Height: | Size: 3 KiB |
BIN
assets/images/firefox2.gif
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
assets/images/github.gif
Normal file
|
After Width: | Height: | Size: 505 B |
BIN
assets/images/reddit.gif
Normal file
|
After Width: | Height: | Size: 442 B |
BIN
assets/images/vscbutton.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/images/xfree.gif
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -1,31 +1,32 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'FiraCode';
|
font-family: 'ConsolasBold';
|
||||||
src: url('FiraCode-Bold.ttf') format('truetype');
|
src: url('ConsolasBold.otf') format('opentype');
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 20px 0 0 0;
|
||||||
min-height: 100svh;
|
font-family: 'ConsolasBold', 'consolas';
|
||||||
font: 14px 'FiraCode',monospace;
|
font: 14px 'ConsolasBold';
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #16001d;
|
background-color: #1d1d1d;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
max-width: 1000px;
|
border: thick double;
|
||||||
width: calc(100% - 20px);
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
width: 800px;
|
||||||
|
max-width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #c800ff;
|
color: #949494;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -53,9 +54,17 @@ a:hover {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width:650px){
|
.mybutton {
|
||||||
|
height: 50px;
|
||||||
|
width: 40%;
|
||||||
|
resize: none;
|
||||||
|
color: white;
|
||||||
|
background-color: #1d1d1d;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 800px) {
|
||||||
body { gap: 15px; padding: 0 10px; }
|
body { gap: 15px; padding: 0 10px; }
|
||||||
main { padding:15px; }
|
main { padding: 15px; width: auto; max-width: 100%; }
|
||||||
h1 { font-size: 1.5rem; }
|
h1 { font-size: 1.5rem; }
|
||||||
h2, h3 { font-size: 1.1rem; margin: 12px 0; }
|
h2, h3 { font-size: 1.1rem; margin: 12px 0; }
|
||||||
.info { display: block; }
|
.info { display: block; }
|
||||||
|
|
|
||||||
32
index.html
|
|
@ -10,31 +10,33 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<div class="title">
|
<h1>xelframe home page</h1>
|
||||||
xelframe home page
|
|
||||||
</div>
|
|
||||||
<div class="info">
|
|
||||||
<div>
|
|
||||||
<h2>Socials:</h2>
|
<h2>Socials:</h2>
|
||||||
<h3>Discord: xelframe</h3>
|
<h3>Discord: xelframe</h3>
|
||||||
<h3>Telegram: <a href="//t.me/xelframe">xelframe</a></h3>
|
<h3>Telegram: <a href="//t.me/xelframe">xelframe</a></h3>
|
||||||
<h3>Github: <a href="//github.com/xelframe">xelframe</a></h3>
|
<h3>Github: <a href="//github.com/xelframe">xelframe</a></h3>
|
||||||
<h3>Steam: <a href="//steamcommunity.com/id/xelframe">xelframe</a></h3>
|
<h3>Steam: <a href="//steamcommunity.com/id/xelframe">xelframe</a></h3>
|
||||||
<h3>YouTube: <a href="//www.youtube.com/@xelframe">xelframe</a></h3>
|
<h3>YouTube: <a href="//www.youtube.com/@xelframe">xelframe</a></h3>
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<div>
|
|
||||||
<h2>My friends:</h2>
|
<h2>My friends:</h2>
|
||||||
<h3>Cat.: <a href="//patrickstar8753.github.io">patrickstar8753.github.io</a></h3>
|
<h3>Cat.: <a href="//cat8753.ru">cat8753.ru</a></h3>
|
||||||
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
|
<h3>Tolya Gosuslugi: <a href="//tolya1337.ru">tolya1337.ru</a></h3>
|
||||||
</div>
|
<h2>My button:</h2>
|
||||||
</div>
|
<textarea class="mybutton" readonly><a href="//xelframe.tolya1337.ru"><img src="//xelframe.tolya1337.ru/xelframe.png"></a></textarea>
|
||||||
<h3><a href="//retro.xelframe.tolya1337.ru">> retro page <</a></h3>
|
<br><br>
|
||||||
|
<a href="//xelframe.tolya1337.ru"><img src="xelframe.png">
|
||||||
|
<h3><a href="//retro.xelframe.tolya1337.ru">> retro page <</a></h3>
|
||||||
<h3>
|
<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>
|
||||||
</h3>
|
</h3><br>
|
||||||
|
<a href="//code.visualstudio.com"><img src="assets/images/vscbutton.gif" height="31" width="88"></a>
|
||||||
|
<a href="//xfree86.org"><img src="assets/images/xfree.gif" height="31" width="88"></a>
|
||||||
|
<a href="//archlinux.org"><img src="assets/images/archlinux.gif" height="31" width="88"></a>
|
||||||
|
<a href="//firefox.com"><img src="assets/images/firefox2.gif" height="31" width="88"></a>
|
||||||
|
<a href="//github.com"><img src="assets/images/github.gif" height="31" width="88"></a>
|
||||||
|
<a href="//reddit.com"><img src="assets/images/reddit.gif" height="31" width="88"></a>
|
||||||
|
<a href="//semka.w10.site/cgi-bin/like/?add=like" rel="nofollow"><img src="//semka.w10.site/cgi-bin/like/" alt="likes" id="like"></a>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
BIN
xelframe.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |