opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use tachyons

Browse source
This commit is contained in:
Oliver Davies 2017-09-05 00:27:07 +01:00
parent 10043c66ae
commit 0c27473422
9 changed files with 33 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/sass/post.sass
View file

@ -1,6 +1,3 @@
.content pre
padding: 0
pre
display: block
overflow: auto
@ -30,6 +27,3 @@ code.hljs
code[data-gist-id]
background: transparent
padding: 0
.about-author img
width: 50px

15
gulpfile.js
View file

@ -54,17 +54,10 @@ gulp.task('styles', function () {
config.sass.sourceDir + '/main.sass'
], 'main.css');
// app.sass([
// 'node_modules/prismjs/themes/prism-twilight.css',
// config.sass.sourceDir + '/post.sass'
// ], 'post.css')
// app.sass(config.sass.sourceDir + '/about.sass', 'about.css');
// app.sass(config.sass.sourceDir + '/blog.sass', 'blog.css');
// app.sass(config.sass.sourceDir + '/experience.sass', 'experience.css');
// app.sass(config.sass.sourceDir + '/project.sass', 'project.css');
// app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css');
// app.sass(config.sass.sourceDir + '/testimonials.sass', 'testimonials.css');
app.sass([
'node_modules/prismjs/themes/prism-twilight.css',
config.sass.sourceDir + '/post.sass'
], 'post.css')
});
gulp.task('scripts', function () {

8
source/_includes/nav.html.twig
View file

@ -11,19 +11,19 @@
About
</a>
<a href="/components/" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
<a href="/experience" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
Experience
</a>
<a href="/gallery/" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
<a href="/testimonials" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
Testimonials
</a>
<a href="/resources/" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
<a href="/talks" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dib">
Talks
</a>
<a href="http://github.com/tachyons-css/tachyons/" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dn dib-l">
<a href="/contact" class="f6 hover-blue link black-70 ml2 ml-m ml4-l dn dib-l">
Contact
</a>
</nav>

4
source/_includes/post/pager.html.twig
View file

@ -1,7 +1,7 @@
<div class="flex mt3">
{% if page.previous_post %}
<div class="w-50-ns">
<a href="{{ page.previous_post.url }}" class="blue1">
<a href="{{ page.previous_post.url }}" class="blue hover-blue">
&laquo; {{ page.previous_post.title }}
</a>
</div>
@ -9,7 +9,7 @@
{% if page.next_post %}
<div class="w-50-ns tr">
<a href="{{ page.next_post.url }}" class="blue1">
<a href="{{ page.next_post.url }}" class="blue hover-blue">
{{ page.next_post.title }} &raquo;
</a>
</div>

2
source/_includes/post/tags.html.twig
View file

@ -1,7 +1,7 @@
{% if page.tags %}
<div class="tags">
{% for tag in page.tags %}
<a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}" class="tag is-light is-borderless">
<a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}" class="blue">
{{- tag -}}
</a>
{% endfor %}

14
source/_includes/talks-table.html.twig
View file

@ -1,17 +1,17 @@
<div class="table-responsive">
<div class="w-100 overflow-x-auto overflow-y-hidden">
<table class="w-100 ba b--moon-gray">
<thead>
<tr class="striped--light-gray">
<th class="w-20 pa2 tl">Date</th>
<th class="w-20-l pa2 tl">Date</th>
{% if not talk_page %}
<th class="w-40 pa2 tl">Talk</th>
<th class="w-40-l pa2 tl">Talk</th>
{% endif %}
<th class="pa2 tl">Event</th>
{% if not upcoming %}
<th class="w-12 pa2 tl">Feedback</th>
<th class="w4 pa2 tl">Feedback</th>
{% endif %}
</tr>
</thead>
@ -61,20 +61,18 @@
</td>
{% if not upcoming %}
<td class="">
<td class="ph2">
{% if row.date.feedback %}
<a
href="{{ row.date.feedback }}"
class="bg-blue br2 pa2 white-90 no-underline dib dim"
title="Read or leave feedback for this talk"
>
title="Read or leave feedback for this talk">
<i class="fa fa-comment-o mr1"></i>
joind.in
</a>
{% endif %}
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>

8
source/_layouts/default.html.twig
View file

@ -24,20 +24,20 @@
<link rel="icon" href="{{ site.avatar.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
</head>
<body class="helvetica black-90 {{ page.blocks.body_classes }}">
<body class="helvetica black-80 {{ page.blocks.body_classes }}">
{% include 'nav' %}
<div class="ph3 ph5-l">
<div class="f6">
<div class="flex-l">
<main class="w-75-l pr4 lh-copy">
<main class="w-75-l pr4-ns lh-copy">
{% block content_top %}{% endblock %}
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
{% block content_bottom %}{% endblock %}
</main>
{% block sidebar_wrapper %}
<div class="w-25-l ph3">
<div class="w-25-l ph3-m pt4 pt0-l">
{% block sidebar %}
{% include 'badges' %}
{% include 'availability' %}
@ -50,7 +50,7 @@
<footer class="mt4 bt b--moon-gray">
<p class="f6">
&copy; 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>.
&copy; 2010-{{ 'now'|date('Y') }} {{ site.title }}. Built with <a href="https://sculpin.io">Sculpin</a>.
</p>
{% include 'meetups' %}

6
source/experience.html.twig
View file

@ -12,7 +12,7 @@ redirect:
{% for experience in site.experiences|reverse %}
{% set company = site.companies[experience.company] %}
<div class="mb4">
<div class="cf mb4">
{% if company.logo %}
<div class="fr mb3 ml3 mt2">
<img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo" class="mw4">
@ -20,11 +20,11 @@ redirect:
{% endif %}
<div class="experience-item-inner">
<h2 class="mb0">{{ company.name }}</h2>
<h2 class="mv0">{{ company.name }}</h2>
<div class="mb3">
{% if company.url -%}
<a class="dib mb1 blue1" href="{{ company.url }}">
<a class="dib mb1 blue dim" href="{{ company.url }}">
{{- company.url -}}
</a>
{%- endif %}

18
source/testimonials.html.twig
View file

@ -5,13 +5,13 @@ use: [posts]
testimonials:
- name: Ed Welsby
image: ed-welsby.png
role: Senior Developer at <a class="blue1 hover-blue2" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
role: Senior Developer at <a class="blue dim" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
text: |
Oliver was great to work with, he has a solid knowledge of the various aspects of web development and never minded helping me out with Linux commands!
- name: Brian Healy
image: brian-healy.png
role: Director of Business Development at <a class="blue1 hover-blue2" href="http://tincan.co.uk">Tincan</a>.
role: Director of Business Development at <a class="blue dim" href="http://tincan.co.uk">Tincan</a>.
text: |
Oliver was fantastic to work with - pro-active and highly responsive, he worked well remotely and as part of a project team. His understanding of the project requirement(s) and ability to translate it into working code was essential and he delivered.
@ -31,21 +31,21 @@ testimonials:
Oliver is seasoned Drupal and all round highly skilled and experienced web developer. I have worked with Oliver on an important project where he was reliable, prompt and ensured strict client deadline delivery and confidentiality at all times.
- name: James Chapman
role: Director at <a class="blue1 hover-blue2" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
role: Director at <a class="blue dim" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
image: james-chapman.png
text: |
We used Oliver on a number of occasions throughout 2012 and I have to say we've been delighted with his work. His skills working with Drupal are excellent particularly with custom module development and we wouldn’t hesitate to recommend him others.
- name: Léonie Watson
role: >
Director of Accessibility at <a class="blue1 hover-blue2" href="http://www.nomensa.com">Nomensa</a>
Director of Accessibility at <a class="blue dim" href="http://www.nomensa.com">Nomensa</a>
image: leonie-watson.jpg
text: |
Oliver is a flexible and hardworking developer, with a terrific knowledge of Drupal. He promotes accessibility best practice within the Drupal community, and is always happy to share his knowledge with other people.
- name: Holly Ross
role: >
Executive Director at the <a class="blue1 hover-blue2" href="https://assoc.drupal.org">Drupal Association</a>
Executive Director at the <a class="blue dim" href="https://assoc.drupal.org">Drupal Association</a>
image: holly-ross.png
text: |
Oliver has been an outstanding contributor to the Drupal Association team. He is a talented developer who writes great code and applies his curiosity and love of learning to every project. He is also a fantastic team member, who gives to the team as much as he gets.
@ -53,7 +53,7 @@ testimonials:
Oliver is the embodiment of everything good about the Drupal community.
- name: Josh Mitchell
role: CTO at the <a class="blue1 hover-blue2" href="https://assoc.drupal.org">Drupal Association</a>
role: CTO at the <a class="blue dim" href="https://assoc.drupal.org">Drupal Association</a>
image: josh-mitchell.png
text: |
Oliver is a skilled Drupal developer with a passion for the Drupal community. As his direct supervisor, I was able to watch Oliver grow with the Drupal Association and contribute an amazing amount of effort and integrity to all of his work.
@ -62,14 +62,14 @@ testimonials:
- name: Chris Jarvis
image: chris-jarvis.jpg
role: Developer at <a class="blue1 hover-blue2" href="https://microserve.io">Microserve</a>
role: Developer at <a class="blue dim" href="https://microserve.io">Microserve</a>
text: |
Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
---
{% block content %}
{% for testimonial in page.testimonials|reverse %}
<article class="cf mb4">
<h2 class="mb1 mt0">{{ testimonial.name }}</h2>
<h2 class="mv0">{{ testimonial.name }}</h2>
{% if testimonial.image %}
<img
@ -80,7 +80,7 @@ testimonials:
{% endif %}
{% if testimonial.role %}
<div class="black-50 mt0">
<div class="black-50 mb3">
{{ testimonial.role|raw }}
</div>
{% endif %}