Replace bootstrap with Bulma
This commit is contained in:
parent
4e851429d8
commit
fbec98acaf
20 changed files with 126 additions and 138 deletions
|
|
@ -1,31 +1,41 @@
|
|||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<div id="navMenuExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item {{ page.url == '/.' ? 'is-active' }}" href="/">
|
||||
About
|
||||
</a>
|
||||
<nav class="nav has-shadow" id="top">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item">
|
||||
<div class="nav-item">{{ site.title }}</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-item {{ page.url == '/experience' ? 'is-active' }}" href="/experience">
|
||||
Experience
|
||||
</a>
|
||||
<span class="nav-toggle">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
|
||||
<a class="navbar-item {{ page.url == '/testimonials' ? 'is-active' }}" href="/testimonials">
|
||||
Testimonials
|
||||
</a>
|
||||
<div class="nav-right nav-menu">
|
||||
<a class="nav-item is-tab {{ page.url == '/.' ? 'is-active' }}" href="/">
|
||||
About
|
||||
</a>
|
||||
|
||||
<a class="navbar-item {{ page.url == '/talks' or '/talks/' in page.url }}" href="/talks">
|
||||
Talks
|
||||
</a>
|
||||
<a class="nav-item is-tab {{ page.url == '/experience' ? 'is-active' }}" href="/experience">
|
||||
Experience
|
||||
</a>
|
||||
|
||||
<a class="navbar-item {{ page.url == '/blog' or '/blog/' in page.url }}" href="/blog">
|
||||
Blog
|
||||
</a>
|
||||
<a class="nav-item is-tab {{ page.url == '/testimonials' ? 'is-active' }}" href="/testimonials">
|
||||
Testimonials
|
||||
</a>
|
||||
|
||||
<a class="navbar-item {{ page.url == '/contact' or '/contact/' in page.url }}" href="/contact">
|
||||
Contact
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="nav-item is-tab {{ page.url == '/talks' or '/talks/' in page.url ? 'is-active' }}" href="/talks">
|
||||
Talks
|
||||
</a>
|
||||
|
||||
<a class="nav-item is-tab {{ page.url == '/blog' or '/blog/' in page.url ? 'is-active' }}" href="/blog">
|
||||
Blog
|
||||
</a>
|
||||
|
||||
<a class="nav-item is-tab {{ page.url == '/contact' or '/contact/' in page.url ? 'is-active' }}" href="/contact">
|
||||
Contact
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="post-pager is-flex">
|
||||
<div class="post-pager is-clearfix is-flex mt-2">
|
||||
{% if page.previous_post %}
|
||||
<div class="is-half">
|
||||
<div class="is-half flex">
|
||||
<a href="{{ page.previous_post.url }}">
|
||||
« {{ page.previous_post.title }}
|
||||
</a>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
{% endif %}
|
||||
|
||||
{% if page.next_post %}
|
||||
<div class="is-half text-right">
|
||||
<div class="is-half flex has-text-right">
|
||||
<a href="{{ page.next_post.url }}">
|
||||
{{ page.next_post.title }} »
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
{% if page.tags %}
|
||||
<p class="tags">
|
||||
Tags:
|
||||
<div class="tags">
|
||||
{% for tag in page.tags %}
|
||||
<a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}
|
||||
<a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}" class="tag is-light is-borderless">
|
||||
{{- tag -}}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="table-responsive">
|
||||
<table class="table table-striped talks-table">
|
||||
<table class="talks-table table is-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 20%">Date</th>
|
||||
|
|
|
|||
|
|
@ -27,34 +27,38 @@
|
|||
<body class="{{ page.blocks.body_classes }}">
|
||||
{% include 'nav' %}
|
||||
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<main class="content column is-9">
|
||||
{% block content_top %}{% endblock %}
|
||||
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
|
||||
{% block content_bottom %}{% endblock %}
|
||||
</main>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<main class="content column is-9">
|
||||
{% block content_top %}{% endblock %}
|
||||
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
|
||||
{% block content_bottom %}{% endblock %}
|
||||
</main>
|
||||
|
||||
{% block sidebar_wrapper %}
|
||||
<div class="column is-3">
|
||||
{% block sidebar %}
|
||||
{% include 'badges' %}
|
||||
{% include 'availability' %}
|
||||
{% include 'posts/latest' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block sidebar_wrapper %}
|
||||
<div class="column is-3">
|
||||
{% block sidebar %}
|
||||
{% include 'badges' %}
|
||||
{% include 'availability' %}
|
||||
{% include 'posts/latest' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
</div>{# .row #}
|
||||
</div>{# .container #}
|
||||
</div>{# .row #}
|
||||
</div>{# .container #}
|
||||
</section>
|
||||
|
||||
<footer class="container content">
|
||||
<p class="copyright">
|
||||
© 2010-{{ 'now'|date('Y') }} {{ site.title }}. Built with <a href="https://sculpin.io">Sculpin</a>.
|
||||
</p>
|
||||
<section class="section">
|
||||
<footer class="container content">
|
||||
<p class="copyright">
|
||||
© 2010-{{ 'now'|date('Y') }} {{ site.title }}. Built with <a href="https://sculpin.io">Sculpin</a>, <a href="http://bulma.io">Bulma</a> and <a href="https://gulpjs.com">Gulp</a>.
|
||||
</p>
|
||||
|
||||
{% include 'meetups' %}
|
||||
</footer>
|
||||
{% include 'meetups' %}
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<script src="{{ site.url }}/assets/js/site.js"></script>
|
||||
|
||||
|
|
@ -62,6 +66,6 @@
|
|||
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); ga('send', 'pageview');</script>
|
||||
{% endif %}
|
||||
|
||||
{% block scripts '' %}
|
||||
{% block scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,35 +1,31 @@
|
|||
{% extends 'default' %}
|
||||
{% extends 'page' %}
|
||||
|
||||
{% block body_classes 'talk talk-full' %}
|
||||
|
||||
{% block content_top %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block content_wrapper %}
|
||||
<div class="talk-description">
|
||||
<div>
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
|
||||
{% if page.slides.embed %}
|
||||
<div class="talk-slides mt-2">
|
||||
<div class="mt-2">
|
||||
<h2>Slides</h2>
|
||||
<div class="presentation">
|
||||
<div class="talk-slides">
|
||||
{{ page.slides.embed|raw }}
|
||||
</div>{# .presentation #}
|
||||
</div>{# .talk-slides #}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.video.embed %}
|
||||
<div class="talk-video mt-2">
|
||||
<div class="mt-2">
|
||||
<h2>Video</h2>
|
||||
<div class="embed-container">
|
||||
{{ page.video.embed|raw }}
|
||||
</div>
|
||||
</div>{# .talk-video #}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="talk-events mt-3">
|
||||
<div class="mt-3">
|
||||
<h2>Events</h2>
|
||||
|
||||
{% set events = [] %}
|
||||
|
|
@ -48,5 +44,5 @@
|
|||
events: events,
|
||||
talk_page: true,
|
||||
} %}
|
||||
</div>{# .talk-events #}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@ meta:
|
|||
slug: drupalcamp-bristol-early-bird-tickets-sessions-sponsors
|
||||
---
|
||||
{% block excerpt %}
|
||||
<img src="/assets/images/blog/drupalcamp-bristol-17-logo.jpg" alt="DrupalCamp Bristol 2017 logo" class="is-centered">
|
||||
<div class="has-text-centered">
|
||||
<img src="/assets/images/blog/drupalcamp-bristol-17-logo.jpg" alt="DrupalCamp Bristol 2017 logo">
|
||||
</div>
|
||||
|
||||
In less than two months time, [DrupalCamp Bristol][0] will be back for our third year! (July seems to come around quicker each year). This is this year’s schedule and venues:
|
||||
|
||||
|
|
|
|||
|
|
@ -25,12 +25,13 @@ This made sense as I already kept the source code in [on GitHub][1], the issue w
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<img
|
||||
src="/assets/images/blog/jackson-octocat.png"
|
||||
alt=""
|
||||
class="is-centered"
|
||||
style="margin-bottom: 20px"
|
||||
>
|
||||
<div class="has-text-centered">
|
||||
<img
|
||||
src="/assets/images/blog/jackson-octocat.png"
|
||||
alt=""
|
||||
style="margin-bottom: 20px"
|
||||
>
|
||||
</div>
|
||||
|
||||
Earlier this week I moved this site from my personal Linode server to [GitHub Pages][0].
|
||||
|
||||
|
|
|
|||
|
|
@ -9,9 +9,9 @@ use: [posts]
|
|||
{% block content %}
|
||||
<h1>Blog</h1>
|
||||
|
||||
<ul class="posts">
|
||||
<ul class="posts list-style-none">
|
||||
{% for post in page.pagination.items %}
|
||||
<li class="post">
|
||||
<li class="post is-clearfix mb-2 pb-3">
|
||||
{{ include('post/header', {
|
||||
page: post,
|
||||
title_tag: 'h2'
|
||||
|
|
|
|||
|
|
@ -5,19 +5,19 @@ use: [posts]
|
|||
---
|
||||
{% block content %}
|
||||
{% for testimonial in site.testimonials|reverse %}
|
||||
<article class="testimonial mb-3">
|
||||
<h2 class="testimonial__name is-marginless">{{ testimonial.name }}</h2>
|
||||
<article class="is-clearfix mb-3">
|
||||
<h2 class="is-marginless">{{ testimonial.name }}</h2>
|
||||
|
||||
{% if testimonial.image %}
|
||||
<img
|
||||
class="testimonial__image is-pulled-right is-circle"
|
||||
src="{{ site.url }}/assets/images/testimonials/{{ testimonial.image }}"
|
||||
class="testimonial-image is-pulled-right is-circle ml-2 mb-1"
|
||||
alt="{{ testimonial.name }}"
|
||||
/>
|
||||
>
|
||||
{% endif %}
|
||||
|
||||
{% if testimonial.role %}
|
||||
<div class="testimonial__role text-light">
|
||||
<div class="text-light">
|
||||
{{ testimonial.role|markdown }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue