new-codigoparallevar/static/homepage.html
Sergio Martínez Portela 8bb2c0dbcd Upload homepage.
2022-02-26 14:35:47 +01:00

105 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Código para llevar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0 auto;
width: fit-content;
max-width: 100ex;
padding: 0 1ex;
}
.links section {
margin-top: 1em;
display: inline-block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
padding: 1ex;
border-radius: 4px;
width: 100%;
max-width: calc(100% - 2ex);
}
.links section h2 {
margin-top: 0;
}
.links p {
margin: 0;
}
h2 a {
color: black;
}
a {
color: #00e;
}
#social a:last-child {
border: none;
}
#social a {
padding-right: 0.5ex;
border-right: 1px solid #000;
}
@media (prefers-color-scheme: dark) {
html {
background-color: #0f110e;
color: #fafafe;
}
h2 a {
color: #fafafe;
}
a {
color: #66f;
}
#social a {
border-color: #fff;
}
.links section {
background-color: #262826;
}
}
</style>
</head>
<body>
<div class="header">
<h1>Código para llevar</h1>
<p>This is kenkeiras' homepage. You can find a <a href="/blog">blog</a> (mainly about coding and related topics). I also develop some projects, and collaborate on others.</p>
</div>
<div class="links">
<section>
<h2><a href="/blog">Blog</a></h2>
<p>
Latest posts:
<ul>
<li><a href="https://codigoparallevar.com/blog/2022/get-process-progress-reading-file/">[2022] Get process's progress when reading a file</a></li>
<li><a href="https://codigoparallevar.com/blog/2022/a-simple-status-indicator/">[2022] A simple status indicator</a></li>
</ul>
</p>
</section>
<section>
<h2>Collaborations</h2>
<p>
Latest post in <a href="https://hackliza.gal">Hackliza</a>: <a href="https://hackliza.gal/en/posts/quick_math_on_terminal/">Quick math on the terminal (english)</a>
<a href="https://hackliza.gal/posts/contas_rapidas_no_terminal/">(galician)</a>
</p>
</section>
<section>
<h2>Projects</h2>
<p>
My most stable project is <a href="https://programaker.com">PrograMaker</a>. Other work-in-progress is in <a href="https://github.com/kenkeiras">GitHub</a>.
</p>
</section>
<section id="social">
<h2>Find me</h2>
<p>
<a href="https://github.com/kenkeiras">GitHub</a>
<a href="https://gitlab.com/kenkeiras">GitLab</a>
<a href="https://programaker.com/users/kenkeiras">PrograMaker</a>
</p>
</section>
</div>
</body>
</html>