Use bulma

This commit is contained in:
Oliver Davies 2017-07-26 00:13:04 +01:00
parent 7d99c588e7
commit 96038c3286
13 changed files with 75 additions and 75 deletions

View file

@ -1,41 +1,31 @@
<nav class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ site.url }}/">{{ site.title }}</a>
</div>
<div id="navMenuExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item {{ page.url == '/.' ? 'is-active' }}" href="/">{% spaceless %}
About
{% endspaceless %}</a>
<div id="navbar" class="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li class="{{ page.url == '/.' ? 'active' }}">
<a href="/">About</a>
</li>
<a class="navbar-item {{ page.url == '/experience' ? 'is-active' }}" href="/experience">{% spaceless %}
Experience
{% endspaceless %}</a>
<li class="{{ page.url == '/experience' ? 'active' }}">
<a href="/experience">Experience</a>
</li>
<a class="navbar-item {{ page.url == '/testimonials' ? 'is-active' }}" href="/testimonials">{% spaceless %}
Testimonials
{% endspaceless %}</a>
<li class="{{ page.url == '/testimonials' ? 'active' }}">
<a href="/testimonials">Testimonials</a>
</li>
<a class="navbar-item {{ page.url == '/talks' or '/talks/' in page.url }}" href="/talks">{% spaceless %}
Talks
{% endspaceless %}</a>
<li class="{{ page.url == '/talks' or '/talks/' in page.url ? 'active' }}">
<a href="/talks">Talks</a>
</li>
<a class="navbar-item {{ page.url == '/blog' or '/blog/' in page.url }}" href="/blog">{% spaceless %}
Blog
{% endspaceless %}</a>
<li class="{{ page.url == '/blog' or '/blog/' in page.url ? 'active' }}">
<a href="/blog">Blog</a>
</li>
<li class="{{ page.url == '/contact' or '/contact/' in page.url ? 'active' }}">
<a href="/contact">Contact</a>
</li>
</ul>
</div>{# .nav-collapse #}
<a class="navbar-item {{ page.url == '/contact' or '/contact/' in page.url }}" href="/contact">{% spaceless %}
Contact
{% endspaceless %}</a>
</div>
</div>
</div>
</nav>

View file

@ -1,7 +1,7 @@
<div class="about-author">
<div class="about-author is-clearfix mt-2">
<h2>About the Author</h2>
<img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="img-circle">
<img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="is-circle is-pulled-left mr-1 mb-1">
<p>Oliver Davies is a Web Developer, System Administrator and Drupal specialist based in the UK. He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}">{{ site.companies[site.work.company].name }}</a> and also provides freelance consultancy services for Drupal websites, PHP applications and Linux servers.</p>
</div>

View file

@ -28,7 +28,7 @@
{{ row.date.date|date(row.date.fuzzy_date ? 'F Y' : 'j F Y') }}
{% if row.date.time %}
<small class="display-block">{{ row.date.time }}</small>
<small class="is-block">{{ row.date.time }}</small>
{% endif %}
</td>
@ -40,7 +40,7 @@
<a href="{{ talk.url }}">{{ talk.title }}</a>
{% endif %}
<small class="display-block">
<small class="is-block">
{{ row.date.talk.type ?: talk.type }}
</small>
</td>
@ -55,7 +55,7 @@
{{ row.event.name }}
{% endif %}
<small class="display-block">
<small class="is-block">
{{ row.event.location }}
</small>
</td>
@ -65,10 +65,10 @@
{% if row.date.feedback %}
<a
href="{{ row.date.feedback }}"
class="btn btn-primary"
class="button is-primary"
title="Read or leave feedback for this talk"
>
<i class="fa fa-comment-o"></i> joind.in
<i class="fa fa-comment-o" style="margin-right: 8px"></i> joind.in
</a>
{% endif %}
</td>