diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml index 57cf7f87..8a5fea68 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: Jekyll, image: jekyll.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: Puppet, image: puppet.png } + - { name: Fabric, image: fabric.png } + - { name: Jenkins, image: jenkins.png } + 1: + - { name: Ubercart, image: ubercart.png } + - { name: WordPress, image: wordpress.png } + - { name: Subversion, image: svn.jpg } + - { name: Grunt, image: grunt.png } + - { name: Less, image: less.png } + - { name: Compass, image: compass.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 9c8a2fa5..036891e8 100644 --- a/assets/sass/base/_layout.sass +++ b/assets/sass/base/_layout.sass @@ -9,3 +9,9 @@ .flex flex: 1 + +.flex-wrap + flex-wrap: wrap + +.list-style-none + list-style: none 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..ba130fc9 --- /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..a0cf66d3 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/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