<commit_before><!doctype html>
<html class="no-js" lang="FR">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>On Display / Soirée portfolio 1:1 / 21 janvier 2016 / Montréal </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:url"    content="http://ondisplay.design/fr/index.html" />
    <meta property="og:type"   content="Website" />
    <meta property="og:title"  content="À propos de On Display / Soirée portfolio 1:1 / 21 janvier 2016 / Montréal" />
    <meta property="og:image"  content="http://ondisplay.design/assets/img/on-display-portfolio-night2.jpg" />
    <meta property="og:description" content="Présentez votre portfolio et recevez les précieux conseils des meilleurs designers et directeurs artistiques de Montréal." />

    <link rel="apple-touch-icon" href="../apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
      #mc_embed_signup {
        font:14px Montserrat,Arial,sans-serif;
      }
      #mc_embed_signup input {
        color: #00bbdd;
        border: 2px solid #00bbdd;
      }
      #mc_embed_signup input.email {
        margin-bottom: 0;
        padding: 15px;
      }
      #mc_embed_signup form {
        padding: 0;
      }
      #mc_embed_signup label {
        font-weight: normal;
      }
    </style>


    <script src="https://use.typekit.net/qgh7ppn.js"></script>
    <script>try{Typekit.load({ async: true });}catch(e){}</script>

    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/main.css">
    <script src="../js/vendor/modernizr-2.8.3.min.js"></script>
  </head>
  <body>
    <!--[if lt IE 8]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Introduction -->
    <div class="container">
      <nav class="nav">
        <div class="grid grid--end">
          <div class="grid__cell type--right">
            <a href="../index.html" class="inverted language-switcher">EN</a>
          </div>
        </div>
      </nav>
    </div>

    <div class="container">
      <header class="grid grid--center">
        <h1 class="visuallyhidden">On Display 2016</h1>
        <div class="grid__cell grid__cell--no-flex">
          <div class="hero__container parallax-container" id="hero">
            <div class="hero hero1 layer" data-depth="0.10"></div>
            <div class="hero hero2 layer" data-depth="0.20"></div>
            <div class="hero hero3 layer" data-depth="0.40"></div>
            <div class="hero hero4 layer" data-depth="0.60"></div>
          </div>
        </div>
      </header>

      <div class="grid grid--center bring-up type--margin-triple">
        <div class="grid__cell grid__cell--no-flex type--center">
          <div class="event-info" data-jkit="[parallax:strength=1;detect=scroll;axis=y]">

            <h2 class="sans-serif type--normal type--uppercase">
              Montréal, QC / 21 janvier 2016 à 17:00
            </h2>
            <p class="sans-serif--light type--uppercase">#ondisplaymtl2016</p>

          </div>
        </div>
      </div>

      <section id="introduction" class="introduction">
        <div class="grid grid--end">
          <div class="grid__cell grid__cell--half">
            <div class="card">
              <div class="grid">
                <div class="grid__cell grid__cell--three-quarter">
                  <h3 class="sans-serif type--uppercase type--margin-triple">UI / UX / design web et graphique / direction artistique / motion design / </h3>
                  <p>Participez à la&nbsp;soirée portfolio <em class="serif--italic">On&nbsp;Display</em>, dédiée aux expériences numériques</p>
                  <p>Présentez votre portfolio et recevez les précieux conseils des meilleurs designers et directeurs artistiques de Montréal.</p>
                  <p>Billets disponibles en quantité limitée.</p>
                  <a href="https://www.eventbrite.ca/e/on-display-soiree-portfolio-tickets-19772693659" class="btn type--uppercase" target="_blank">M'inscrire</a>
                </div>
              </div>
            </div>
          </div>
          <div class="grid__cell grid__cell--quarter fr-headline">
            <div class="overlaid">
              <div class="overlaid__item overlaid__item--topright">
                <h2 class="type--xl type--dark type--display fr"><span class="type--underlined">Perfectionnez votre portfolio</span></h2>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>

    <div class="container container--no-padding">
      <!-- Why should you attend? -->
      <section class="section--fullwidth" id="reasonstoattend">
        <div class="grid grid--triple-padding">
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">1</h3>
            <p class="serif type--medium">Profitez de l’expertise de designers passionnés et respectés.</p>
          </div>
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">2</h3>
            <p class="serif type--medium">Perfectionnez vos habiletés dans la présentation de vos projets et de votre processus de création.</p>
          </div>
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">3</h3>
            <p class="serif type--medium">Obtenez un portfolio mémorable qui souligne la force de vos projets.</p>
          </div>
        </div>
      </section>
    </div>

    <!-- Members of jury -->

    <section id="jury" class="container section--margin-bottom">

      <section class="grid">
        <div class="grid__cell">
          <h2 class="type--xl type--center type--margin-triple type--dark">
            <span class="type--underlined">Jury members</span>
          </h2>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/seb-camden.jpg" alt="<NAME> from Pusher Studio" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Directeur artistique et motion designer, <a href="//pusherstudio.com" target="_blank">Pusher&nbsp;Studio</a></p>
          <p>
            <a href="//www.facebook.com/pusherstudio/" target="_blank">Facebook</a>
          </p>
        </div>
        <!-- <NAME>-->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/sylvain-dumais.jpg" alt="<NAME>" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Réalisateur multimédia</p>
          <p>
            <a href="//www.dumais.tv" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/dumais" target="_blank">Behance</a> /
            <a href="//www.instagram.com/dumais" target="_blank">Instagram</a> /
            <a href="//www.twitter.com/dumaisstudio" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- Fabien Laborie -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/fabien-laborie.jpg" alt="Fabien Laborie" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Fabien Laborie
          </h4>
          <p>Directeur artistique</p>
          <p>
            <a href="//www.fabienlaborie.ca" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/fabienlaborie" target="_blank">Behance</a> /
            <a href="//dribbble.com/FabienLaborie" target="_blank">Dribbble</a> /
            <a href="//twitter.com/FabienLaborie" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- Audrée Lapierre -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/audree-lapierre.jpg" alt="Audrée Lapierre from FFunction" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Audrée Lapierre
          </h4>
          <p>Directrice de la création, <a href="//ffctn.com/index">FFunction</a></p>
          <p>
            <a href="//audreelapierre.com" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/audreelapierre" target="_blank">Behance</a> /
            <a href="//dribbble.com/Audree" target="_blank">Dribbble</a> /
            <a href="//twitter.com/audreelapierre" target="_blank">Twitter</a>
          </p>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/serena-ngai.jpg" alt="<NAME> from Shopify" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Design lead, <a href="//www.shopify.ca/">Shopify</a></p>
          <p>
            <a href="//twitter.com/serenangai" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/jean-francois-poulin.jpg" alt="<NAME>" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Designer UX et stratège</p>
          <p>
            <a href="//www.jfpoulin.com" target="_blank">Portfolio</a> /
            <a href="//twitter.com/jeffpoulin" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/helen-tran.jpg" alt="<NAME> from Shopify" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Product design lead, <a href="//www.shopify.ca/">Shopify</a></p>
          <p>
            <a href="//helentran.com" target="_blank">Portfolio</a> /
            <a href="//dribbble.com/tranhelen" target="_blank">Dribbble</a> /
            <a href="//twitter.com/tranhelen" target="_blank">Twitter</a>
          </p>
        </div>

        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/christine-zoltok.jpg" alt="<NAME> from Breather" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Designer, <a href="http://www.breather.com" target="_blank">Breather</a></p>
          <p>
            <a href="//twitter.com/zoltok" target="_blank">Twitter</a>
          </p>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/nicolas-baldovini.jpg" alt="<NAME> from lg2" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Lead UX, <a href="www.lg2.com" target="_blank">lg2</a></p>
          <p>
            <a href="//twitter.com/nico2bux" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- More -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Plus d'info à venir bientôt
          </h4>
        </div>
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
        </div>
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
        </div>
      </section>
    </section>


        <!-- <div class="grid__cell grid__cell--half">
          <div class="card grid grid--end">
            <div class="grid__cell grid__cell--three-quarter">
              <p>Les membres du jury seront dévoilés sous peu.</p> -->
              <!-- Begin MailChimp Signup Form -->
              <!-- <div id="mc_embed_signup">
                <form action="//design.us12.list-manage.com/subscribe/post?u=276d33e40e38a0f4433ece200&amp;id=96b4a9ccbe" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                  <div id="mc_embed_signup_scroll">
                    <label for="mce-EMAIL" class="mc-email display--block ">
                      Recevez les dernières informations sur le jury et la soirée On&nbsp;Display
                    </label>
                    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Courriel" required>
                    <div style="position: absolute; left: -5000px;" aria-hidden="true">
                      <input type="text" name="b_276d33e40e38a0f4433ece200_96b4a9ccbe" tabindex="-1" value="">
                    </div>
                    <input type="submit" value="S'abonner" name="subscribe" id="mc-embedded-subscribe" class="btn">
                  </div>
                </form>
              </div> -->
              <!--End mc_embed_signup-->
            <!-- </div>
          </div>
        </div> -->

    </section>

      <!-- Speaker
      <h2 id="speaker">Get inspired by a world-class speaker</h2>
      <h3>To be revealed soon</h3>
      -->

      <!-- <section id="schedule">
        <div class="grid grid--center">
          <div class="grid__cell grid__cell--half">
            <h2 class="type--xl type--dark">Horaire</h2>
            <table class="table--schedule">
              <tr>
                <td>17:00</td>
                <td>Ouverture des portes</td>
              </tr>
              <tr>
                <td>17:30</td>
                <td>Mot de bienvenue</td>
              </tr>
              <tr>
                <td>18:30</td>
                <td>
                  Revues de portfolio / Série 1
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>19:15</td>
                <td class="type--uppercase">Pause / Repas</td>
              </tr>
              <tr>
                <td>19:45</td>
                <td>Revues de portfolio / Série 2
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>20:30</td>
                <td class="type--uppercase">Pause</td>
              </tr>
              <tr>
                <td>20:45</td>
                <td>
                  Revues de portfolio / Série 3
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>21:30</td>
                <td>Remerciements</td>
              </tr>
            </table>


          </div>
        </div>
      </section> -->



    <!-- Preparation
    <div class="container container--no-padding">
      <section id="preparation" class="section--fullwidth-band">
        <h2 class="type--xl serif type--margin-full">Prepare your portfolio</h2>
        <div>
          <h4>Be ready</h4>
          <p>
            Bring your laptop or tablet to show your digital portfolio. No one likes to waste time: have your browser tabs open and your files ready so you can get the most out of the limited time with the judges.
          </p>
        </div>
        <div>
          <h4>Focus</h4>
          <p>Select your projects carefully to reflect the work you want to pursue. Don’t have enough to show? Include any relevant side-projects. Remember that quality always trumps quantity.</p>
        </div>
        <div>
          <h4>Find the appropriate format</h4>
          <p>How are your skills best presented? Embed gifs or videos to show your animation skills. Write a case study that demonstrates your problem solving abilities.</p>
        </div>
        <div>
          <h4>Flow and Consistency</h4>
          <p>Find the narrative thread and tell the story behind your projects. If you designed a sign-up flow, show it step by step.</p>
        </div>
        <div>
          <h4>Design rationale</h4>
          <p>Explain your process, and the thoughts behind your design decisions. </p>
        </div>
      </section>
    </div>
-->

    <!-- Sign up now -->
    <section class="grid grid--center section--margin-bottom">
      <div class="grid__cell type--center">
        <h2>Réservez votre place dès maintenant</h2>
        <p>
          <a href="https://www.eventbrite.ca/e/on-display-soiree-portfolio-tickets-19772693659" class="btn btn--inverted" target="_blank">M'inscrire</a>
        </p>
      </div>
    </section>

    <!-- Footer -->
    <div class="container container--no-padding">
      <section id="footer" class="section--fullwidth section--fullwidth--footer" style="margin-bottom: 0;">

        <div class="grid grid--center">
          <div class="grid__cell grid__cell--no-flex">
            <p class="type--center">
              <img src="../assets/img/shopify_flat_white.png" class="logo--shopify" alt="Logo Shopify" />
            </p>
            <p class="type--display type--large type--center">
              <em style="margin-right:4px;">On Display</em> vous est présenté par <a href="//shopify.com" class="inverted" target="_blank">Shopify</a>
            </p>

            <footer class="grid grid--center">
              <div class="grid__cell">
                <h3 class="sans-serif type--margin-full type--medium">Contact</h3>
                <p>
                  <a href="mailto:<EMAIL>" class="inverted">Courriel</a>
                </p>
              </div>
              <div class="grid__cell">
                <h3 class="sans-serif type--margin-full type--medium">Adresse</h3>
                <address>
                  Shopify Montréal<br />
                  490 Rue de la Gauchetière Ouest<br />
                  Montréal (QC) H2Z 1E3
                </address>
              </div>
            </footer>

          </div>
        </div>

      </section>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
    <script src="../js/jquery.easing.1.3.js"></script>
    <script src="../js/parallax.min.js"></script>
    <script src="../js/main.js"></script>

    <!-- Google Analytics -->
    <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-71017443-1', 'auto');
      ga('send', 'pageview');

    </script>

  </body>
</html>
<commit_msg>anglicisme<commit_after><!doctype html>
<html class="no-js" lang="FR">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>On Display / Soirée portfolio 1:1 / 21 janvier 2016 / Montréal </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:url"    content="http://ondisplay.design/fr/index.html" />
    <meta property="og:type"   content="Website" />
    <meta property="og:title"  content="À propos de On Display / Soirée portfolio 1:1 / 21 janvier 2016 / Montréal" />
    <meta property="og:image"  content="http://ondisplay.design/assets/img/on-display-portfolio-night2.jpg" />
    <meta property="og:description" content="Présentez votre portfolio et recevez les précieux conseils des meilleurs designers et directeurs artistiques de Montréal." />

    <link rel="apple-touch-icon" href="../apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
      #mc_embed_signup {
        font:14px Montserrat,Arial,sans-serif;
      }
      #mc_embed_signup input {
        color: #00bbdd;
        border: 2px solid #00bbdd;
      }
      #mc_embed_signup input.email {
        margin-bottom: 0;
        padding: 15px;
      }
      #mc_embed_signup form {
        padding: 0;
      }
      #mc_embed_signup label {
        font-weight: normal;
      }
    </style>


    <script src="https://use.typekit.net/qgh7ppn.js"></script>
    <script>try{Typekit.load({ async: true });}catch(e){}</script>

    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/main.css">
    <script src="../js/vendor/modernizr-2.8.3.min.js"></script>
  </head>
  <body>
    <!--[if lt IE 8]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Introduction -->
    <div class="container">
      <nav class="nav">
        <div class="grid grid--end">
          <div class="grid__cell type--right">
            <a href="../index.html" class="inverted language-switcher">EN</a>
          </div>
        </div>
      </nav>
    </div>

    <div class="container">
      <header class="grid grid--center">
        <h1 class="visuallyhidden">On Display 2016</h1>
        <div class="grid__cell grid__cell--no-flex">
          <div class="hero__container parallax-container" id="hero">
            <div class="hero hero1 layer" data-depth="0.10"></div>
            <div class="hero hero2 layer" data-depth="0.20"></div>
            <div class="hero hero3 layer" data-depth="0.40"></div>
            <div class="hero hero4 layer" data-depth="0.60"></div>
          </div>
        </div>
      </header>

      <div class="grid grid--center bring-up type--margin-triple">
        <div class="grid__cell grid__cell--no-flex type--center">
          <div class="event-info" data-jkit="[parallax:strength=1;detect=scroll;axis=y]">

            <h2 class="sans-serif type--normal type--uppercase">
              Montréal, QC / 21 janvier 2016 à 17:00
            </h2>
            <p class="sans-serif--light type--uppercase">#ondisplaymtl2016</p>

          </div>
        </div>
      </div>

      <section id="introduction" class="introduction">
        <div class="grid grid--end">
          <div class="grid__cell grid__cell--half">
            <div class="card">
              <div class="grid">
                <div class="grid__cell grid__cell--three-quarter">
                  <h3 class="sans-serif type--uppercase type--margin-triple">UI / UX / design web et graphique / direction artistique / motion design / </h3>
                  <p>Participez à la&nbsp;soirée portfolio <em class="serif--italic">On&nbsp;Display</em>, dédiée aux expériences numériques.</p>
                  <p>Présentez votre portfolio et recevez les précieux conseils des meilleurs designers et directeurs artistiques de Montréal.</p>
                  <p>Billets disponibles en quantité limitée.</p>
                  <a href="https://www.eventbrite.ca/e/on-display-soiree-portfolio-tickets-19772693659" class="btn type--uppercase" target="_blank">M'inscrire</a>
                </div>
              </div>
            </div>
          </div>
          <div class="grid__cell grid__cell--quarter fr-headline">
            <div class="overlaid">
              <div class="overlaid__item overlaid__item--topright">
                <h2 class="type--xl type--dark type--display fr"><span class="type--underlined">Perfectionnez votre portfolio</span></h2>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>

    <div class="container container--no-padding">
      <!-- Why should you attend? -->
      <section class="section--fullwidth" id="reasonstoattend">
        <div class="grid grid--triple-padding">
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">1</h3>
            <p class="serif type--medium">Profitez de l’expertise de designers passionnés et respectés.</p>
          </div>
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">2</h3>
            <p class="serif type--medium">Perfectionnez vos habiletés dans la présentation de vos projets et de votre processus de création.</p>
          </div>
          <div class="grid__cell">
            <h3 class="sans-serif type--margin-full type--number">3</h3>
            <p class="serif type--medium">Obtenez un portfolio mémorable qui souligne la force de vos projets.</p>
          </div>
        </div>
      </section>
    </div>

    <!-- Members of jury -->

    <section id="jury" class="container section--margin-bottom">

      <section class="grid">
        <div class="grid__cell">
          <h2 class="type--xl type--center type--margin-triple type--dark">
            <span class="type--underlined">Membres du jury</span>
          </h2>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/seb-camden.jpg" alt="<NAME> from Pusher Studio" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Directeur artistique et motion designer, <a href="//pusherstudio.com" target="_blank">Pusher&nbsp;Studio</a></p>
          <p>
            <a href="//www.facebook.com/pusherstudio/" target="_blank">Facebook</a>
          </p>
        </div>
        <!-- <NAME>-->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/sylvain-dumais.jpg" alt="<NAME>" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Réalisateur multimédia</p>
          <p>
            <a href="//www.dumais.tv" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/dumais" target="_blank">Behance</a> /
            <a href="//www.instagram.com/dumais" target="_blank">Instagram</a> /
            <a href="//www.twitter.com/dumaisstudio" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- Fabien Laborie -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/fabien-laborie.jpg" alt="<NAME>" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Fabien Laborie
          </h4>
          <p>Directeur artistique</p>
          <p>
            <a href="//www.fabienlaborie.ca" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/fabienlaborie" target="_blank">Behance</a> /
            <a href="//dribbble.com/FabienLaborie" target="_blank">Dribbble</a> /
            <a href="//twitter.com/FabienLaborie" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- Audrée Lapierre -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/audree-lapierre.jpg" alt="Audrée Lapierre from FFunction" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Audrée Lapierre
          </h4>
          <p>Directrice de la création, <a href="//ffctn.com/index">FFunction</a></p>
          <p>
            <a href="//audreelapierre.com" target="_blank">Portfolio</a> /
            <a href="//www.behance.net/audreelapierre" target="_blank">Behance</a> /
            <a href="//dribbble.com/Audree" target="_blank">Dribbble</a> /
            <a href="//twitter.com/audreelapierre" target="_blank">Twitter</a>
          </p>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/serena-ngai.jpg" alt="<NAME> from Shopify" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Design lead, <a href="//www.shopify.ca/">Shopify</a></p>
          <p>
            <a href="//twitter.com/serenangai" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/jean-francois-poulin.jpg" alt="<NAME>" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Designer UX et stratège</p>
          <p>
            <a href="//www.jfpoulin.com" target="_blank">Portfolio</a> /
            <a href="//twitter.com/jeffpoulin" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/helen-tran.jpg" alt="<NAME> from Shopify" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Product design lead, <a href="//www.shopify.ca/">Shopify</a></p>
          <p>
            <a href="//helentran.com" target="_blank">Portfolio</a> /
            <a href="//dribbble.com/tranhelen" target="_blank">Dribbble</a> /
            <a href="//twitter.com/tranhelen" target="_blank">Twitter</a>
          </p>
        </div>

        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/christine-zoltok.jpg" alt="<NAME> from Breather" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Designer, <a href="http://www.breather.com" target="_blank">Breather</a></p>
          <p>
            <a href="//twitter.com/zoltok" target="_blank">Twitter</a>
          </p>
        </div>
      </section>

      <section class="grid type--dark">
        <!-- <NAME> -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/nicolas-baldovini.jpg" alt="<NAME> from lg2" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            <NAME>
          </h4>
          <p>Lead UX, <a href="www.lg2.com" target="_blank">lg2</a></p>
          <p>
            <a href="//twitter.com/nico2bux" target="_blank">Twitter</a>
          </p>
        </div>
        <!-- More -->
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
          <h4 class="sans-serif--bold type--normal type--no-margin">
            Plus d'info à venir bientôt
          </h4>
        </div>
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
        </div>
        <div class="grid__cell type--center">
          <img src="../assets/img/jury-members/more-soon.png" class="img--circle" />
        </div>
      </section>
    </section>


        <!-- <div class="grid__cell grid__cell--half">
          <div class="card grid grid--end">
            <div class="grid__cell grid__cell--three-quarter">
              <p>Les membres du jury seront dévoilés sous peu.</p> -->
              <!-- Begin MailChimp Signup Form -->
              <!-- <div id="mc_embed_signup">
                <form action="//design.us12.list-manage.com/subscribe/post?u=276d33e40e38a0f4433ece200&amp;id=96b4a9ccbe" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                  <div id="mc_embed_signup_scroll">
                    <label for="mce-EMAIL" class="mc-email display--block ">
                      Recevez les dernières informations sur le jury et la soirée On&nbsp;Display
                    </label>
                    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Courriel" required>
                    <div style="position: absolute; left: -5000px;" aria-hidden="true">
                      <input type="text" name="b_276d33e40e38a0f4433ece200_96b4a9ccbe" tabindex="-1" value="">
                    </div>
                    <input type="submit" value="S'abonner" name="subscribe" id="mc-embedded-subscribe" class="btn">
                  </div>
                </form>
              </div> -->
              <!--End mc_embed_signup-->
            <!-- </div>
          </div>
        </div> -->

    </section>

      <!-- Speaker
      <h2 id="speaker">Get inspired by a world-class speaker</h2>
      <h3>To be revealed soon</h3>
      -->

      <!-- <section id="schedule">
        <div class="grid grid--center">
          <div class="grid__cell grid__cell--half">
            <h2 class="type--xl type--dark">Horaire</h2>
            <table class="table--schedule">
              <tr>
                <td>17:00</td>
                <td>Ouverture des portes</td>
              </tr>
              <tr>
                <td>17:30</td>
                <td>Mot de bienvenue</td>
              </tr>
              <tr>
                <td>18:30</td>
                <td>
                  Revues de portfolio / Série 1
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>19:15</td>
                <td class="type--uppercase">Pause / Repas</td>
              </tr>
              <tr>
                <td>19:45</td>
                <td>Revues de portfolio / Série 2
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>20:30</td>
                <td class="type--uppercase">Pause</td>
              </tr>
              <tr>
                <td>20:45</td>
                <td>
                  Revues de portfolio / Série 3
                  <br />3 × 15 minutes
                </td>
              </tr>
              <tr>
                <td>21:30</td>
                <td>Remerciements</td>
              </tr>
            </table>


          </div>
        </div>
      </section> -->



    <!-- Preparation
    <div class="container container--no-padding">
      <section id="preparation" class="section--fullwidth-band">
        <h2 class="type--xl serif type--margin-full">Prepare your portfolio</h2>
        <div>
          <h4>Be ready</h4>
          <p>
            Bring your laptop or tablet to show your digital portfolio. No one likes to waste time: have your browser tabs open and your files ready so you can get the most out of the limited time with the judges.
          </p>
        </div>
        <div>
          <h4>Focus</h4>
          <p>Select your projects carefully to reflect the work you want to pursue. Don’t have enough to show? Include any relevant side-projects. Remember that quality always trumps quantity.</p>
        </div>
        <div>
          <h4>Find the appropriate format</h4>
          <p>How are your skills best presented? Embed gifs or videos to show your animation skills. Write a case study that demonstrates your problem solving abilities.</p>
        </div>
        <div>
          <h4>Flow and Consistency</h4>
          <p>Find the narrative thread and tell the story behind your projects. If you designed a sign-up flow, show it step by step.</p>
        </div>
        <div>
          <h4>Design rationale</h4>
          <p>Explain your process, and the thoughts behind your design decisions. </p>
        </div>
      </section>
    </div>
-->

    <!-- Sign up now -->
    <section class="grid grid--center section--margin-bottom">
      <div class="grid__cell type--center">
        <h2>Réservez votre place dès maintenant</h2>
        <p>
          <a href="https://www.eventbrite.ca/e/on-display-soiree-portfolio-tickets-19772693659" class="btn btn--inverted" target="_blank">M'inscrire</a>
        </p>
      </div>
    </section>

    <!-- Footer -->
    <div class="container container--no-padding">
      <section id="footer" class="section--fullwidth section--fullwidth--footer" style="margin-bottom: 0;">

        <div class="grid grid--center">
          <div class="grid__cell grid__cell--no-flex">
            <p class="type--center">
              <img src="../assets/img/shopify_flat_white.png" class="logo--shopify" alt="Logo Shopify" />
            </p>
            <p class="type--display type--large type--center">
              <em style="margin-right:4px;">On Display</em> vous est présenté par <a href="//shopify.com" class="inverted" target="_blank">Shopify</a>
            </p>

            <footer class="grid grid--center">
              <div class="grid__cell">
                <h3 class="sans-serif type--margin-full type--medium">Contact</h3>
                <p>
                  <a href="mailto:<EMAIL>" class="inverted">Courriel</a>
                </p>
              </div>
              <div class="grid__cell">
                <h3 class="sans-serif type--margin-full type--medium">Adresse</h3>
                <address>
                  Shopify Montréal<br />
                  490 Rue de la Gauchetière Ouest<br />
                  Montréal (QC) H2Z 1E3
                </address>
              </div>
            </footer>

          </div>
        </div>

      </section>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
    <script src="../js/jquery.easing.1.3.js"></script>
    <script src="../js/parallax.min.js"></script>
    <script src="../js/main.js"></script>

    <!-- Google Analytics -->
    <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-71017443-1', 'auto');
      ga('send', 'pageview');

    </script>

  </body>
</html>

{'fraction_non_alphanumeric': 0.1702571230020848, 'fraction_numerical': 0.014825110030113504, 'mean_word_length': 1.9008511273704645, 'pattern_counts': {'":': 0, '<': 1054, '<?xml version=': 0, '>': 1054, 'https://': 8, 'lorem ipsum': 0, 'www.': 32, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2168666', 'n_tokens_mistral': 12667, 'n_tokens_neox': 12076, 'n_words': 2454}