61 lines
2.6 KiB
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>
|