биг баба тапает
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-family: 'FiraCode';
|
||||
src: url('FiraCode-Bold.ttf') format('truetype');
|
||||
font-family: 'ConsolasBold';
|
||||
src: url('ConsolasBold.otf') format('opentype');
|
||||
font-weight: bold;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100svh;
|
||||
font: 14px 'FiraCode',monospace;
|
||||
margin: 20px 0 0 0;
|
||||
font-family: 'ConsolasBold', 'consolas';
|
||||
font: 14px 'ConsolasBold';
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background-color: #16001d;
|
||||
background-color: #1d1d1d;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 1000px;
|
||||
width: calc(100% - 20px);
|
||||
margin: 0 auto;
|
||||
border: thick double;
|
||||
padding: 20px;
|
||||
width: 800px;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #c800ff;
|
||||
color: #949494;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -53,9 +54,17 @@ a:hover {
|
|||
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; }
|
||||
main { padding:15px; }
|
||||
main { padding: 15px; width: auto; max-width: 100%; }
|
||||
h1 { font-size: 1.5rem; }
|
||||
h2, h3 { font-size: 1.1rem; margin: 12px 0; }
|
||||
.info { display: block; }
|
||||
|
|
|
|||
32
index.html
|
|
@ -10,31 +10,33 @@
|
|||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="title">
|
||||
xelframe home page
|
||||
</div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<h1>xelframe home page</h1>
|
||||
<h2>Socials:</h2>
|
||||
<h3>Discord: xelframe</h3>
|
||||
<h3>Telegram: <a href="//t.me/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>YouTube: <a href="//www.youtube.com/@xelframe">xelframe</a></h3>
|
||||
</div>
|
||||
<br>
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<h3><a href="//retro.xelframe.tolya1337.ru">> retro page <</a></h3>
|
||||
<h2>My button:</h2>
|
||||
<textarea class="mybutton" readonly><a href="//xelframe.tolya1337.ru"><img src="//xelframe.tolya1337.ru/xelframe.png"></a></textarea>
|
||||
<br><br>
|
||||
<a href="//xelframe.tolya1337.ru"><img src="xelframe.png">
|
||||
<h3><a href="//retro.xelframe.tolya1337.ru">> retro page <</a></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/34/next">next~</a>
|
||||
</h3>
|
||||
<a href="//otomir23.me/webring/34/next">next></a>
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
BIN
xelframe.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |