<commit_before>mixin project_odd(title, year, desc, url, urltitle, imgsrc)
  div.eight.columns.project.left-col
    div.four.columns.alpha.push-by-four.img
      a(href="#{url}", rel="nofollow"): img(src="#{imgsrc}", alt="Screenshot of #{urltitle}")
    div.four.columns.omega.pull-by-four
      .desc
        h3 #{title}
        p
          span.yr #{year}
          br
          | #{desc}
          br
          br
          a(href="#{url}", rel="nofollow") &raquo; #{urltitle}

mixin project_even(title, year, desc, url, urltitle, imgsrc)
  div.eight.columns.project.right-col
    div.four.columns.alpha.img
      a(href="#{url}", rel="nofollow"): img(src="#{imgsrc}", alt="Screenshot of #{urltitle}")
    div.four.columns.omega
      .desc
        h3 #{title}
        p
          span.yr #{year}
          br
          | #{desc}
          br
          br
          a(href="#{url}", rel="nofollow") &raquo; #{urltitle}



doctype
html(lang="en", class="no-js")
  head
    title <NAME> - Web Publisher from Berne, Switzerland

    //- Basic needs
    meta(charset="utf-8")
    meta(name="description", content="<NAME>, professional web developer living in Australia. He speaks fluent HTML and CSS.")
    meta(name="keywords", content="Web Design, Web Publisher, Web Development, Website, Design, Publishing, Perth, Fremantle, Australia")
    meta(name="author", content="<NAME>")
    meta(name="designer", content="<NAME>")
    meta(name="robots", content="index,follow")
    //- The below meta tag is sent using http headers (.htaccess file)
    meta(http-equiv="X-UA-Compatible", content="IE=edge")

    //- Mobile Specific Meta
    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1")

    //- CSS
    link(rel="stylesheet", type="text/css", href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700")
    link(rel="stylesheet", type="text/css", href="style.css")
    link(rel="stylesheet", type="text/css", href="style_old.css")

    //- Favicons
    link(rel="shortcut icon", href="favicon.ico")
    link(rel="apple-touch-icon", href="img/apple-touch-icon.png")
    link(rel="apple-touch-icon", href="img/apple-touch-icon-72x72.png")
    link(rel="apple-touch-icon", href="img/apple-touch-icon-114x114.png")

    //- JS
    script(type="text/javascript", src="js/modernizr.js")
    script.
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
      e.src='//www.google-analytics.com/analytics.js';
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
      ga('create','UA-37613338-1');ga('send','pageview');
  body#top
    != "<!--[if lt IE 8]>"
      p.chromeframe
        | Your browser is <em>ancient!</em>. Please&nbsp;
        a(href="http://browsehappy.com/") upgrade your browser
        |  to improve your experience.
      !=  "<![endif]-->"

    //- Primary Page Layout
    header
      div.container
        div.row.remove-bottom
          div(role="banner").sixteen.columns.intro
            h1 the portfolio of
              strong <NAME>
            p
              | Professional Web Publisher from Switzerland based in Perth, Australia.
              br
              |For 7 years I have gathered commercial experience and perfected my skills.
              br
              | My passion is creating beautiful websites using the latest web technologies.
        nav(role="navigation")
          ul.row.remove-bottom
            li.four.columns.remove-bottom: a.smoothScroll(href="#about")
              i.ico-man
              |  About
            li.four.columns.remove-bottom: a.smoothScroll(href="#portfolio")
              i.ico-hat
              |  Portfolio
            li.four.columns.remove-bottom: a.smoothScroll(href="#contact")
              i.ico-comment
              |  Contact
            li.four.columns.remove-bottom
              a.smoothScroll(href="https://www.dropbox.com/s/jreor6lxznet5p7/CV_PatrikAffentranger_12.1.13.pdf",  onclick="_gaq.push(['_trackEvent', 'Downloads', 'PDF', '/CV_PatrikAffentranger_12.1.13.pdf']);")
                i.ico-doc
                |  Resume
    div#main(role="main")
      //- 'THIS GUY' SECTION
      section#about.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-man
                |  This guy
              a.top.smoothScroll(href="#top") top
          div.one-third.column
            h3 Profile
            p.
              My name is Patrik, I am a Web Publisher and front-end developer from Berne, Switzerland.<br/>I have worked with 30+ clients all over the world, small and large. Clean, simple and usable design with attention to details is my trade mark.
            p.
              I love beautifully crafted designs, for print and web. Fuelled by all kinds of indie and electronic music I can tinker for days. Hence, I like to think that <a href="https://github.com/pzi/portefeuille">portefeuille</a> will help others in creating an online portfolio, too.
          div.one-third.column
            h3 Stats
            ul.stats.half-bottom
              li.nine HTML / CSS
                span There's always room for improvement.
              li.eight Photoshop
              li.six Javascript / jQuery
              li.seven Telerik Sitefinity
              li.five WordPress
              li.six SEO
              li.eight Account Management
            div.scale.clearfix.add-bottom
              div.ruler.clearfix
                div
                div.sml
                div
                div.sml.last
              span.l Rookie
              span.r Master
          div.one-third.column
            h3 Tools
            ul.column.alpha.omega.locs
              li: a(href="http://www.apple.com/mac/", rel="nofollow") Macbook
              li: a(href="http://www.apple.com/iphone/", rel="nofollow") iPhone
              li: a(href="http://www.sparrowmailapp.com/", rel="nofollow") Sparrow
              li: a(href="http://culturedcode.com/things/", rel="nofollow") Things
              li: a(href="https://www.dropbox.com/", rel="nofollow") Dropbox
              li: a(href="http://cyberduck.ch/", rel="nofollow") Cyberduck
              li: a(href="http://daringfireball.net/projects/markdown/", rel="nofollow") Markdown
              li: a(href="http://panic.com/coda/", rel="nofollow") Coda
              li: a(href="http://www.balsamiq.com/", rel="nofollow") Balsamiq
            ul.column.alpha.omega.tools
              li: a(href="http://www.sublimetext.com/", rel="nofollow") Sublime Text 2
              li: a(href="http://incident57.com/codekit/", rel="nofollow") CodeKit
              li: a(href="http://notepad-plus-plus.org/", rel="nofollow") Notepad++
              li: a(href="http://livereload.com/", rel="nofollow") LiveReload
              li
                a(href="http://lesscss.org/", rel="nofollow") LESS
                |  / #{' '}
                a(href="http://sass-lang.com/", rel="nofollow") SASS
              li: a(href="http://jade-lang.com/", rel="nofollow") Jade
              li: a(href="https://github.com/pzi") GitHub
              li: a(href="http://stackoverflow.com/users/1166161/pezzi") Stack Overflow
          div.sixteen.columns: p.remove-bottom.
            As a jack of all trades, I can do a lot of things, but what makes me truly happy, is working with clients to reach and fulfill their business goals. This is my passion &ndash; taking a project from the very start in ideas and sketching to the final result of a smart, handcrafted, well-constructed website. If you would like to sit together and discuss your needs, please check out <a class="smoothScroll" href='#contact'>how to reach me</a> down below.
      //- 'PORTFOLIO' SECTION
      section#portfolio.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-hat
                |  His work *
              a.top.smoothScroll(href="#top") top
          //- PROJECTS
          div.row
            //- Project 1 - Geidi
            mixin project_odd("Geidi", "2011", "Web Design, HTML, CSS, Graphic Design, JavaScript, Concept, Sitefinity", "http://www.geidi.com", "geidi.com", "img/www.geidi.com.jpg")
            //- Project 2 - n c ag
            mixin project_even("n c ag", "2011", "Web Design, HTML, CSS, Graphic Design of V1, JavaScript, Concept, PHP", "http://www.ncag.ch", "ncag.ch", "img/www.ncag.ch.jpg")
          div.row
            //- Project 3 - Media Impression
            mixin project_odd("Media Impression", "2010", "HTML, CSS, JavaScript, PHP", "http://www.mediaimpression.ch", "mediaimpression.ch", "img/www.mediaimpression.ch.jpg")
            //- Project 4 - Workfinder
            mixin project_even("Workfinder", "2011", "Web Design, HTML, CSS, Graphic Design, JavaScript, Concept, PHP", "http://www.workfinder.ch", "workfinder.ch", "img/www.workfinder.ch.jpg")
          div.row
            //- Project 5 - Mohnhaus
            mixin project_odd("Mohnhaus", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Graphic Design, Concept", "http://www.mohnhaus.ch", "mohnhaus.ch", "img/www.mohnhaus.ch.jpg")
            //- Project 6 - <NAME>
            mixin project_even("<NAME>", "2010", "HTML, CSS, JavaScript, PHP", "http://www.balkonien-wohnen.ch", "balkonien-wohnen.ch", "img/www.balkonien-wohnen.ch.jpg")
          div.row
            //- Project 7 - <NAME>
            mixin project_odd("<NAME>", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Graphic Design, Concept", "http://www.fondation-robmar.ch", "fondation-robmar.ch", "img/www.fondation-robmar.ch.jpg")
            //- Project 8 - Advantis
            mixin project_even("Advantis", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Concept", "http://www.advantis-ic.com", "advantis-ic.com", "img/www.advantis-ic.com.jpg")
          div.sixteen.columns: p.remove-bottom.
            * Unfortunately, I cannot display more projects at this time. This is due to the fact that a lot of my past work was for intra- and extranets, which are protected sites and therefore not publicly available. However, I will see what I can do and try to get some screenshots to display.<br>
            Some of the clients I have worked with/for:<br>
            &bull; <a href="http://www.ausdrill.com.au" rel="nofollow">Ausdrill</a>
            &bull; <a href="http://www.swisspost.com" rel="nofollow">Swiss Post</a>
            &bull; <a href="http://www.moevenpick-hotels.com" rel="nofollow">Moevenpick Hotels &amp; Resorts</a>
            &bull; <a href="http://www.swiss.com" rel="nofollow">Swiss International Air Lines Ltd.</a>
            &bull; <a href="http://www.myswitzerland.com" rel="nofollow">Swiss Tourism</a>
            &bull; <a href="http://www.spar-int.com" rel="nofollow">Spar</a>
            &bull; <a href="http://www.kuoni.com" rel="nofollow">Kuoni</a>
            &bull; <a href="http://www.aldi.com" rel="nofollow">Aldi</a>
      //- 'CONTACT' SECTION
      section#contact.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-comment
                |  Catch him
              a.top.smoothScroll(href="#top") top
          div.one-third.column
            p.
              These days I am available for freelance, full time positions and collaboration work.<br>
              <br>
              If you have got projects, questions, comments about my portfolio or just want to say hello anyway, <a href="mailto:hello__at__patrikaffentranger.me" rel="nofollow">drop me a line</a> or
              have a look where you can find myself in the cloud.<br>
              <br>
              Normally, I am quick hitting the reply button, unless none of my devices can connect to the internet.
          div.one-third.column
            ul.column.alpha.omega.locs
              li: a(href="https://www.facebook.com/paffentranger", rel="nofollow")
                  img(src="img/social/facebook.png", alt="Facebook icon")
                  span Facebook
              li: a(href="http://www.flickr.com/photos/pzi")
                  img(src="img/social/flickr.png", alt="Flickr icon")
                  span Flickr
              li: a(href="https://foursquare.com/pzimat", rel="nofollow")
                  img(src="img/social/4square.png", alt="4square icon")
                  span 4square
              li: a(href="http://gplus.to/pzi", rel="nofollow")
                  img(src="img/social/google_plus.png", alt="Google+ icon")
                  span Google+
              li: a(href="http://instagram.com/pzi", rel="nofollow")
                  img(src="img/social/instagram.png", alt="Instagram icon")
                  span Instagram
            ul.column.alpha.omega.locs
              li: a(href="http://www.lastfm.de/user/pezzi", rel="nofollow")
                  img(src="img/social/last_fm.png", alt="Last.fm icon")
                  span Last.fm
              li: a(href="http://au.linkedin.com/in/paffentranger", rel="nofollow")
                  img(src="img/social/linked_in.png", alt="LinkedIn icon")
                  span LinkedIn
              li: a(href="http://pzi.tumblr.com")
                  img(src="img/social/tumblr.png", alt="Tumblr icon")
                  span Tumblr
              li: a(href="http://www.twitter.com/pzimat", rel="nofollow")
                  img(src="img/social/twitter.png", alt="Twitter icon")
                  span Twitter
              li: a(href="http://www.xing.com/profile/Patrik_Affentranger2", rel="nofollow")
                  img(src="img/social/xing.png", alt="XING icon")
                  span Xing
          div.one-third.column
            h3 ... doing updates
            p.
              As with all things in life, there is a master plan, the one for my portfolio includes (but is not limited to):<br>
              &bull; more css3 (like, a lot) &bull; more jade &bull; smacss &bull; cms templates &bull; more less/sass &bull; accessibility &bull; Add client logo list &bull; more zing!<br>
              <br>
              One line of code at the time.
    footer
      div.container
        div.sixteen.columns
          p.half-bottom
            | &copy; #{new Date().getFullYear()} <NAME> - Web Design Portfolio - Hand crafted
            a(href="http://validator.w3.org/check?uri=referer", rel="nofollow") HTML
            | and
            a(href="http://jigsaw.w3.org/css-validator/validator?uri=patrikaffentranger.me&amp;profile=css3&amp;usermedium=all&amp;warning=1", rel="nofollow") CSS
          p.footnote.remove-bottom
            a(href="http://patrikaffentranger.me") patrikaffentranger.me
            |  uses
            a(href="http://glyphicons.com/", rel="nofollow") GLYPHICONS
            |  which are released under the
            a(href="http://creativecommons.org/licenses/by/3.0/deed.en", rel="nofollow") CC BY 3.0 license.
    a(href="https://github.com/pzi/portefeuille")
      img(style="position: absolute; top: -10px; right: -10px; border: 0;", src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png", alt="Fork me on GitHub")
    script(type="text/javascript", src="js/scripts.js")
<commit_msg>updated cv link<commit_after>mixin project_odd(title, year, desc, url, urltitle, imgsrc)
  div.eight.columns.project.left-col
    div.four.columns.alpha.push-by-four.img
      a(href="#{url}", rel="nofollow"): img(src="#{imgsrc}", alt="Screenshot of #{urltitle}")
    div.four.columns.omega.pull-by-four
      .desc
        h3 #{title}
        p
          span.yr #{year}
          br
          | #{desc}
          br
          br
          a(href="#{url}", rel="nofollow") &raquo; #{urltitle}

mixin project_even(title, year, desc, url, urltitle, imgsrc)
  div.eight.columns.project.right-col
    div.four.columns.alpha.img
      a(href="#{url}", rel="nofollow"): img(src="#{imgsrc}", alt="Screenshot of #{urltitle}")
    div.four.columns.omega
      .desc
        h3 #{title}
        p
          span.yr #{year}
          br
          | #{desc}
          br
          br
          a(href="#{url}", rel="nofollow") &raquo; #{urltitle}



doctype
html(lang="en", class="no-js")
  head
    title <NAME> - Web Publisher from Berne, Switzerland

    //- Basic needs
    meta(charset="utf-8")
    meta(name="description", content="<NAME>, professional web developer living in Australia. He speaks fluent HTML and CSS.")
    meta(name="keywords", content="Web Design, Web Publisher, Web Development, Website, Design, Publishing, Perth, Fremantle, Australia")
    meta(name="author", content="<NAME>")
    meta(name="designer", content="<NAME>")
    meta(name="robots", content="index,follow")
    //- The below meta tag is sent using http headers (.htaccess file)
    meta(http-equiv="X-UA-Compatible", content="IE=edge")

    //- Mobile Specific Meta
    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1")

    //- CSS
    link(rel="stylesheet", type="text/css", href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700")
    link(rel="stylesheet", type="text/css", href="style.css")
    link(rel="stylesheet", type="text/css", href="style_old.css")

    //- Favicons
    link(rel="shortcut icon", href="favicon.ico")
    link(rel="apple-touch-icon", href="img/apple-touch-icon.png")
    link(rel="apple-touch-icon", href="img/apple-touch-icon-72x72.png")
    link(rel="apple-touch-icon", href="img/apple-touch-icon-114x114.png")

    //- JS
    script(type="text/javascript", src="js/modernizr.js")
    script.
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
      e.src='//www.google-analytics.com/analytics.js';
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
      ga('create','UA-37613338-1');ga('send','pageview');
  body#top
    != "<!--[if lt IE 8]>"
      p.chromeframe
        | Your browser is <em>ancient!</em>. Please&nbsp;
        a(href="http://browsehappy.com/") upgrade your browser
        |  to improve your experience.
      !=  "<![endif]-->"

    //- Primary Page Layout
    header
      div.container
        div.row.remove-bottom
          div(role="banner").sixteen.columns.intro
            h1 the portfolio of
              strong <NAME>
            p
              | Professional Web Publisher from Switzerland based in Perth, Australia.
              br
              |For 7 years I have gathered commercial experience and perfected my skills.
              br
              | My passion is creating beautiful websites using the latest web technologies.
        nav(role="navigation")
          ul.row.remove-bottom
            li.four.columns.remove-bottom: a.smoothScroll(href="#about")
              i.ico-man
              |  About
            li.four.columns.remove-bottom: a.smoothScroll(href="#portfolio")
              i.ico-hat
              |  Portfolio
            li.four.columns.remove-bottom: a.smoothScroll(href="#contact")
              i.ico-comment
              |  Contact
            li.four.columns.remove-bottom
              a.smoothScroll(href="https://www.dropbox.com/s/gwfsflkqwjwyp6t/CV_PatrikAffentranger_12.1.13.pdf?dl=1",  onclick="_gaq.push(['_trackEvent', 'Downloads', 'PDF', '/CV_PatrikAffentranger_12.1.13.pdf']);")
                i.ico-doc
                |  Resume
    div#main(role="main")
      //- 'THIS GUY' SECTION
      section#about.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-man
                |  This guy
              a.top.smoothScroll(href="#top") top
          div.one-third.column
            h3 Profile
            p.
              My name is Patrik, I am a Web Publisher and front-end developer from Berne, Switzerland.<br/>I have worked with 30+ clients all over the world, small and large. Clean, simple and usable design with attention to details is my trade mark.
            p.
              I love beautifully crafted designs, for print and web. Fuelled by all kinds of indie and electronic music I can tinker for days. Hence, I like to think that <a href="https://github.com/pzi/portefeuille">portefeuille</a> will help others in creating an online portfolio, too.
          div.one-third.column
            h3 Stats
            ul.stats.half-bottom
              li.nine HTML / CSS
                span There's always room for improvement.
              li.eight Photoshop
              li.six Javascript / jQuery
              li.seven Telerik Sitefinity
              li.five WordPress
              li.six SEO
              li.eight Account Management
            div.scale.clearfix.add-bottom
              div.ruler.clearfix
                div
                div.sml
                div
                div.sml.last
              span.l Rookie
              span.r Master
          div.one-third.column
            h3 Tools
            ul.column.alpha.omega.locs
              li: a(href="http://www.apple.com/mac/", rel="nofollow") Macbook
              li: a(href="http://www.apple.com/iphone/", rel="nofollow") iPhone
              li: a(href="http://www.sparrowmailapp.com/", rel="nofollow") Sparrow
              li: a(href="http://culturedcode.com/things/", rel="nofollow") Things
              li: a(href="https://www.dropbox.com/", rel="nofollow") Dropbox
              li: a(href="http://cyberduck.ch/", rel="nofollow") Cyberduck
              li: a(href="http://daringfireball.net/projects/markdown/", rel="nofollow") Markdown
              li: a(href="http://panic.com/coda/", rel="nofollow") Coda
              li: a(href="http://www.balsamiq.com/", rel="nofollow") Balsamiq
            ul.column.alpha.omega.tools
              li: a(href="http://www.sublimetext.com/", rel="nofollow") Sublime Text 2
              li: a(href="http://incident57.com/codekit/", rel="nofollow") CodeKit
              li: a(href="http://notepad-plus-plus.org/", rel="nofollow") Notepad++
              li: a(href="http://livereload.com/", rel="nofollow") LiveReload
              li
                a(href="http://lesscss.org/", rel="nofollow") LESS
                |  / #{' '}
                a(href="http://sass-lang.com/", rel="nofollow") SASS
              li: a(href="http://jade-lang.com/", rel="nofollow") Jade
              li: a(href="https://github.com/pzi") GitHub
              li: a(href="http://stackoverflow.com/users/1166161/pezzi") Stack Overflow
          div.sixteen.columns: p.remove-bottom.
            As a jack of all trades, I can do a lot of things, but what makes me truly happy, is working with clients to reach and fulfill their business goals. This is my passion &ndash; taking a project from the very start in ideas and sketching to the final result of a smart, handcrafted, well-constructed website. If you would like to sit together and discuss your needs, please check out <a class="smoothScroll" href='#contact'>how to reach me</a> down below.
      //- 'PORTFOLIO' SECTION
      section#portfolio.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-hat
                |  His work *
              a.top.smoothScroll(href="#top") top
          //- PROJECTS
          div.row
            //- Project 1 - Geidi
            mixin project_odd("Geidi", "2011", "Web Design, HTML, CSS, Graphic Design, JavaScript, Concept, Sitefinity", "http://www.geidi.com", "geidi.com", "img/www.geidi.com.jpg")
            //- Project 2 - n c ag
            mixin project_even("n c ag", "2011", "Web Design, HTML, CSS, Graphic Design of V1, JavaScript, Concept, PHP", "http://www.ncag.ch", "ncag.ch", "img/www.ncag.ch.jpg")
          div.row
            //- Project 3 - Media Impression
            mixin project_odd("Media Impression", "2010", "HTML, CSS, JavaScript, PHP", "http://www.mediaimpression.ch", "mediaimpression.ch", "img/www.mediaimpression.ch.jpg")
            //- Project 4 - Workfinder
            mixin project_even("Workfinder", "2011", "Web Design, HTML, CSS, Graphic Design, JavaScript, Concept, PHP", "http://www.workfinder.ch", "workfinder.ch", "img/www.workfinder.ch.jpg")
          div.row
            //- Project 5 - Mohnhaus
            mixin project_odd("Mohnhaus", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Graphic Design, Concept", "http://www.mohnhaus.ch", "mohnhaus.ch", "img/www.mohnhaus.ch.jpg")
            //- Project 6 - <NAME>
            mixin project_even("<NAME>", "2010", "HTML, CSS, JavaScript, PHP", "http://www.balkonien-wohnen.ch", "balkonien-wohnen.ch", "img/www.balkonien-wohnen.ch.jpg")
          div.row
            //- Project 7 - <NAME>
            mixin project_odd("<NAME>", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Graphic Design, Concept", "http://www.fondation-robmar.ch", "fondation-robmar.ch", "img/www.fondation-robmar.ch.jpg")
            //- Project 8 - Advantis
            mixin project_even("Advantis", "2010", "Web Design, HTML, CSS, PHP, JavaScript, Concept", "http://www.advantis-ic.com", "advantis-ic.com", "img/www.advantis-ic.com.jpg")
          div.sixteen.columns: p.remove-bottom.
            * Unfortunately, I cannot display more projects at this time. This is due to the fact that a lot of my past work was for intra- and extranets, which are protected sites and therefore not publicly available. However, I will see what I can do and try to get some screenshots to display.<br>
            Some of the clients I have worked with/for:<br>
            &bull; <a href="http://www.ausdrill.com.au" rel="nofollow">Ausdrill</a>
            &bull; <a href="http://www.swisspost.com" rel="nofollow">Swiss Post</a>
            &bull; <a href="http://www.moevenpick-hotels.com" rel="nofollow">Moevenpick Hotels &amp; Resorts</a>
            &bull; <a href="http://www.swiss.com" rel="nofollow">Swiss International Air Lines Ltd.</a>
            &bull; <a href="http://www.myswitzerland.com" rel="nofollow">Swiss Tourism</a>
            &bull; <a href="http://www.spar-int.com" rel="nofollow">Spar</a>
            &bull; <a href="http://www.kuoni.com" rel="nofollow">Kuoni</a>
            &bull; <a href="http://www.aldi.com" rel="nofollow">Aldi</a>
      //- 'CONTACT' SECTION
      section#contact.clearfix
        div.container
          div.title.add-bottom.clearfix
            div.sixteen.columns.alpha.omega.line
              h2.five.columns.omega: span
                i.ico14.ico-comment
                |  Catch him
              a.top.smoothScroll(href="#top") top
          div.one-third.column
            p.
              These days I am available for freelance, full time positions and collaboration work.<br>
              <br>
              If you have got projects, questions, comments about my portfolio or just want to say hello anyway, <a href="mailto:hello__at__patrikaffentranger.me" rel="nofollow">drop me a line</a> or
              have a look where you can find myself in the cloud.<br>
              <br>
              Normally, I am quick hitting the reply button, unless none of my devices can connect to the internet.
          div.one-third.column
            ul.column.alpha.omega.locs
              li: a(href="https://www.facebook.com/paffentranger", rel="nofollow")
                  img(src="img/social/facebook.png", alt="Facebook icon")
                  span Facebook
              li: a(href="http://www.flickr.com/photos/pzi")
                  img(src="img/social/flickr.png", alt="Flickr icon")
                  span Flickr
              li: a(href="https://foursquare.com/pzimat", rel="nofollow")
                  img(src="img/social/4square.png", alt="4square icon")
                  span 4square
              li: a(href="http://gplus.to/pzi", rel="nofollow")
                  img(src="img/social/google_plus.png", alt="Google+ icon")
                  span Google+
              li: a(href="http://instagram.com/pzi", rel="nofollow")
                  img(src="img/social/instagram.png", alt="Instagram icon")
                  span Instagram
            ul.column.alpha.omega.locs
              li: a(href="http://www.lastfm.de/user/pezzi", rel="nofollow")
                  img(src="img/social/last_fm.png", alt="Last.fm icon")
                  span Last.fm
              li: a(href="http://au.linkedin.com/in/paffentranger", rel="nofollow")
                  img(src="img/social/linked_in.png", alt="LinkedIn icon")
                  span LinkedIn
              li: a(href="http://pzi.tumblr.com")
                  img(src="img/social/tumblr.png", alt="Tumblr icon")
                  span Tumblr
              li: a(href="http://www.twitter.com/pzimat", rel="nofollow")
                  img(src="img/social/twitter.png", alt="Twitter icon")
                  span Twitter
              li: a(href="http://www.xing.com/profile/Patrik_Affentranger2", rel="nofollow")
                  img(src="img/social/xing.png", alt="XING icon")
                  span Xing
          div.one-third.column
            h3 ... doing updates
            p.
              As with all things in life, there is a master plan, the one for my portfolio includes (but is not limited to):<br>
              &bull; more css3 (like, a lot) &bull; more jade &bull; smacss &bull; cms templates &bull; more less/sass &bull; accessibility &bull; Add client logo list &bull; more zing!<br>
              <br>
              One line of code at the time.
    footer
      div.container
        div.sixteen.columns
          p.half-bottom
            | &copy; #{new Date().getFullYear()} <NAME> - Web Design Portfolio - Hand crafted
            a(href="http://validator.w3.org/check?uri=referer", rel="nofollow") HTML
            | and
            a(href="http://jigsaw.w3.org/css-validator/validator?uri=patrikaffentranger.me&amp;profile=css3&amp;usermedium=all&amp;warning=1", rel="nofollow") CSS
          p.footnote.remove-bottom
            a(href="http://patrikaffentranger.me") patrikaffentranger.me
            |  uses
            a(href="http://glyphicons.com/", rel="nofollow") GLYPHICONS
            |  which are released under the
            a(href="http://creativecommons.org/licenses/by/3.0/deed.en", rel="nofollow") CC BY 3.0 license.
    a(href="https://github.com/pzi/portefeuille")
      img(style="position: absolute; top: -10px; right: -10px; border: 0;", src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png", alt="Fork me on GitHub")
    script(type="text/javascript", src="js/scripts.js")

{'fraction_non_alphanumeric': 0.14231541378541154, 'fraction_numerical': 0.008763264395653421, 'mean_word_length': 2.1123673509868093, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 16, 'lorem ipsum': 0, 'www.': 74, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3896552', 'n_tokens_mistral': 10046, 'n_tokens_neox': 9501, 'n_words': 2172}