Images!

7 files changed, 160 insertions, 71 deletions

diff --git a/css/style.css b/css/style.css
index 5b767f1..cbcaeb8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,26 +1,52 @@
 body {
-	background-color: #F8F4F4;
+	background-color: #FAF4F4;
 
-  margin: 100px auto;
+  margin: 80px auto;
   padding: 0 10%;
-  max-width: 800px;
+  max-width: 1100px;
 
   font-family: Mononoki, Open Sans, Sans, Arial;
-  text-align: justify;
+  text-align: left;
   line-height: 1.5em;
   font-size: 1.1em;
   color: #454545;
 }
 
-p {
-  text-indent: 2em;
-}
-
 h1 {
+	background-color: #F8F8FF;
   padding: 1em;
 
 	font-variant: small-caps;
   text-align: center;
   line-height: 1em;
 	font-size: 2em;
+
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+p {
+  text-indent: 2em;
+}
+
+img {
+  margin: 10px 50px 40px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.column {
+  display: grid;
+  float: right;
+}
+
+.odd {
+  float: left;
+}
+
+.even {
+  float: right;
+}
+
+section {
+  overflow: auto;
+  margin: 60px 0 20px;
 }
diff --git a/img/leiva.jpg b/img/leiva.jpg
new file mode 100644
index 0000000..6fd997a
--- /dev/null
+++ b/img/leiva.jpg
diff --git a/img/seimeira.jpg b/img/seimeira.jpg
new file mode 100644
index 0000000..6cc0bad
--- /dev/null
+++ b/img/seimeira.jpg
diff --git a/img/taamasArch.jpg b/img/taamasArch.jpg
new file mode 100644
index 0000000..c07b298
--- /dev/null
+++ b/img/taamasArch.jpg
diff --git a/img/vaporwave.jpg b/img/vaporwave.jpg
new file mode 100644
index 0000000..d1e7aca
--- /dev/null
+++ b/img/vaporwave.jpg
diff --git a/img/walking.jpg b/img/walking.jpg
new file mode 100644
index 0000000..d3578ce
--- /dev/null
+++ b/img/walking.jpg
diff --git a/index.html b/index.html
index 257c146..0c6d06c 100644
--- a/index.html
+++ b/index.html
@@ -11,74 +11,137 @@
       <h1>&Iacute;&ntilde;igo Guti&eacute;rrez Fern&aacute;ndez</h1>
     </header>
 
-    <p>
-    Welcome! I&rsquo;m a Computer Software Engineering student from
-    <a href="https://en.wikipedia.org/wiki/Asturias">Asturias</a>,
-    Spain.
-    <a href="https://ingenieriainformatica.uniovi.es/inicio">
-      This is the webpage of my school</a>,
-    an institution part of the
-    <a href="https://www.uniovi.es/en/">University of Oviedo</a>.
-    2020/2021 will be my last year there, since all that remains are one subject and my TFG (Trabajo
-    de Fin de Grado / Final Degree Project).
-    </p>
-
-    <p>
-    Some of my work can be found at my
-    <a href="https://github.com/InigoGutierrez">GitHub page</a>, both for
-    University and for learning and having fun. There you will find:
-    </p>
-
-    <ul>
-      <li>For learning and fun</li>
-      <ul>
 
-        <li>
-          <a href="https://github.com/InigoGutierrez/configs">Configurations</a>
-          and
-          <a href="https://github.com/InigoGutierrez/scripts">scripts</a>
-          I use on my machines
-        </li>
-
-        <li>
-          A
-          <a href="https://github.com/InigoGutierrez/con">
-            tool for reading the Spanish Constitution</a>
-          on a terminal
-        </li>
-
-        <li>
-          A
-          <a href="https://github.com/InigoGutierrez/mainpage">mainpage</a>
-          with search engines configured from a text file to make your browser fancier
-        </li>
-
-        <li>
-          <a href="https://github.com/InigoGutierrez/AceptaElReto">Solutions</a>
-          to programming problems posted on
-          <a href="https://www.aceptaelreto.com/">aceptaelreto.com</a>
-        </li>
+    <section>
+      <img src="img/walking.jpg" class="odd" alt="Walking into the forest.">
+
+      <h2>Welcome!</h2>
+
+      <p>
+      I&rsquo;m a Computer Software Engineering student from
+      <a href="https://en.wikipedia.org/wiki/Asturias">Asturias</a>,
+      Spain.
+      <a href="https://ingenieriainformatica.uniovi.es/inicio">
+        This is the webpage of my school</a>,
+      an institution part of the
+      <a href="https://www.uniovi.es/en/">University of Oviedo</a>.
+      2020/2021 will be my last year there, since all that remains are one subject and my TFG (Trabajo
+      de Fin de Grado / Final Degree Project).
+      </p>
+    </section>
+
+    <section>
+      <div class="column">
+        <img src="img/taamasArch.jpg" alt="Rice 1">
+        <img src="img/vaporwave.jpg" alt="Working with JS">
+      </div>
+
+      <h2>My system</h2>
+
+      <p>
+      I tend to independence and self-made things, so Linux is my OS of choice. In my free time at the
+      computer I tend to tinker with programs and scripts to automate or simplify tasks, or to give
+      life to <a href="https://github.com/InigoGutierrez/scripts/tree/master/mapGen">random</a>
+      <a href="https://github.com/InigoGutierrez/scripts/tree/master/cardGen">ideas</a>. Here are
+      two screenshots from my main computer: one a typical meme r/unixporn setup, the other the more
+      common bunch of Vim buffers covering the screen.
+      </p>
+
+      <p>
+      I used Ubuntu for a short time since it is supposed to be a welcoming distro for noobs. I
+      shortly after swapped to Arch, since I felt that Ubuntu had too many components to freely
+      tinker, build and learn the system. I&rsquo;ve been using it for almost two years.
+      </p>
+    </section>
+
+    <section>
+      <img src="img/seimeira.jpg" class="odd" alt"Seimeira.">
+
+      <h2>My work</h2>
+
+      <p>
+      I work as a junior software developer at <a href="https://gmeana.com/">GADD</a>, where I am
+      part of a team developing an online ticketing application.
+      </p>
+
+      <p>
+      Some of my work can be found at my
+      <a href="https://github.com/InigoGutierrez">GitHub page</a>, both for
+      University and for learning and having fun. There you will find:
+      </p>
 
-      </ul>
-      <li>For University</li>
       <ul>
-        <li>
-          A <a href="https://github.com/InigoGutierrez/CmmCompiler">compiler</a>
-          for the C-- language
-        </li>
-        <li>
-          An <a href="https://github.com/InigoGutierrez/viade_en1b">app for route maangement</a>
-          based on <a href="https://reactjs.org/">React</a> and
-          <a href="https://solidproject.org/">Solid</a> (Tim&rsquo;s, not the principles).
-        </li>
+        <li>For learning and fun</li>
+        <ul>
+
+          <li>
+            <a href="https://github.com/InigoGutierrez/configs">Configurations</a>
+            and
+            <a href="https://github.com/InigoGutierrez/scripts">scripts</a>
+            I use on my machines
+          </li>
+
+          <li>
+            A
+            <a href="https://github.com/InigoGutierrez/mainpage">mainpage</a>
+            with search engines configured from a text file to make your browser fancier
+          </li>
+
+          <li>
+            A
+            <a href="https://github.com/InigoGutierrez/con">
+              tool for reading the Spanish Constitution</a>
+            on a terminal
+          </li>
+
+          <li>
+            <a href="https://github.com/InigoGutierrez/AceptaElReto">Solutions</a>
+            to programming problems posted on
+            <a href="https://www.aceptaelreto.com/">aceptaelreto.com</a>
+          </li>
+
+        </ul>
+        <li>For University</li>
+        <ul>
+          <li>
+            A <a href="https://github.com/InigoGutierrez/CmmCompiler">compiler</a>
+            for the C-- language
+          </li>
+          <li>
+            An <a href="https://github.com/InigoGutierrez/viade_en1b">app for route management</a>
+            based on <a href="https://reactjs.org/">React</a> and
+            <a href="https://solidproject.org/">Solid</a> (Tim&rsquo;s, not the principles).
+          </li>
+        </ul>
       </ul>
-    </ul>
 
-    <p>
-    As of now I&rsquo;m doing extracurricular practices at
-    <a href="https://gmeana.com/">GADD</a>, where I am part of a team
-    developing an online ticketing application.
-    </p>
+    </section>
+
+    <section>
+      <img src="img/leiva.jpg" class="even" alt="Leiva, doing stuff.">
+
+      <h2>Other stuff</h2>
+
+      <p>
+      I&rsquo;m currently studying the game of Go. I find it a deep and rewarding game which links with
+      principles of simplicity and zen.
+      </p>
+
+      <p>
+      My girlfriend lend me her electric guitar, so I&rsquo;m also trying to learn it (no hurry).
+      </p>
+
+      <p>
+      Philosophically I&rsquo;m interested in stoicism and zen as inspirations to escape from the nihilism
+      and existential dread which permeates our modern society and my generation. Zen also links in
+      surprising ways with the Unix Philosophy, so I can more directly apply it to my field of
+      knowledge.
+      </p>
+
+      <p>
+      Also, my sister wanted a cat, so I live with this devil called Leiva. She really likes my chair!
+      </p>
+    </section>
 
   </body>
 </html>