43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<style>
|
|
body{text-align:center; padding:20px 10%; font-weight:bold; background: black; color:green; font-family:monospace;}
|
|
div.pweb{background:#191919; border-radius:5px; border:solid green;}
|
|
@media only screen and (max-width: 600px) {
|
|
body{padding:10px 50px;}
|
|
}
|
|
header,footer{background:#212121;}
|
|
header,main{text-align:left;padding:0.1% 5px;}
|
|
footer{padding:0px 0px 4px;}
|
|
div.section{margin:10px 5px;}
|
|
p.desc{font-size:large;}
|
|
a{color:green;text-decoration:underline;}
|
|
</style>
|
|
<title>lucas~micro-space</title>
|
|
</head>
|
|
<body style="text-align:center">
|
|
<div class="pweb">
|
|
<header>
|
|
<h1>~lucas</h1>
|
|
<p><a href="#about">About me</a> - <a href="#projects">Projects</a></p>
|
|
</header>
|
|
<main>
|
|
<div class="section" style="text-align:center">
|
|
<h1>Hi!</h1>
|
|
<p class="desc">I'm Lucas<br>Now in the <a href="https://tildeverse.org">Tildeverse</a> making lite stuff, and maybe chatting</p>
|
|
</div><br>
|
|
<div class="section" id="about">
|
|
<h1>A brief description of me</h1>
|
|
<p class="desc">I'm Lucas [privacy], I'm an argentinian programmer, and fanatic of the informatic world.<br>I always want to learn more about it and experiment.<br>You can learn more about me visiting my personal website: <a href="https://lucas.codeberg.page">lucas.codeberg.page</a></p>
|
|
</div>
|
|
<div class="section" id="projects">
|
|
<h1>Tilde projects</h1>
|
|
<p class="desc">Nothing now, coming soon</p>
|
|
</div>
|
|
</main>
|
|
<footer><p><a href="https://tildegit.org/lucas/http">Source code</a> - <a href="https://pleroma.tilde.zone/lucas">Updates of my ~stuff</a></p></footer>
|
|
</div>
|
|
</body>
|
|
</html> |