This repository has been archived on 2025-01-19. You can view files and clone it, but cannot push or open issues or pull requests.
oliverdavies.uk-old-sculpin/docs/talks/test-drive-twig-with-sculpin/index.html

232 lines
11 KiB
HTML
Raw Normal View History

2017-07-10 21:28:39 +00:00
<!DOCTYPE html>
<html class="no-js" lang="en-GB">
<head>
<title>Test Drive Twig with Sculpin | Oliver Davies</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
2017-07-12 06:22:51 +00:00
<meta property="og:url" content="https://www.oliverdavies.uk/talks/test-drive-twig-with-sculpin">
2017-07-10 21:28:39 +00:00
<meta property="og:title" content="Test Drive Twig with Sculpin"/>
2017-07-12 06:22:51 +00:00
<meta property="og:image" content="https://www.oliverdavies.uk/assets/images/me-precedent.jpg"/>
2017-07-10 21:28:39 +00:00
<meta property="og:image:height" content="327"/>
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="327"/>
2017-07-12 06:22:51 +00:00
<link rel="stylesheet" href="https://www.oliverdavies.uk/assets/css/main.css">
<link rel="stylesheet" href="https://www.oliverdavies.uk/assets/css/talk.css">
2017-07-10 21:28:39 +00:00
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=57" sizes="57x57">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=114" sizes="114x114">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=72" sizes="72x72">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=144" sizes="144x144">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=60" sizes="60x60">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=120" sizes="120x120">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=76" sizes="76x76">
<link rel="apple-touch-icon" href="/assets/images/me-precedent.jpg?s=152" sizes="152x152">
<link rel="icon" href="/assets/images/me-precedent.jpg?s=160" sizes="160x160">
<link rel="icon" href="/assets/images/me-precedent.jpg?s=96" sizes="96x96">
<link rel="icon" href="/assets/images/me-precedent.jpg?s=32" sizes="32x32">
<link rel="icon" href="/assets/images/me-precedent.jpg?s=16" sizes="16x16">
</head>
<body class="talk talk-full">
<nav class="navbar navbar-inverse navbar-fixed-top">
<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>
2017-07-12 06:22:51 +00:00
<a class="navbar-brand" href="https://www.oliverdavies.uk/">Oliver Davies</a>
2017-07-10 21:28:39 +00:00
</div>
<div id="navbar" class="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li class="">
<a href="/">About</a>
</li>
<li class="">
<a href="/experience">Experience</a>
</li>
<li class="">
<a href="/testimonials">Testimonials</a>
</li>
<li class="active">
<a href="/talks">Talks</a>
</li>
<li class="">
<a href="/blog">Blog</a>
</li>
<li class="">
<a href="/contact">Contact</a>
</li>
</ul>
</div> </div>
</nav>
<div class="container">
<div class="row">
<main class="col-md-9">
<h1>Test Drive Twig with Sculpin</h1>
<div class="talk-description">
<p><a href="https://sculpin.io">Sculpin</a> is a static site generator written in PHP, and based on <a href="http://symfony.com/doc/current/components/index.html">Symfony components</a>. It uses <a href="http://yaml.org">YAML</a> and <a href="http://twig.sensiolabs.org">Twig</a>, which makes it very appealing to Drupal people wanting to learn these in preparation for Drupal 8.</p>
<p>This session covered how to install Sculpin itself, as well as how to use it to build a static site from Markdown, HTML and Twig templates. We also covered Sculpin concepts such as content types, themes and partials, and Twig layouts, blocks and inheritance, as well as some tips and tricks that I've found whilst developing with Sculpin.</p>
</div>
<div class="talk-slides">
<h2>Slides</h2>
<div class="presentation">
<script async class="speakerdeck-embed" data-id="54589d2e50a3476a9a75aed809e9edf1" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>
</div> </div>
<div class="talk-events">
<h2>Events</h2>
<div class="table-responsive">
2017-07-10 22:49:41 +00:00
<table class="table table-striped talks-table">
2017-07-10 21:28:39 +00:00
<thead>
<tr>
<th style="width: 20%">Date</th>
<th>Event</th>
<th style="width: 10%">Feedback</th>
</tr>
</thead>
<tbody>
<tr>
2017-07-10 22:49:41 +00:00
<td class="vertical-middle">
2017-07-10 21:28:39 +00:00
25 July 2015
</td>
2017-07-10 22:49:41 +00:00
<td class="vertical-middle">
2017-07-10 21:28:39 +00:00
<a href="http://drupalcampnorth.org">
DrupalCamp North 2015
</a>
<small class="display-block">
Sunderland, UK
</small>
</td>
2017-07-10 22:49:41 +00:00
<td class="vertical-middle">
2017-07-10 21:28:39 +00:00
</td>
</tr>
</tbody>
</table>
</div>
</div> </main>
<div class="col-md-3">
<div class="panel badges text-center">
<a class="badge--da-member" href="https://assoc.drupal.org/membership" title="Im a Drupal Association member.">
<img
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/da-individual-member.png"
2017-07-10 21:28:39 +00:00
alt="Drupal Association Individual Member"
width="152"
>
</a>
<a href="http://drupalcores.com/#opdavies">
<img
alt="I built Drupal 8 with hand holding a wrench on blue background"
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/drupal-8.jpg"
2017-07-10 21:28:39 +00:00
/>
</a>
<img
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/badges/acquia-certified-developer-drupal-8.png"
2017-07-10 21:28:39 +00:00
alt="Acquia Certified Developer - Drupal 8 Exam Badge"
height="147" width="147"
/>
<a href="http://conference.phpnw.org.uk/phpnw17">
2017-07-12 06:22:51 +00:00
<img src="//images.oliverdavies.uk/assets/images/badges/phpnw17.png" alt="">
2017-07-10 21:28:39 +00:00
</a>
</div>
<div class="availability panel panel-default">
<div class="panel-heading">Availability</div>
<div class="panel-body">
<p>
<i class="fa fa-thumbs-o-up text-warning"></i>
Currently have limited part-time capacity
</p>
<p>
<i class="fa fa-thumbs-o-down text-danger"></i>
Currently no spare full-time capacity.
</p>
</div>
</div>
</div>
</div> </div>
<footer class="container">
<p class="copyright">
&copy; 2010-2017 Oliver Davies. Built with <a href="https://sculpin.io">Sculpin</a>.
</p>
<div class="meetups">
<h2>Things that I organise</h2>
<ul>
<li class="meetups--drupal-bristol">
<a href="http://www.drupalbristol.org.uk" title="Drupal Bristol">
2017-07-11 06:34:02 +00:00
<img
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/meetups/drupal-bristol.jpeg"
2017-07-11 06:34:02 +00:00
alt="Drupal Bristol logo"
>
2017-07-10 21:28:39 +00:00
</a>
</li>
<li class="meetups--drupalcamp-bristol">
<a href="http://www.drupalcampbristol.co.uk" title="DrupalCamp Bristol">
2017-07-11 06:34:02 +00:00
<img
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/meetups/drupalcamp-bristol.png"
2017-07-11 06:34:02 +00:00
alt="DrupalCamp Bristol logo"
>
2017-07-10 21:28:39 +00:00
</a>
</li>
<li class="meetups--phpsw">
<a href="http://phpsw.uk" title="PHPSW">
2017-07-11 06:34:02 +00:00
<img
2017-07-12 06:22:51 +00:00
src="//images.oliverdavies.uk/assets/images/meetups/phpsw.jpeg"
2017-07-11 06:34:02 +00:00
alt="PHPSW logo"
>
2017-07-10 21:28:39 +00:00
</a>
</li>
</ul>
</div>
</footer>
2017-07-12 06:22:51 +00:00
<script src="https://www.oliverdavies.uk/assets/js/site.js"></script>
2017-07-10 21:28:39 +00:00
<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', 'UA-11967257-1', 'auto'); ga('send', 'pageview');</script>
</body>
</html>