diff options
| -rw-r--r-- | css/style.css | 42 | ||||
| -rw-r--r-- | img/leiva.jpg | bin | 0 -> 34023 bytes | |||
| -rw-r--r-- | img/seimeira.jpg | bin | 0 -> 55073 bytes | |||
| -rw-r--r-- | img/taamasArch.jpg | bin | 0 -> 18667 bytes | |||
| -rw-r--r-- | img/vaporwave.jpg | bin | 0 -> 30629 bytes | |||
| -rw-r--r-- | img/walking.jpg | bin | 0 -> 133778 bytes | |||
| -rw-r--r-- | index.html | 189 |
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 Binary files differnew file mode 100644 index 0000000..6fd997a --- /dev/null +++ b/img/leiva.jpg diff --git a/img/seimeira.jpg b/img/seimeira.jpg Binary files differnew file mode 100644 index 0000000..6cc0bad --- /dev/null +++ b/img/seimeira.jpg diff --git a/img/taamasArch.jpg b/img/taamasArch.jpg Binary files differnew file mode 100644 index 0000000..c07b298 --- /dev/null +++ b/img/taamasArch.jpg diff --git a/img/vaporwave.jpg b/img/vaporwave.jpg Binary files differnew file mode 100644 index 0000000..d1e7aca --- /dev/null +++ b/img/vaporwave.jpg diff --git a/img/walking.jpg b/img/walking.jpg Binary files differnew file mode 100644 index 0000000..d3578ce --- /dev/null +++ b/img/walking.jpg @@ -11,74 +11,137 @@ <h1>Íñigo Gutiérrez Fernández</h1> </header> - <p> - Welcome! I’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’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’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’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’s, not the principles). + </li> + </ul> </ul> - </ul> - <p> - As of now I’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’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’m also trying to learn it (no hurry). + </p> + + <p> + Philosophically I’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> |
