first version

2016-04-22 22:24:44 +02:00 · 2016-04-22 22:24:44 +02:00 · 424e6bdca3
commit 424e6bdca3
4 changed files with 112 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,7 @@
+# kretschmann.cat
+
+> Highlighting Botero's cat sculpture in El Raval, Barcelona
+
+---
+
+[https://kretschmann.cat](https://kretschmann.cat)
--- a/gato-del-raval.jpg
+++ b/gato-del-raval.jpg
--- a/index.html
+++ b/index.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ca">
+    <head>
+        <meta charset="utf-8">
+        <title>Gato, Fernando Botero</title>
+
+        <link rel="stylesheet" href="style.css">
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="canonical" href="https://kretschmann.cat">
+    </head>
+    <body>
+
+        <article>
+            <h1>Gato, Fernando Botero</h1>
+
+            <p>El Gat de Fernando Botero va ser adquirit per l'Ajuntament de Barcelona el 1987. Des de llavors i fins l'any 2003, l'escultura transitava pels carrers de la ciutat a la recerca d'una ubicació definitiva.</p>
+
+            <p>Primer la va trobar al Parc de la Ciutadella, a prop dels seus companys del Zoo. Després se'l van endur al costat de l'Estadi Olímpic i uns anys més tard va ser col·locat en una petita plaça darrera les Drassanes de Barcelona.</p>
+
+            <p>Finalment, l'any 2003 es va decidir posar-lo definitivament al final de la jove Rambla del Raval.</p>
+        </article>
+
+    </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,80 @@
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+}
+html,
+body {
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+}
+html {
+    font-size: 20px;
+}
+body {
+    font-size: 1rem;
+    font-family: 'Avenir Next', Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #e7eef4;
+    background-color: #040404;
+
+    padding: 1rem;
+    -webkit-display: flex;
+    -webkit-align-items: center;
+    -webkit-justify-content: center;
+    -webkit-flex-wrap: wrap;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    position: relative;
+}
+
+body:before,
+body:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+body:before {
+    background: url('gato-del-raval.jpg') no-repeat center center;
+    background-size:  auto 100%;
+    z-index: -1;
+}
+
+@media (min-width: 35em) {
+    body:before {
+        background-size: cover;
+    }
+}
+
+body:after {
+    background: #040404;
+    opacity: .6;
+    z-index: -1;
+}
+
+article {
+    max-width: 35em;
+}
+
+h1 {
+    font-size: 2rem;
+    font-weight: 900;
+    line-height: 1.2;
+    margin-top: 0;
+}
+
+p {
+    margin: 0 0 1rem;
+}
+
+p:last-of-type {
+    margin-bottom: 0;
+}