diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml index 57cf7f87a..8a5fea684 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 9c8a2fa56..036891e8d 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 359ea0952..ae65038be 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 9f21df9b8..2c29c81c3 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 000000000..ba130fc98 --- /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 000000000..8c1337d46 --- /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 3e38807b5..a0cf66d32 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 000000000..b66283b71 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 000000000..b20bb7fa1 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 000000000..d2b54f9f4 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 000000000..2e66d0f9e 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 000000000..4699ed6ac 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 000000000..3ebc9ae8d 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 000000000..68bd7d477 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 000000000..bc76697e6 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 000000000..312e8551e 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 000000000..2c2ccbe5b 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 000000000..a57c9d134 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 000000000..229cce09d 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 000000000..3c83accdc 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 000000000..cd829a5d1 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 000000000..6af79c3f6 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 000000000..152f5b593 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 000000000..5e570821e 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 000000000..8c32e4db7 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 000000000..f73190cd6 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 000000000..ce47e7c13 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 000000000..2291e0d8f 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 000000000..3fe09cc80 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 000000000..6e9a31d1e 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 000000000..76c497c24 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 000000000..83a07ed52 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 bc0fcc906..7691400c0 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 000000000..31b588c08 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 000000000..66a2feb83 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 000000000..11f600b70 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 000000000..863621614 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 000000000..02674d29e Binary files /dev/null and b/source/assets/images/skills/originals/wordpress.png differ