diff options
author | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 15:42:07 -0300 |
---|---|---|
committer | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 15:42:07 -0300 |
commit | 84771a8404b73d8f57c0b91e518220bb7340e31c (patch) | |
tree | 8223c4d99f0254a78f29ac47548c1b7a6e7f727c | |
parent | 848110839badd00ec77daae75cf28fb4881cd928 (diff) | |
download | website-84771a8404b73d8f57c0b91e518220bb7340e31c.tar.gz |
Modify style and add some content to website
-rw-r--r-- | ~santisoler/index.html | 34 | ||||
-rw-r--r-- | ~santisoler/style.css | 107 |
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; } |