<commit_before><link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">

<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-image/iron-image.html">

<link rel="import" href="../../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
<link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">

<link rel="import" href="../behaviors/localize-behavior.html">
<link rel="import" href="../styles/shared-styles.html">


<dom-module id="drawer-block">

  <template>

    <style include="shared-styles">
      :host {
        display: block;
        z-index: 9;
        --paper-toolbar-background: var(--default-primary-color);
      }

      .panel {
        height: 100%;
      }

      .logo {
        margin-top: 15px;
        height: 40px;
        width: 130px;
      }

      .bottom {
        font-size: 14px;
        font-weight: 400;
        color: var(--text-primary-color);
      }

      .location {
        display: block;
        color: var(--dark-primary-color);
      }

      .navigation {
        background: var(--secondary-background-color);
      }

      .navigation-link {
        padding: 0 16px;
        min-height: 48px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
        color: var(--primary-text-color);
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }

      .navigation-link {
        @apply(--layout-horizontal);
        @apply(--layout-center);
      }

      .navigation-link .open-in-new {
        margin-left: 8px;
        --iron-icon-width: 16px;
        --iron-icon-height: 16px;
      }

      .selected {
        background: #eaeaea;
      }
    </style>

    <paper-toolbar class="tall">
      <div class="top">
        <iron-image class="logo" src="/images/logo-white.svg" sizing="contain"
                    alt="[[localize('title')]]"></iron-image>
      </div>
      <div class="bottom">
        <span class="dates">[[localize('dates')]]</span>
        <span class="location">{{localize('location-address-short')}}</span>
      </div>
    </paper-toolbar>
    <nav>
      <paper-menu
        class="navigation list"
        attr-for-selected="name"
        selected="{{pageData.page}}"
        selected-class="selected"
      >
        <template is="dom-repeat" items="[[app.data.navigation]]" as="nav">
          <a class="navigation-link" name="[[nav.route]]" href$="[[nav.permalink]]" on-tap="closeDrawer">{{localize(nav.route)}}</a>
        </template>
        <a class="navigation-link" href$="[[app.data.tickets.url]]" target="_blank" rel="noopener noreferrer" on-tap="_trackBuyClick">[[localize('buy-ticket')]]
          <iron-icon
            class="open-in-new"
            icon="open-in-new"
          ></iron-icon>
        </a>
      </paper-menu>
    </nav>

  </template>

  <script>
    (function () {
      'use strict';

      Polymer({

        is: 'drawer-block',

        behaviors: [
          HOVERBOARD.LocalizeBehavior
        ],

        closeDrawer: function () {
          HOVERBOARD.Elements.Template.closeDrawer();
        },

        _trackBuyClick: function () {<commit_msg>change mobile link for Buy Tickets to Join Hackpad.<commit_after><link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">

<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-image/iron-image.html">

<link rel="import" href="../../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
<link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">

<link rel="import" href="../behaviors/localize-behavior.html">
<link rel="import" href="../styles/shared-styles.html">


<dom-module id="drawer-block">

  <template>

    <style include="shared-styles">
      :host {
        display: block;
        z-index: 9;
        --paper-toolbar-background: var(--default-primary-color);
      }

      .panel {
        height: 100%;
      }

      .logo {
        margin-top: 15px;
        height: 40px;
        width: 130px;
      }

      .bottom {
        font-size: 14px;
        font-weight: 400;
        color: var(--text-primary-color);
      }

      .location {
        display: block;
        color: var(--dark-primary-color);
      }

      .navigation {
        background: var(--secondary-background-color);
      }

      .navigation-link {
        padding: 0 16px;
        min-height: 48px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
        color: var(--primary-text-color);
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }

      .navigation-link {
        @apply(--layout-horizontal);
        @apply(--layout-center);
      }

      .navigation-link .open-in-new {
        margin-left: 8px;
        --iron-icon-width: 16px;
        --iron-icon-height: 16px;
      }

      .selected {
        background: #eaeaea;
      }
    </style>

    <paper-toolbar class="tall">
      <div class="top">
        <iron-image class="logo" src="/images/logo-white.svg" sizing="contain"
                    alt="[[localize('title')]]"></iron-image>
      </div>
      <div class="bottom">
        <span class="dates">[[localize('dates')]]</span>
        <span class="location">{{localize('location-address-short')}}</span>
      </div>
    </paper-toolbar>
    <nav>
      <paper-menu
        class="navigation list"
        attr-for-selected="name"
        selected="{{pageData.page}}"
        selected-class="selected"
      >
        <template is="dom-repeat" items="[[app.data.navigation]]" as="nav">
          <a class="navigation-link" name="[[nav.route]]" href$="[[nav.permalink]]" on-tap="closeDrawer">{{localize(nav.route)}}</a>
        </template>
        <a class="navigation-link" href="http://hackfoldr.org/devfest-taipei-2016/https%253A%252F%252Fhackmd.io%252FCYQ2BYRA2YFoBmBWAxtO4DsBTARnEAJmgAY5MkBmSkFTBbaBADiA" target="_blank" rel="noopener noreferrer" on-tap="_trackBuyClick">[[localize('hackpads')]]
          <iron-icon
            class="open-in-new"
            icon="open-in-new"
          ></iron-icon>
        </a>
      </paper-menu>
    </nav>

  </template>

  <script>
    (function () {
      'use strict';

      Polymer({

        is: 'drawer-block',

        behaviors: [
          HOVERBOARD.LocalizeBehavior
        ],

        closeDrawer: function () {
          HOVERBOARD.Elements.Template.closeDrawer();
        },

        _trackBuyClick: function () {
{'fraction_non_alphanumeric': 0.17705981941309254, 'fraction_numerical': 0.012133182844243792, 'mean_word_length': 2.2047920433996384, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4015791', 'n_tokens_mistral': 2375, 'n_tokens_neox': 2221, 'n_words': 334}