Add simple homepage.

2021-11-01 18:11:22 +01:00 · 2021-11-01 18:11:22 +01:00 · b982c52e69
commit b982c52e69
parent 5878f158c3
1 changed files with 90 additions and 0 deletions
--- a/static/homepage.html
+++ b/static/homepage.html
@ -0,0 +1,90 @@
+<!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>
+         html, body {
+             margin: 0;
+         }
+
+         .header {
+             text-align: center;
+         }
+
+         .links {
+             margin: 1ex;
+             text-align: center;
+         }
+
+         .links section {
+             margin-top: 4em;
+         }
+
+         h2 a {
+             color: black;
+         }
+
+         footer {
+             background-color: #222;
+             color: #fff;
+             padding: 1ex;
+             position: fixed;
+             bottom: 0;
+             width: 100%;
+             text-align: center;
+         }
+
+         footer a {
+             color: #fff;
+         }
+
+         footer ul {
+             list-style: none;
+             display: inline;
+         }
+
+         footer li {
+             display: inline;
+         }
+
+         .vfiller {
+             width: 100%;
+             height: 4em;
+         }
+        </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). I also develop some projects, and collaborate on others.</p>
+
+        </div>
+        <div class="links">
+            <section>
+                <h2><a href="/blog">Blog</a></h2>
+                Latest post: <a href="https://codigoparallevar.com/blog/2019/secure-websockets-esp8266-arduino/">[2019] Secure Websockets with ESP8266 and Arduino</a>
+            </section>
+            <section>
+                <h2>Collaborations</h2>
+                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>
+            </section>
+            <section>
+                <h2>Projects</h2>
+                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>.
+            </section>
+        </div>
+
+        <div class="vfiller"></div>
+        <footer>
+            Or find me in:
+            <ul>
+                <li><a href="https://github.com/kenkeiras">GitHub</a></li>
+                <li><a href="https://gitlab.com/kenkeiras">GitLab</a></li>
+            </ul>
+        </footer>
+    </body>
+</html>