diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml index 57cf7f87..272b8917 100644 --- a/app/config/sculpin_site.yml +++ b/app/config/sculpin_site.yml @@ -87,31 +87,50 @@ packagist: url: https://packagist.org/users/opdavies skills: - ansible: { title: Ansible, image: ~ } - behat: { title: Behat, image: ~ } - compass: { title: Compass, image: compass.png } - composer: { title: Composer, image: ~ } - docker: { title: Docker, image: ~ } - drupal: { title: Drupal, image: drupal.png } - drupal-commerce: { title: Drupal Commerce, image: drupal-commerce.png } - git: { title: Git, image: git.png } - grunt: { title: Grunt, image: ~ } - gulp: { title: Gulp, image: ~ } - jekyll: { title: Jekyll, image: ~ } - jenkins: { title: Jenkins, image: jenkins.png } - laravel: { title: Laravel, image: ~ } - less: { title: Less, image: less.png } - linux: { title: Linux, image: ~ } - php: { title: PHP, image: php.png } - phpunit: { title: PHPUnit, image: ~ } - puppet: { title: Puppet, image: ~ } - sass: { title: Sass, image: sass.png } - silex: { title: Silex, image: ~ } - simpletest: { title: SimpleTest, image: ~ } - svn: { title: Subversion, image: svn.jpg } - symfony: { title: Symfony, image: ~ } - twig: { title: Twig, image: ~ } - vagrant: { title: Vagrant, image: ~ } + 0: + - { name: Drupal, image: drupal.png } + - { name: Drupal Commerce, image: drupal-commerce.png } + - { name: PHP, image: php.png } + - { name: Composer, image: composer.png } + - { name: Symfony, image: symfony.png } + - { name: Silex, image: silex.png } + - { name: Sculpin, image: sculpin.png } + - { name: Twig, image: twig.png } + - { name: PHPUnit, image: phpunit.png } + - { name: SimpleTest, image: simpletest.png } + - { name: Behat, image: behat.png } + - { name: Gulp, image: gulp.png } + - { name: Bower, image: bower.png } + - { name: NPM, image: npm.png } + - { name: Sass, image: sass.png } + - { name: jQuery, image: jquery.gif } + - { name: Git, image: git.png } + - { name: Linux, image: linux.png } + - { name: Debian, image: debian.png } + - { name: Ubuntu, image: ubuntu.png } + - { name: CentOS, image: centos.png } + - { name: Vagrant, image: vagrant.png } + - { name: Docker, image: docker.png } + - { name: Nginx, image: nginx.png } + - { name: MySQL, image: mysql.png } + - { name: MariaDB, image: mariadb.png } + - { name: Ansible, image: ansible.png } + - { name: Fabric, image: fabric.png } + - { name: Jenkins, image: jenkins.png } + 1: + - { name: Ubercart, image: ubercart.png } + - { name: WordPress, image: wordpress.png } + - { name: Jekyll, image: jekyll.png } + - { name: Subversion, image: svn.jpg } + - { name: Grunt, image: grunt.png } + - { name: Less, image: less.png } + - { name: Compass, image: compass.png } + - { name: Puppet, image: puppet.png } + - { name: Apache, image: apache.png } + - { name: Apache Solr, image: solr.png } + 2: + - { name: Laravel, image: laravel.png } + - { name: Lumen, image: lumen.png } speakerdeck: url: https://speakerdeck.com/opdavies diff --git a/assets/sass/base/_layout.sass b/assets/sass/base/_layout.sass index f3d13e38..5034f105 100644 --- a/assets/sass/base/_layout.sass +++ b/assets/sass/base/_layout.sass @@ -10,6 +10,12 @@ .flex flex: 1 +.flex-wrap + flex-wrap: wrap + +.list-style-none + list-style: none + @each $value in 'block' 'inline' 'inline-block' .display-#{$value} display: #{$value} diff --git a/assets/sass/base/_typography.sass b/assets/sass/base/_typography.sass index 359ea095..ae65038b 100644 --- a/assets/sass/base/_typography.sass +++ b/assets/sass/base/_typography.sass @@ -1,3 +1,3 @@ @each $value in 'left' 'center' 'right' - .is-#{$value} + .text-#{$value} text-align: #{$value} diff --git a/assets/sass/main.sass b/assets/sass/main.sass index 9f21df9b..2c29c81c 100644 --- a/assets/sass/main.sass +++ b/assets/sass/main.sass @@ -10,3 +10,14 @@ @import 'components/badges' @import 'components/footer' @import 'components/meetups' + +.skills-list + margin: 1em 0 + padding: 0 + +.skill + margin: 0 10px 15px 0 + +.skill-image + height: 40px + width: auto diff --git a/source/_partials/skills-list.twig b/source/_partials/skills-list.twig new file mode 100644 index 00000000..42807176 --- /dev/null +++ b/source/_partials/skills-list.twig @@ -0,0 +1,11 @@ + diff --git a/source/_partials/skills.twig b/source/_partials/skills.twig new file mode 100644 index 00000000..8c1337d4 --- /dev/null +++ b/source/_partials/skills.twig @@ -0,0 +1,13 @@ +

Skills

+ +

I regularly use:

+ +{% include 'skills-list' with { skills: site.skills[0] } %} + +

I am also familiar with:

+ +{% include 'skills-list' with { skills: site.skills[1] } %} + +

I would like to do more:

+ +{% include 'skills-list' with { skills: site.skills[2] } %} diff --git a/source/_views/default.twig b/source/_views/default.twig index 3e38807b..99773359 100644 --- a/source/_views/default.twig +++ b/source/_views/default.twig @@ -41,6 +41,7 @@ {% include 'badges' %} {% include 'availability' %} {% include 'posts/latest' %} + {# {% include 'skills' %} #} {% endblock %} {% endblock %} diff --git a/source/assets/images/skills/ansible.png b/source/assets/images/skills/ansible.png new file mode 100644 index 00000000..1a65246f Binary files /dev/null and b/source/assets/images/skills/ansible.png differ diff --git a/source/assets/images/skills/apache.png b/source/assets/images/skills/apache.png new file mode 100644 index 00000000..2dc01f60 Binary files /dev/null and b/source/assets/images/skills/apache.png differ diff --git a/source/assets/images/skills/behat.png b/source/assets/images/skills/behat.png new file mode 100644 index 00000000..9c4a310d Binary files /dev/null and b/source/assets/images/skills/behat.png differ diff --git a/source/assets/images/skills/bower.png b/source/assets/images/skills/bower.png new file mode 100644 index 00000000..d40adb7f Binary files /dev/null and b/source/assets/images/skills/bower.png differ diff --git a/source/assets/images/skills/centos.png b/source/assets/images/skills/centos.png new file mode 100644 index 00000000..791a86b7 Binary files /dev/null and b/source/assets/images/skills/centos.png differ diff --git a/source/assets/images/skills/compass.png b/source/assets/images/skills/compass.png new file mode 100644 index 00000000..b5c88809 Binary files /dev/null and b/source/assets/images/skills/compass.png differ diff --git a/source/assets/images/skills/composer.png b/source/assets/images/skills/composer.png new file mode 100644 index 00000000..608c2770 Binary files /dev/null and b/source/assets/images/skills/composer.png differ diff --git a/source/assets/images/skills/debian.png b/source/assets/images/skills/debian.png new file mode 100644 index 00000000..7c964dc4 Binary files /dev/null and b/source/assets/images/skills/debian.png differ diff --git a/source/assets/images/skills/docker.png b/source/assets/images/skills/docker.png new file mode 100644 index 00000000..bf295ec4 Binary files /dev/null and b/source/assets/images/skills/docker.png differ diff --git a/source/assets/images/skills/drupal-commerce.png b/source/assets/images/skills/drupal-commerce.png new file mode 100644 index 00000000..bb1c39fb Binary files /dev/null and b/source/assets/images/skills/drupal-commerce.png differ diff --git a/source/assets/images/skills/drupal.png b/source/assets/images/skills/drupal.png new file mode 100644 index 00000000..073c2038 Binary files /dev/null and b/source/assets/images/skills/drupal.png differ diff --git a/source/assets/images/skills/druplicon.png b/source/assets/images/skills/druplicon.png new file mode 100644 index 00000000..0c8737c5 Binary files /dev/null and b/source/assets/images/skills/druplicon.png differ diff --git a/source/assets/images/skills/fabric.png b/source/assets/images/skills/fabric.png new file mode 100644 index 00000000..41347cee Binary files /dev/null and b/source/assets/images/skills/fabric.png differ diff --git a/source/assets/images/skills/git.png b/source/assets/images/skills/git.png new file mode 100644 index 00000000..10dc05a8 Binary files /dev/null and b/source/assets/images/skills/git.png differ diff --git a/source/assets/images/skills/grunt.png b/source/assets/images/skills/grunt.png new file mode 100644 index 00000000..3ee8c065 Binary files /dev/null and b/source/assets/images/skills/grunt.png differ diff --git a/source/assets/images/skills/gulp.png b/source/assets/images/skills/gulp.png new file mode 100644 index 00000000..278e02f0 Binary files /dev/null and b/source/assets/images/skills/gulp.png differ diff --git a/source/assets/images/skills/jekyll.png b/source/assets/images/skills/jekyll.png new file mode 100644 index 00000000..110c1948 Binary files /dev/null and b/source/assets/images/skills/jekyll.png differ diff --git a/source/assets/images/skills/jenkins.png b/source/assets/images/skills/jenkins.png new file mode 100644 index 00000000..528776e9 Binary files /dev/null and b/source/assets/images/skills/jenkins.png differ diff --git a/source/assets/images/skills/jquery.gif b/source/assets/images/skills/jquery.gif new file mode 100644 index 00000000..875a21c6 Binary files /dev/null and b/source/assets/images/skills/jquery.gif differ diff --git a/source/assets/images/skills/laravel.png b/source/assets/images/skills/laravel.png new file mode 100644 index 00000000..a5c360cf Binary files /dev/null and b/source/assets/images/skills/laravel.png differ diff --git a/source/assets/images/skills/less.png b/source/assets/images/skills/less.png new file mode 100644 index 00000000..d0c5a613 Binary files /dev/null and b/source/assets/images/skills/less.png differ diff --git a/source/assets/images/skills/linux.png b/source/assets/images/skills/linux.png new file mode 100644 index 00000000..ecc94684 Binary files /dev/null and b/source/assets/images/skills/linux.png differ diff --git a/source/assets/images/skills/lumen.png b/source/assets/images/skills/lumen.png new file mode 100644 index 00000000..0668f515 Binary files /dev/null and b/source/assets/images/skills/lumen.png differ diff --git a/source/assets/images/skills/mariadb.png b/source/assets/images/skills/mariadb.png new file mode 100644 index 00000000..bd692762 Binary files /dev/null and b/source/assets/images/skills/mariadb.png differ diff --git a/source/assets/images/skills/mysql.png b/source/assets/images/skills/mysql.png new file mode 100644 index 00000000..0823681c Binary files /dev/null and b/source/assets/images/skills/mysql.png differ diff --git a/source/assets/images/skills/nginx.png b/source/assets/images/skills/nginx.png new file mode 100644 index 00000000..5a060f3c Binary files /dev/null and b/source/assets/images/skills/nginx.png differ diff --git a/source/assets/images/skills/npm.png b/source/assets/images/skills/npm.png new file mode 100644 index 00000000..ae972a13 Binary files /dev/null and b/source/assets/images/skills/npm.png differ diff --git a/source/assets/images/skills/originals/ansible.png b/source/assets/images/skills/originals/ansible.png new file mode 100644 index 00000000..b66283b7 Binary files /dev/null and b/source/assets/images/skills/originals/ansible.png differ diff --git a/source/assets/images/skills/originals/apache.png b/source/assets/images/skills/originals/apache.png new file mode 100644 index 00000000..b20bb7fa Binary files /dev/null and b/source/assets/images/skills/originals/apache.png differ diff --git a/source/assets/images/skills/originals/behat.png b/source/assets/images/skills/originals/behat.png new file mode 100644 index 00000000..d2b54f9f Binary files /dev/null and b/source/assets/images/skills/originals/behat.png differ diff --git a/source/assets/images/skills/originals/bower.png b/source/assets/images/skills/originals/bower.png new file mode 100644 index 00000000..2e66d0f9 Binary files /dev/null and b/source/assets/images/skills/originals/bower.png differ diff --git a/source/assets/images/skills/originals/centos.png b/source/assets/images/skills/originals/centos.png new file mode 100644 index 00000000..4699ed6a Binary files /dev/null and b/source/assets/images/skills/originals/centos.png differ diff --git a/source/assets/images/skills/originals/debian.png b/source/assets/images/skills/originals/debian.png new file mode 100644 index 00000000..3ebc9ae8 Binary files /dev/null and b/source/assets/images/skills/originals/debian.png differ diff --git a/source/assets/images/skills/originals/docker.png b/source/assets/images/skills/originals/docker.png new file mode 100644 index 00000000..68bd7d47 Binary files /dev/null and b/source/assets/images/skills/originals/docker.png differ diff --git a/source/assets/images/skills/originals/fabric.png b/source/assets/images/skills/originals/fabric.png new file mode 100644 index 00000000..bc76697e Binary files /dev/null and b/source/assets/images/skills/originals/fabric.png differ diff --git a/source/assets/images/skills/originals/grunt.png b/source/assets/images/skills/originals/grunt.png new file mode 100644 index 00000000..312e8551 Binary files /dev/null and b/source/assets/images/skills/originals/grunt.png differ diff --git a/source/assets/images/skills/originals/gulp.png b/source/assets/images/skills/originals/gulp.png new file mode 100644 index 00000000..2c2ccbe5 Binary files /dev/null and b/source/assets/images/skills/originals/gulp.png differ diff --git a/source/assets/images/skills/originals/jekyll.png b/source/assets/images/skills/originals/jekyll.png new file mode 100644 index 00000000..a57c9d13 Binary files /dev/null and b/source/assets/images/skills/originals/jekyll.png differ diff --git a/source/assets/images/skills/originals/jquery.gif b/source/assets/images/skills/originals/jquery.gif new file mode 100644 index 00000000..229cce09 Binary files /dev/null and b/source/assets/images/skills/originals/jquery.gif differ diff --git a/source/assets/images/skills/originals/laravel.png b/source/assets/images/skills/originals/laravel.png new file mode 100644 index 00000000..3c83accd Binary files /dev/null and b/source/assets/images/skills/originals/laravel.png differ diff --git a/source/assets/images/skills/originals/linux.png b/source/assets/images/skills/originals/linux.png new file mode 100644 index 00000000..cd829a5d Binary files /dev/null and b/source/assets/images/skills/originals/linux.png differ diff --git a/source/assets/images/skills/originals/lumen.png b/source/assets/images/skills/originals/lumen.png new file mode 100644 index 00000000..6af79c3f Binary files /dev/null and b/source/assets/images/skills/originals/lumen.png differ diff --git a/source/assets/images/skills/originals/mariadb.png b/source/assets/images/skills/originals/mariadb.png new file mode 100644 index 00000000..152f5b59 Binary files /dev/null and b/source/assets/images/skills/originals/mariadb.png differ diff --git a/source/assets/images/skills/originals/mysql.png b/source/assets/images/skills/originals/mysql.png new file mode 100644 index 00000000..5e570821 Binary files /dev/null and b/source/assets/images/skills/originals/mysql.png differ diff --git a/source/assets/images/skills/originals/nginx.png b/source/assets/images/skills/originals/nginx.png new file mode 100644 index 00000000..8c32e4db Binary files /dev/null and b/source/assets/images/skills/originals/nginx.png differ diff --git a/source/assets/images/skills/originals/npm.png b/source/assets/images/skills/originals/npm.png new file mode 100644 index 00000000..f73190cd Binary files /dev/null and b/source/assets/images/skills/originals/npm.png differ diff --git a/source/assets/images/skills/originals/phpunit.png b/source/assets/images/skills/originals/phpunit.png new file mode 100644 index 00000000..ce47e7c1 Binary files /dev/null and b/source/assets/images/skills/originals/phpunit.png differ diff --git a/source/assets/images/skills/originals/puppet.png b/source/assets/images/skills/originals/puppet.png new file mode 100644 index 00000000..2291e0d8 Binary files /dev/null and b/source/assets/images/skills/originals/puppet.png differ diff --git a/source/assets/images/skills/originals/sculpin.png b/source/assets/images/skills/originals/sculpin.png new file mode 100644 index 00000000..3fe09cc8 Binary files /dev/null and b/source/assets/images/skills/originals/sculpin.png differ diff --git a/source/assets/images/skills/originals/silex.png b/source/assets/images/skills/originals/silex.png new file mode 100644 index 00000000..6e9a31d1 Binary files /dev/null and b/source/assets/images/skills/originals/silex.png differ diff --git a/source/assets/images/skills/originals/simpletest.png b/source/assets/images/skills/originals/simpletest.png new file mode 100644 index 00000000..76c497c2 Binary files /dev/null and b/source/assets/images/skills/originals/simpletest.png differ diff --git a/source/assets/images/skills/originals/solr.png b/source/assets/images/skills/originals/solr.png new file mode 100644 index 00000000..83a07ed5 Binary files /dev/null and b/source/assets/images/skills/originals/solr.png differ diff --git a/source/assets/images/skills/originals/symfony.png b/source/assets/images/skills/originals/symfony.png index bc0fcc90..7691400c 100644 Binary files a/source/assets/images/skills/originals/symfony.png and b/source/assets/images/skills/originals/symfony.png differ diff --git a/source/assets/images/skills/originals/twig.png b/source/assets/images/skills/originals/twig.png new file mode 100644 index 00000000..31b588c0 Binary files /dev/null and b/source/assets/images/skills/originals/twig.png differ diff --git a/source/assets/images/skills/originals/ubercart.png b/source/assets/images/skills/originals/ubercart.png new file mode 100644 index 00000000..66a2feb8 Binary files /dev/null and b/source/assets/images/skills/originals/ubercart.png differ diff --git a/source/assets/images/skills/originals/ubuntu.png b/source/assets/images/skills/originals/ubuntu.png new file mode 100644 index 00000000..11f600b7 Binary files /dev/null and b/source/assets/images/skills/originals/ubuntu.png differ diff --git a/source/assets/images/skills/originals/vagrant.png b/source/assets/images/skills/originals/vagrant.png new file mode 100644 index 00000000..86362161 Binary files /dev/null and b/source/assets/images/skills/originals/vagrant.png differ diff --git a/source/assets/images/skills/originals/wordpress.png b/source/assets/images/skills/originals/wordpress.png new file mode 100644 index 00000000..02674d29 Binary files /dev/null and b/source/assets/images/skills/originals/wordpress.png differ diff --git a/source/assets/images/skills/php.png b/source/assets/images/skills/php.png new file mode 100644 index 00000000..e82c0835 Binary files /dev/null and b/source/assets/images/skills/php.png differ diff --git a/source/assets/images/skills/phpunit.png b/source/assets/images/skills/phpunit.png new file mode 100644 index 00000000..1be5fed4 Binary files /dev/null and b/source/assets/images/skills/phpunit.png differ diff --git a/source/assets/images/skills/puppet.png b/source/assets/images/skills/puppet.png new file mode 100644 index 00000000..a009c93d Binary files /dev/null and b/source/assets/images/skills/puppet.png differ diff --git a/source/assets/images/skills/sass.png b/source/assets/images/skills/sass.png new file mode 100644 index 00000000..fd68804a Binary files /dev/null and b/source/assets/images/skills/sass.png differ diff --git a/source/assets/images/skills/sculpin.png b/source/assets/images/skills/sculpin.png new file mode 100644 index 00000000..6c87b8bc Binary files /dev/null and b/source/assets/images/skills/sculpin.png differ diff --git a/source/assets/images/skills/silex.png b/source/assets/images/skills/silex.png new file mode 100644 index 00000000..261baab1 Binary files /dev/null and b/source/assets/images/skills/silex.png differ diff --git a/source/assets/images/skills/simpletest.png b/source/assets/images/skills/simpletest.png new file mode 100644 index 00000000..c430ddef Binary files /dev/null and b/source/assets/images/skills/simpletest.png differ diff --git a/source/assets/images/skills/solr.png b/source/assets/images/skills/solr.png new file mode 100644 index 00000000..44faa664 Binary files /dev/null and b/source/assets/images/skills/solr.png differ diff --git a/source/assets/images/skills/svn.jpg b/source/assets/images/skills/svn.jpg new file mode 100644 index 00000000..cc9f8209 Binary files /dev/null and b/source/assets/images/skills/svn.jpg differ diff --git a/source/assets/images/skills/symfony.png b/source/assets/images/skills/symfony.png new file mode 100644 index 00000000..1c9de0d3 Binary files /dev/null and b/source/assets/images/skills/symfony.png differ diff --git a/source/assets/images/skills/twig.png b/source/assets/images/skills/twig.png new file mode 100644 index 00000000..b29a2656 Binary files /dev/null and b/source/assets/images/skills/twig.png differ diff --git a/source/assets/images/skills/ubercart.png b/source/assets/images/skills/ubercart.png new file mode 100644 index 00000000..c24cc248 Binary files /dev/null and b/source/assets/images/skills/ubercart.png differ diff --git a/source/assets/images/skills/ubuntu.png b/source/assets/images/skills/ubuntu.png new file mode 100644 index 00000000..79ee73d1 Binary files /dev/null and b/source/assets/images/skills/ubuntu.png differ diff --git a/source/assets/images/skills/vagrant.png b/source/assets/images/skills/vagrant.png new file mode 100644 index 00000000..40ca49c8 Binary files /dev/null and b/source/assets/images/skills/vagrant.png differ diff --git a/source/assets/images/skills/wordpress.png b/source/assets/images/skills/wordpress.png new file mode 100644 index 00000000..79b4affe Binary files /dev/null and b/source/assets/images/skills/wordpress.png differ diff --git a/source/index.md b/source/index.md index 6007979d..2751f1e5 100644 --- a/source/index.md +++ b/source/index.md @@ -27,12 +27,9 @@ My name is Oliver Davies (aka [opdavies][1]) - a Web Developer and System Admini I’m a provisional member of the [Drupal Security team][14] and a webmaster and documentation maintainer for Drupal.org. [I speak at various user groups and conferences][40], and co-organise the [Drupal Bristol user group][15], [PHPSW][17] and [DrupalCamp Bristol][18]. -## Proficiencies +## Skills -- PHP, Drupal (6, 7, 8), Symfony, Silex, Laravel, Sculpin, Jekyll -- PHPUnit, SimpleTest, Behat -- HTML, Twig, CSS, Less, Sass, JavaScript, jQuery, Grunt, Gulp -- Linux (Debian, Red Hat), Vagrant, Docker, Puppet, Ansible, Jenkins, Fabric +{% include 'skills-list' with { skills: site.skills[0] } %} ## Elsewhere