Redesign home page and remove full mail addresses

3 files changed, 34 insertions, 32 deletions

diff --git a/~santisoler/blog/software-libre-android.html b/~santisoler/blog/software-libre-android.html
index afbe3d8..c4cc08b 100644
--- a/~santisoler/blog/software-libre-android.html
+++ b/~santisoler/blog/software-libre-android.html
@@ -276,10 +276,7 @@
 
       <p>
         Si conocés alguna aplicación que creés que merece estár en esta lista,
-        por favor escribime a
-        <a href="mailto:santisoler@texto-plano.xyz"
-          >santisoler@texto-plano.xyz</a
-        >
+        por favor escribime a santisoler arroba texto-plano.xyz
       </p>
     </main>
     <footer>
diff --git a/~santisoler/index.html b/~santisoler/index.html
index 37a94ad..355eaa2 100644
--- a/~santisoler/index.html
+++ b/~santisoler/index.html
@@ -18,17 +18,20 @@
         Sitio de ~santisoler en
         <a href="https://texto-plano.xyz">texto-plano.xyz</a>
       </h2>
+    </header>
+
+    <main class="home">
+      <h1>Blog</h1>
 
       <ul>
-        <li><a href="https://santisoler.github.io/">Website</a></li>
-        <li>GitHub: <a href="https://github.com/santisoler">santisoler</a></li>
         <li>
-          Twitter: <a href="https://twitter.com/santirsoler">@santirsoler</a>
+          2021-03-13 |
+          <a href="/~santisoler/blog/software-libre-android.html"
+            >Software Libre en Android</a
+          >
         </li>
       </ul>
-    </header>
 
-    <main>
       <h1>Acerca de</h1>
 
       <p>
@@ -45,15 +48,19 @@
         o tips para acercar el Software Libre a todes.
       </p>
 
-      <h1>Blog</h1>
+      <h2>Mis perfiles en la red</h2>
 
-      <ul class="blog-entries">
+      <ul>
         <li>
-          2021-03-13 |
-          <a href="/~santisoler/blog/software-libre-android.html"
-            >Software Libre en Android</a
-          >
+          Sitio web:
+          <a href="https://santisoler.github.io">santisoler.github.io</a>
+        </li>
+        <li>GitHub: <a href="https://github.com/santisoler">santisoler</a></li>
+        <li>
+          Twitter: <a href="https://twitter.com/santirsoler">@santirsoler</a>
         </li>
+        <li>Gopher: gopher://texto-plano.xyz</li>
+        <li>Mail: santisoler arroba texto-plano.xyz</li>
       </ul>
     </main>
 
diff --git a/~santisoler/style.css b/~santisoler/style.css
index 751e887..f6f350f 100644
--- a/~santisoler/style.css
+++ b/~santisoler/style.css
@@ -61,21 +61,15 @@ header h2 {
 }
 
 header h1 {
-  font-size: 40pt;
-  margin-bottom: 60px;
+  font-size: 54pt;
+  margin-top: 70px;
+  margin-bottom: 30px;
 }
 header h2 {
   font-size: 20pt;
   font-weight: 400;
-}
-
-header ul {
-  list-style: none;
-  display: flex;
-  justify-content: space-around;
-}
-header li {
-  font-size: 14pt;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
 /* ---- */
@@ -90,16 +84,20 @@ dd {
   display: normal;
 }
 
-ul.blog-entries {
+.home ul {
   list-style: none;
   margin-left: 0;
   margin-right: 0;
-  padding-left: 0;
+  /* padding-left: 0; */
   padding-right: 0;
 }
-ul.blog-entries li {
+.home ul li {
   font-weight: 400;
-  font-size: 16pt;
+  font-size: 14pt;
+}
+
+.home p {
+  font-size: 14pt;
 }
 
 .date {
@@ -116,8 +114,8 @@ ul.tldr li {
 /* ------ */
 footer {
   border-top: 1px solid #dedede;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 8px;
+  padding-bottom: 8px;
   margin-top: 100px;
   text-align: center;
   line-height: 1.3em;