Revert "Simplified about page"

This reverts commit 1983515fa8.
This commit is contained in:
Felipe M 2019-03-08 14:10:32 +01:00
parent 1983515fa8
commit 01ba9973ee
Signed by: fmartingr
GPG key ID: 716BC147715E716F
8 changed files with 19 additions and 8992 deletions

View file

@ -1,19 +1,3 @@
body.home body.home
.home-avatar img
border-radius: 2% border-radius: 12px
width: 25%
@media ($until-mobile)
.home-content
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
a
padding: 8px
@media ($mobile)
.home-content
a
display: block

View file

@ -56,9 +56,6 @@ p:first-child
.text-size-normal .text-size-normal
font-size: $font-size-normal font-size: $font-size-normal
.text-size-medium
font-size: $font-size-medium
.text-size-enormous .text-size-enormous
font-size: $font-size-enormous font-size: $font-size-enormous

View file

@ -3,5 +3,4 @@ $lightgray: #f6f6f6
$darkgray: #e9e9e9 $darkgray: #e9e9e9
$font-size-normal: 20px $font-size-normal: 20px
$font-size-medium: 2.5em
$font-size-enormous: 5em $font-size-enormous: 5em

View file

@ -11,6 +11,12 @@ body:
<span class="text-size-normal display-block">E-Mail</span> <span class="text-size-normal display-block">E-Mail</span>
</a> </a>
</div> </div>
<div class="col-1-3 text-size-enormous">
<a class="no-underline" href="https://github.com/fmartingr">
<i class="fa fa-github" aria-hidden="true"></i>
<span class="text-size-normal display-block">Github</span>
</a>
</div>
<div class="col-1-3 text-size-enormous"> <div class="col-1-3 text-size-enormous">
<a class="no-underline" href="https://www.linkedin.com/in/fmartingr/"> <a class="no-underline" href="https://www.linkedin.com/in/fmartingr/">
<i class="fa fa-linkedin" aria-hidden="true"></i> <i class="fa fa-linkedin" aria-hidden="true"></i>

View file

@ -2,40 +2,13 @@ title: Welcome to Felipe Martin!
--- ---
body: body:
<div class="text-center"> Hi! I'm Felipe, and I am a developer. Whatever that is.
<img src="/static/images/avatar.jpg" class="home-avatar">
</div>
Hi! I'm Felipe Martin, and I am a developer. Whatever that is.
I have been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and other stuff; the less I know about it, the better! Learning new things every day is my way of life. I have been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and other stuff; the less I know about it, the better! Learning new things every day is my way of life.
I think that developers are like artists, writers and composers... we all make art. But we don't use strokes and colors, words or notes, we make it through code. And I really love it. I think that developers are like artists, writers and composers... we all make art. But we don't use strokes and colors, words or notes, we make it through code. And I really love it.
If you want to get in touch, feel free to drop me a line on: If you want to get in touch, [feel free to drop me a line](/contact).
<div class="text-center">
<a class="no-underline" href="mailto:me@fmartingr.com">
<i class="fa fa-envelope" aria-hidden="true"></i>
E-Mail
</a>
<a class="no-underline" href="https://www.linkedin.com/in/fmartingr/">
<i class="fa fa-linkedin" aria-hidden="true"></i>
LinkedIn
</a>
<a class="no-underline" href="https://telegram.me/fmartingr">
<i class="fa fa-telegram" aria-hidden="true"></i>
Telegram
</a>
<a class="no-underline" href="https://mastodon.social/@fmartingr">
<i class="fa fa-mastodon" aria-hidden="true"></i>
Mastodon
</a>
<a class="no-underline" href="https://twitter.com/fmartingr">
<i class="fa fa-twitter" aria-hidden="true"></i>
Birdsite
</a>
</div>
--- ---
_template: home.html _template: home.html

8933
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -3,7 +3,7 @@
<head> <head>
<title>{% block page_title %}Felipe Martin{% endblock %}</title> <title>{% block page_title %}Felipe Martin{% endblock %}</title>
<link href='https://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ '/static/css/style.css'|url }}"> <link rel="stylesheet" href="{{ '/static/css/style.css'|asseturl }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous">
<link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}"> <link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
<link rel="alternate" type="application/rss+xml" title="RSS Feed for fmartingr.com" href="/feed.xml" /> <link rel="alternate" type="application/rss+xml" title="RSS Feed for fmartingr.com" href="/feed.xml" />
@ -19,10 +19,9 @@
{% block endhead %}{% endblock %} {% block endhead %}{% endblock %}
</head> </head>
<body class="{% block body_class %}{% endblock %}"> <body class="{% block body_class %}{% endblock %}">
{% if this.path != '/' %}
<header class="center"> <header class="center">
<h1>Felipe Martín</h1> <h1>Felipe Martín</h1>
<h2>Be incomprehensible. If they can't understand, they can't disagree.</h2>
<nav class="main-menu"> <nav class="main-menu">
<a {% if this.path == '/' %}class="text-bold"{% endif %} href="{{ '/'|url }}">/about</a> &nbsp; <a {% if this.path == '/' %}class="text-bold"{% endif %} href="{{ '/'|url }}">/about</a> &nbsp;
<a {% if this.is_child_of('/blog') %}class="text-bold"{% endif %} href="{{ '/blog'|url }}">/blog</a> &nbsp; <a {% if this.is_child_of('/blog') %}class="text-bold"{% endif %} href="{{ '/blog'|url }}">/blog</a> &nbsp;
@ -31,16 +30,13 @@
</nav> </nav>
<hr class="light"> <hr class="light">
</header> </header>
{% endif %}
{% block main_content %}{% endblock %} {% block main_content %}{% endblock %}
{% if this.path != '/' %}
<footer class="center text-center"> <footer class="center text-center">
<hr class="light"> <hr class="light">
<div class="center text-center"> <div class="center text-center">
<a href="{{ "/made-with-open-source"|url }}">Made with Open Source tools</a> | <a href="{{ '/contact'|url }}">Contact</a> <a href="{{ "/made-with-open-source"|url }}">Made with Open Source tools</a> | <a href="{{ '/contact'|url }}">Contact</a>
</div> </div>
</footer> </footer>
{% endif %}
<script type="text/javascript" src="{{ '/static/js/app-min.js'|url }}"></script> <script type="text/javascript" src="{{ '/static/js/app-min.js'|url }}"></script>
{% block endbody %}{% endblock %} {% block endbody %}{% endblock %}
<script> <script>

View file

@ -3,8 +3,13 @@
{% block page_title %}{{ super() }} | {{ this.title }}{% endblock %} {% block page_title %}{{ super() }} | {{ this.title }}{% endblock %}
{% block main_content %} {% block main_content %}
<div class="home-content grid center vertical-center"> <div class="grid center">
{{ this.body }} <div class="col-1-3">
<img src="{{ 'static/images/avatar.jpg'|url }}">
</div>
<div class="col-2-3">
{{ this.body }}
</div>
</div> </div>
{% endblock %} {% endblock %}