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 pre
display: block display: block
overflow: auto overflow: auto
@ -30,6 +27,3 @@ code.hljs
code[data-gist-id] code[data-gist-id]
background: transparent background: transparent
padding: 0 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' config.sass.sourceDir + '/main.sass'
], 'main.css'); ], 'main.css');
// app.sass([ app.sass([
// 'node_modules/prismjs/themes/prism-twilight.css', 'node_modules/prismjs/themes/prism-twilight.css',
// config.sass.sourceDir + '/post.sass' config.sass.sourceDir + '/post.sass'
// ], 'post.css') ], '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');
}); });
gulp.task('scripts', function () { gulp.task('scripts', function () {

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

@ -11,19 +11,19 @@
About About
</a> </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 Experience
</a> </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 Testimonials
</a> </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 Talks
</a> </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 Contact
</a> </a>
</nav> </nav>

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

@ -1,7 +1,7 @@
<div class="flex mt3"> <div class="flex mt3">
{% if page.previous_post %} {% if page.previous_post %}
<div class="w-50-ns"> <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 }} &laquo; {{ page.previous_post.title }}
</a> </a>
</div> </div>
@ -9,7 +9,7 @@
{% if page.next_post %} {% if page.next_post %}
<div class="w-50-ns tr"> <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; {{ page.next_post.title }} &raquo;
</a> </a>
</div> </div>

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

@ -1,7 +1,7 @@
{% if page.tags %} {% if page.tags %}
<div class="tags"> <div class="tags">
{% for tag in page.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 -}} {{- tag -}}
</a> </a>
{% endfor %} {% 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"> <table class="w-100 ba b--moon-gray">
<thead> <thead>
<tr class="striped--light-gray"> <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 %} {% if not talk_page %}
<th class="w-40 pa2 tl">Talk</th> <th class="w-40-l pa2 tl">Talk</th>
{% endif %} {% endif %}
<th class="pa2 tl">Event</th> <th class="pa2 tl">Event</th>
{% if not upcoming %} {% if not upcoming %}
<th class="w-12 pa2 tl">Feedback</th> <th class="w4 pa2 tl">Feedback</th>
{% endif %} {% endif %}
</tr> </tr>
</thead> </thead>
@ -61,20 +61,18 @@
</td> </td>
{% if not upcoming %} {% if not upcoming %}
<td class=""> <td class="ph2">
{% if row.date.feedback %} {% if row.date.feedback %}
<a <a
href="{{ row.date.feedback }}" href="{{ row.date.feedback }}"
class="bg-blue br2 pa2 white-90 no-underline dib dim" 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> <i class="fa fa-comment-o mr1"></i>
joind.in joind.in
</a> </a>
{% endif %} {% endif %}
</td> </td>
{% endif %} {% endif %}
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </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 }}"> <link rel="icon" href="{{ site.avatar.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %} {% endfor %}
</head> </head>
<body class="helvetica black-90 {{ page.blocks.body_classes }}"> <body class="helvetica black-80 {{ page.blocks.body_classes }}">
{% include 'nav' %} {% include 'nav' %}
<div class="ph3 ph5-l"> <div class="ph3 ph5-l">
<div class="f6"> <div class="f6">
<div class="flex-l"> <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_top %}{% endblock %}
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %} {% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
{% block content_bottom %}{% endblock %} {% block content_bottom %}{% endblock %}
</main> </main>
{% block sidebar_wrapper %} {% block sidebar_wrapper %}
<div class="w-25-l ph3"> <div class="w-25-l ph3-m pt4 pt0-l">
{% block sidebar %} {% block sidebar %}
{% include 'badges' %} {% include 'badges' %}
{% include 'availability' %} {% include 'availability' %}
@ -50,7 +50,7 @@
<footer class="mt4 bt b--moon-gray"> <footer class="mt4 bt b--moon-gray">
<p class="f6"> <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> </p>
{% include 'meetups' %} {% include 'meetups' %}

6
source/experience.html.twig
View file

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

18
source/testimonials.html.twig
View file

@ -5,13 +5,13 @@ use: [posts]
testimonials: testimonials:
- name: Ed Welsby - name: Ed Welsby
image: ed-welsby.png 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: | 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! 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 - name: Brian Healy
image: brian-healy.png 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: | 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. 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. 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 - 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 image: james-chapman.png
text: | 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. 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 - name: Léonie Watson
role: > 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 image: leonie-watson.jpg
text: | 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. 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 - name: Holly Ross
role: > 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 image: holly-ross.png
text: | 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. 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. Oliver is the embodiment of everything good about the Drupal community.
- name: Josh Mitchell - 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 image: josh-mitchell.png
text: | 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. 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 - name: Chris Jarvis
image: chris-jarvis.jpg 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: | text: |
Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more. Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
--- ---
{% block content %} {% block content %}
{% for testimonial in page.testimonials|reverse %} {% for testimonial in page.testimonials|reverse %}
<article class="cf mb4"> <article class="cf mb4">
<h2 class="mb1 mt0">{{ testimonial.name }}</h2> <h2 class="mv0">{{ testimonial.name }}</h2>
{% if testimonial.image %} {% if testimonial.image %}
<img <img
@ -80,7 +80,7 @@ testimonials:
{% endif %} {% endif %}
{% if testimonial.role %} {% if testimonial.role %}
<div class="black-50 mt0"> <div class="black-50 mb3">
{{ testimonial.role|raw }} {{ testimonial.role|raw }}
</div> </div>
{% endif %} {% endif %}