[Add content]
This commit is contained in:
parent
985550eade
commit
a07c870cc0
6 changed files with 134 additions and 21 deletions
17
css/icons.css
Normal file
17
css/icons.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
i.icon {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
i.icon.mastodon {
|
||||
background-image: url(../media/icons/mastodon.svg);
|
||||
}
|
||||
|
||||
i.icon.matrix {
|
||||
background-image: url(../media/icons/matrix.svg);
|
||||
}
|
||||
|
|
@ -1,6 +1,5 @@
|
|||
:root {
|
||||
--black: #050501;
|
||||
--more-black: #000501;
|
||||
--black: #000501;
|
||||
--white: #F9F9F9;
|
||||
--yellow: #EFEA5A;
|
||||
--green: #16DB93;
|
||||
|
|
@ -16,23 +15,26 @@ html, body {
|
|||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow-x: hidden;
|
||||
background-color: var(--more-black);
|
||||
font-family: monospace;
|
||||
background-color: var(--black);
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--yellow);
|
||||
color: var(--black);
|
||||
font-size: 69px;
|
||||
padding: 42px 0 42px 0;
|
||||
font-size: 90px;
|
||||
padding: 20px 0 20px 0;
|
||||
text-align: center;
|
||||
font-weight: 800;
|
||||
position: relative;
|
||||
font-family: 'Brush Script MT', cursive;
|
||||
}
|
||||
|
||||
main {
|
||||
background-color: var(--black);
|
||||
border: 5px solid var(--yellow);
|
||||
border-top: none;
|
||||
color: var(--white);
|
||||
padding: 42px;
|
||||
height: 100%;
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
|
||||
header, main {
|
||||
|
|
@ -46,5 +48,26 @@ main a, main a:visited {
|
|||
}
|
||||
|
||||
main a:hover {
|
||||
border-bottom: 4px solid var(--green);
|
||||
border-bottom: 2px solid var(--green);
|
||||
}
|
||||
|
||||
main address {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style-type: '🤍 ';
|
||||
}
|
||||
|
||||
main ul li {
|
||||
padding: 2px 0 2px 0;
|
||||
}
|
||||
|
||||
main section#socials {
|
||||
line-height: 200%;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px;
|
||||
}
|
||||
70
index.html
70
index.html
|
|
@ -1,15 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>TSAIBAR</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>TSAIBAR</header>
|
||||
<main>
|
||||
Lorem ipsum...
|
||||
</main>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>TSAIBAR</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/icons.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>TSAIBAR</header>
|
||||
<main>
|
||||
<section id="socials">
|
||||
<h2>Socials</h2>
|
||||
<a href="https://chaos.social/@xoy" target="_blank" rel="noopener noreferrer me"><i class="icon mastodon"></i>@xoy@chaos.social</a><br>
|
||||
<a href="https://matrix.to/#/@iamxoy:matrix.org" target="_blank" rel="noopener noreferrer"><i class="icon matrix"></i>@iamxoy:matrix.org</a>
|
||||
</section>
|
||||
<section id="identity">
|
||||
<h2>Identity</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name</td>
|
||||
<td>xoy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Age</td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gender</td>
|
||||
<td>non-binary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Sexuality</td>
|
||||
<td>pansexual</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">Pronouns</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>🇬🇧</td>
|
||||
<td>they/them</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>🇩🇪</td>
|
||||
<td>dey/denen</td>
|
||||
</tr>
|
||||
</table>
|
||||
</section>
|
||||
<section id="wil">
|
||||
<h2>What I like</h2>
|
||||
<ul>
|
||||
<li>Softwaredevelopment</li>
|
||||
<li>Linux</li>
|
||||
<li>Gaming</li>
|
||||
<li>Bouldern</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
4
media/icons/mastodon.svg
Normal file
4
media/icons/mastodon.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
|
||||
<path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
|
||||
<path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
7
media/icons/matrix.svg
Normal file
7
media/icons/matrix.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 520 520" style="enable-background:new 0 0 520 520;" xml:space="preserve">
|
||||
<path fill="#fff" d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z"/>
|
||||
<path fill="#fff" d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8 c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5 c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3 c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1 c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9 c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1 v107.6h-50.9V169.2H166.3z"/>
|
||||
<path fill="#fff" d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
16
not_found.html
Normal file
16
not_found.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>TSAIBAR</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>TSAIBAR</header>
|
||||
<main>
|
||||
<h1>Page Not Found</h1>
|
||||
<p>The requested page was not found.</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue