home/templates/home/home_page.html
{% extends "base.html" %}
{% load wagtailimages_tags %}
{% load wagtailcore_tags %}
{% load static %}
{% block body_class %}template-homepage{% endblock %}
{% block content %}
<div class="container home" >
<div class="row vertical-align">
<div class="col-md-4">
{% image page.picture fill-512x512-c80 class="img-fluid" id="main-avatar" %}
</div>
<div class="col-md-8">
<h1 class="my-4">
{{ page.title }}
</h1>
<h2>{{ page.claim }}</h2>
<h4>{{ page.services }}</h4>
<div class="row">
{% if page.stackoverflow_profile %}
<div class="col-lg-2">
<a href="{{page.stackoverflow_profile}}" id="stackoverflow-link">
<img height="50" width="50" src="{% static 'img/stack_overflow.png' %}" class="mx-auto d-block">
</a>
<div class="text-center">
Stackoverflow
</div>
</div>
{% endif %}
{% if page.github_profile %}
<div class="col-lg-2">
<a href="{{page.github_profile}}" id="github-link">
<img height="50" width="50" src="{% static 'img/github.png' %}" class="mx-auto d-block">
</a>
<div class="text-center">
GitHub
</div>
</div>
{% endif %}
{% if page.linkedin_profile %}
<div class="col-lg-2">
<a href="{{page.linkedin_profile}}" id="linkedin-link">
<img height="50" width="50" src="{% static 'img/linkedin.png' %}" class="mx-auto d-block">
</a>
<div class="text-center">
LinkedIn
</div>
</div>
{% endif %}
</div>
<div class="row">
<div class="col-lg-12">
Earliest available for new projects: {{ earliest_available | date:"F Y" }}
</div>
</div>
<div class="row">
<div class="btn-group col-md-4" role="group">
{% if current_project %}
<a href="{% pageurl current_project %}" id="link-current-project" class="btn btn-outline-dark">current project</a>
{% endif %}
<a href="{% pageurl menu_items.portfolio %}" id="link-portfolio" class="btn btn-outline-dark">to portfolio</a>
{% for form in forms %}
<a href="{% pageurl form %}" id="form-{{form.slug}}" class="btn btn-outline-dark">{{ form.title }}</a>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
</div>
{% endblock %}