Modify style and add some content to website

2 files changed, 133 insertions, 8 deletions

diff --git a/~santisoler/index.html b/~santisoler/index.html
index b7fc0d0..62c92c2 100644
--- a/~santisoler/index.html
+++ b/~santisoler/index.html
@@ -29,15 +29,30 @@
     </header>
 
     <main>
+      <h1>Acerca de</h1>
+
+      <p>
+        Soy Santiago Soler de Argentina. Físico terminando el Doctorado en
+        Geofísica y un entusiasta del Software Libre. Formo parte del grupo de
+        desarrolladores de
+        <a href="https://www.fatiando.org">Fatiando a Terra</a>: librerías de
+        Python para Geofísica, y milito a favor de una ciencia más abierta y
+        reproducible.
+      </p>
+
+      <p>
+        En este sitio podrás encontrar algunas de mis ideas y algunos tutoriales
+        o tips para acercar el Software Libre a todes.
+      </p>
+
       <h1>Blog</h1>
 
-      <ul>
+      <ul class="blog-entries">
         <li>
-          <h2>
-            <a href="/~santisoler/blog/software-libre-android.html"
-              >Software Libre en Android</a
-            >
-          </h2>
+          2021-03-13 |
+          <a href="/~santisoler/blog/software-libre-android.html"
+            >Software Libre en Android</a
+          >
         </li>
       </ul>
     </main>
@@ -46,11 +61,14 @@
       Contenido disponible bajo
       <a href="https://creativecommons.org/licenses/by/4.0/deed.es"
         >Creative Commons Atribución 4.0 Internacional</a
-      >.
+      >
       <br />
       Construida utilizando la fuente
       <a href="https://github.com/tonsky/FiraCode">Fira Code</a> disponible bajo
-      licencia <a href="https://opensource.org/licenses/OFL-1.1">OFL-1.1</a>.
+      licencia <a href="https://opensource.org/licenses/OFL-1.1">OFL-1.1</a>
+      <br />
+      Este sitio no trackea tu actividad y consume la menor cantidad de recursos
+      posibles
     </footer>
   </body>
 </html>
diff --git a/~santisoler/style.css b/~santisoler/style.css
index 7aa6a59..15efe38 100644
--- a/~santisoler/style.css
+++ b/~santisoler/style.css
@@ -1,3 +1,110 @@
 body {
   font-family: "Fira Code", monospace;
+  background-color: #282c34;
+  color: #f3f3f3;
+}
+
+a {
+  color: #61adf5;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c678dd;
+}
+
+header,
+main,
+footer {
+  max-width: 900px;
+  margin: auto;
+}
+
+h1 {
+  margin-top: 70px;
+  font-size: 30pt;
+  text-align: center;
+}
+h2 {
+  font-size: 18pt;
+}
+h3 {
+  font-size: 16pt;
+  font-weight: 400;
+}
+h4 {
+  font-size: 14pt;
+  font-weight: 400;
+}
+p {
+  font-size: 14pt;
+  line-height: 1.7em;
+}
+
+/* ------ */
+/* Header */
+/* ------ */
+header {
+  margin-top: 80px;
+  margin-bottom: 110px;
+}
+
+header h1,
+header h2 {
+  text-align: center;
+}
+
+header h1 {
+  font-size: 40pt;
+  margin-bottom: 60px;
+}
+header h2 {
+  font-size: 20pt;
+  font-weight: 400;
+}
+
+header ul {
+  list-style: none;
+  display: flex;
+  justify-content: space-around;
+}
+header li {
+  font-size: 14pt;
+}
+
+/* ---- */
+/* Main */
+/* ---- */
+main {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+
+dd {
+  display: normal;
+}
+
+ul.blog-entries {
+  list-style: none;
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+ul.blog-entries li {
+  font-weight: 400;
+  font-size: 16pt;
+}
+
+/* ------ */
+/* Footer */
+/* ------ */
+footer {
+  border-top: 1px solid #dedede;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  margin-top: 300px;
+  text-align: center;
+  font-size: 12pt;
+  line-height: 1.5em;
 }