stuff/public_html/index.html

61 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<!--in the tilde we trust-->
<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;}footer p{font-size:unset;}
div.section{margin:10px 5px;}
p,li{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>
<nav><a href="#about">About me</a> - <a href="#projects">Projects</a></nav>
</header>
<main>
<div class="section" style="text-align:center">
<h1>Hi!</h1>
<p>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>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://l64.repl.co">l64.repl.co</a></p>
</div>
<div class="section" id="projects">
<h1>Tilde stuff</h1>
<ul>
<li><a href="http://ctrl-c.club/~lucas/gram">Photo album</a></li>
<li><a href="http://ctrl-c.club/~lucas/blog.php">Blog</a></li>
<li><a href="https://absucc.github.io/nanoiweb">Nanoiweb</a></li>
<li><a href="https://tildegit.org/lucas/tildeweblogs">~weblogs</a></li>
<li><a href="http://ctrl-c.club/~lucas/utterooms.php">Utterooms</a></li>
</ul>
</div>
<div class="section" id="links">
<h1>Links</h1>
<ul>
<li><a href="gemini://gemini.ctrl-c.club/~lucas">Gemini version</a></li>
<li><a href="https://tildegit.org/lucas">Tildegit</a></li>
<li><a href="https://pleroma.tilde.zone/lucas">Fediverse</a></li>
</ul>
</div>
<div class="section" id="can-i-see">
<h1>Can I see the source code of this website?</h1>
<p>Yes!<br>This website was written only in HTML and this is the only file of it<br>You can use the "View source code" feature of your browser too see it<br>The only thing I have to say to you is that this website is licensed over the <a href="https://www.boost.org/users/license.html">BSL-1.0 License</a></p>
</div>
</main>
<footer><p><a href="https://nano-editor.org">Edited with Nano</a> - Member of <a href="http://ctrl-c.club">^C</a></p></footer>
</div></body>
</html>