<commit_before>{% load staticfiles %}
<!doctype html>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      https://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License

  This file is modified from the original template:
  https://github.com/google/material-design-lite/tree/mdl-1.x/templates/article
-->
<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="{{ google_client_id }}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Office Hours</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{% static 'img/android-desktop.png' %}">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <link rel="apple-touch-icon-precomposed" href="{% static 'img/ios-desktop.png' %}">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="{% static 'img/touch/ms-touch-icon-144x144-precomposed.png' %}">
    <meta name="msapplication-TileColor" content="#3372DF">

    <link rel="shortcut icon" href="{% static 'img/favicon.png' %}">
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="//code.getmdl.io/1.2.1/material.cyan-light_blue.min.css">
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    <style>
    body {position: relative;}
    footer {
      position: absolute;
      bottom:0;
      width: 100%;
    }
		.oo-ribbon {
			width: 100%;
			height: 40vh;
			background-color: rgb(0,188,212);
			flex-shrink: 0;
		}
		.oo-main {
			margin-top: -35vh;
			flex-shrink: 0;
		}
		.oo-header .mdl-layout__header-row {
			padding-left: 40px;
		}
		.oo-container {
			max-width: 1600px;
			width: calc(100% - 16px);
			margin: 0 auto;
		}
		.oo-content {
			border-radius: 2px;
			padding: 80px 56px;
			margin-bottom: 80px;
		}
		.oo-layout.is-small-screen .oo-content {
			padding: 40px 28px;
		}
		.oo-content h3 {
			margin-top: 48px;
		}
		.oo-footer {
			padding-left: 40px;
		}
		.oo-footer .mdl-mini-footer--link-list a {
			font-size: 13px;
		}
    .margin-top30 {
      margin-top: 30px;
    }
    .muted {
      color: #aaa;
    }
    </style>
    <script defer src="//code.getmdl.io/1.2.1/material.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
    <div class="oo-layout mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
      <header class="oo-header mdl-layout__header mdl-layout__header--scroll mdl-color--grey-100 mdl-color-text--grey-800">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">Office Hours</span>
        </div>
      </header>
      <div class="oo-ribbon"></div>
      <main class="oo-main mdl-layout__content">
        <div class="oo-container mdl-grid">
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
          <div class="oo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
            <div class="oo-crumbs mdl-color-text--grey-500">
              Welcome &gt; Sign Up
            </div>

            <h3>Get Started</h3>
            <p>Welcome to <em>Office Hours</em>. A simple app that helps students
            and faculty stay on the same page. Log in with your Google account
            to get started.</p>
            <div class="margin-top30">
              {# Google Sign in button #}
              {#<div class="g-signin2" data-onsuccess="onSignIn"></div>#}
              <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
              {#<div id="goog-login"></div>#}
              {% comment %}
              <!-- Accent-colored raised button -->
              <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">
                <i class="material-icons">android</i> Log in with Google
              </button>
              {% endcomment %}
              <p class="muted margin-top30">Already have an account?
                <a href="{% url 'login' %}?next={% url 'officehours:index' %}">Log in</a>
                with your email address.</p>
            </div>
          </div>
        </div>
        <footer class="oo-footer mdl-mini-footer">
          <div class="mdl-mini-footer--left-section">
            <ul class="mdl-mini-footer--link-list">
              <li><a href="#">Help</a></li>
              <li><a href="#">Privacy and Terms</a></li>
              <li><a href="#">User Agreement</a></li>
            </ul>
          </div>
        </footer>
      </main>
    </div>
<script>
function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  // Do not send ID to your backend! Use an ID token instead.
  console.log('ID: ' + profile.getId());
  console.log('Full Name: ' + profile.getName());
  console.log('Given Name: ' + profile.getGivenName());
  console.log('Family Name: ' + profile.getFamilyName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail());

  // The ID token you need to pass to your backend:
  var id_token = googleUser.getAuthResponse().id_token;
  console.log("ID Token: " + id_token);

}
function onFailure(error) {
  console.log(error);
}
function renderButton() {
  console.log("rendering the login button");
  gapi.signin2.render('goog-login', {
    'scope': 'profile email',
    'width': 240,
    'height': 50,
    'longtitle': true,
    'theme': 'dark',
    'onsuccess': onSuccess,
    'onfailure': onFailure
  });
}

$(document).ready(function() {
  console.log("OK, we're ready");


});
</script>
  </body>
</html><commit_msg>adding comments / signout link<commit_after>{% load staticfiles %}
<!doctype html>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      https://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License

  This file is modified from the original template:
  https://github.com/google/material-design-lite/tree/mdl-1.x/templates/article
-->
<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="{{ google_client_id }}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Office Hours</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{% static 'img/android-desktop.png' %}">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <link rel="apple-touch-icon-precomposed" href="{% static 'img/ios-desktop.png' %}">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="{% static 'img/touch/ms-touch-icon-144x144-precomposed.png' %}">
    <meta name="msapplication-TileColor" content="#3372DF">

    <link rel="shortcut icon" href="{% static 'img/favicon.png' %}">
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="//code.getmdl.io/1.2.1/material.cyan-light_blue.min.css">
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    <style>
    body {position: relative;}
    footer {
      position: absolute;
      bottom:0;
      width: 100%;
    }
		.oo-ribbon {
			width: 100%;
			height: 40vh;
			background-color: rgb(0,188,212);
			flex-shrink: 0;
		}
		.oo-main {
			margin-top: -35vh;
			flex-shrink: 0;
		}
		.oo-header .mdl-layout__header-row {
			padding-left: 40px;
		}
		.oo-container {
			max-width: 1600px;
			width: calc(100% - 16px);
			margin: 0 auto;
		}
		.oo-content {
			border-radius: 2px;
			padding: 80px 56px;
			margin-bottom: 80px;
		}
		.oo-layout.is-small-screen .oo-content {
			padding: 40px 28px;
		}
		.oo-content h3 {
			margin-top: 48px;
		}
		.oo-footer {
			padding-left: 40px;
		}
		.oo-footer .mdl-mini-footer--link-list a {
			font-size: 13px;
		}
    .margin-top30 {
      margin-top: 30px;
    }
    .muted {
      color: #aaa;
    }
    </style>
    <script defer src="//code.getmdl.io/1.2.1/material.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
    <div class="oo-layout mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
      <header class="oo-header mdl-layout__header mdl-layout__header--scroll mdl-color--grey-100 mdl-color-text--grey-800">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">Office Hours</span>
        </div>
      </header>
      <div class="oo-ribbon"></div>
      <main class="oo-main mdl-layout__content">
        <div class="oo-container mdl-grid">
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
          <div class="oo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
            <div class="oo-crumbs mdl-color-text--grey-500">
              Welcome &gt; Sign Up
            </div>

            <h3>Get Started</h3>
            <p>Welcome to <em>Office Hours</em>. A simple app that helps students
            and faculty stay on the same page. Log in with your Google account
            to get started.</p>
            <div class="margin-top30">
              {# Google Sign in button #}
              {#<div class="g-signin2" data-onsuccess="onSignIn"></div>#}
              <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>


              <p class="muted"><a href="#" onclick="signOut();">Sign out?</a></p>

              {#<div id="goog-login"></div>#}
              {% comment %}
              <!-- Accent-colored raised button -->
              <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">
                <i class="material-icons">android</i> Log in with Google
              </button>
              {% endcomment %}
              <p class="muted margin-top30">Already have an account?
                <a href="{% url 'login' %}?next={% url 'officehours:index' %}">Log in</a>
                with your email address.</p>
            </div>
          </div>
        </div>
        <footer class="oo-footer mdl-mini-footer">
          <div class="mdl-mini-footer--left-section">
            <ul class="mdl-mini-footer--link-list">
              <li><a href="#">Help</a></li>
              <li><a href="#">Privacy and Terms</a></li>
              <li><a href="#">User Agreement</a></li>
            </ul>
          </div>
        </footer>
      </main>
    </div>
<script>
function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  // Do not send ID to your backend! Use an ID token instead.
  console.log('ID: ' + profile.getId());
  console.log('Full Name: ' + profile.getName());
  console.log('Given Name: ' + profile.getGivenName());
  console.log('Family Name: ' + profile.getFamilyName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail());

  // The ID token you need to pass to your backend:
  var id_token = googleUser.getAuthResponse().id_token;
  console.log("ID Token: " + id_token);
  /*
    ID:  ...
    Full Name: <NAME>
    Given Name: Brad
    Family Name: Montgomery
    Image URL: https://lh5.googleusercontent.com/-E-5iaeOsjb0/AAAAAAAAAAI/AAAAAAAACmU/U7Ha3y2oiyI/s96-c/photo.jpg
    Email: <EMAIL>
    ID Token: <KEY>...  (1000+ chars)
  */

}
function onFailure(error) {
  console.log(error);
}
function renderButton() {
  console.log("rendering the login button");
  gapi.signin2.render('goog-login', {
    'scope': 'profile email',
    'width': 240,
    'height': 50,
    'longtitle': true,
    'theme': 'dark',
    'onsuccess': onSuccess,
    'onfailure': onFailure
  });
}

function signOut() {
  var auth2 = gapi.auth2.getAuthInstance();
  auth2.signOut().then(function () {
      console.log('User signed out.');
  });
}

$(document).ready(function() {
  console.log("OK, we're ready");


});
</script>
  </body>
</html>
{'fraction_non_alphanumeric': 0.16439086125358024, 'fraction_numerical': 0.01858389395856924, 'mean_word_length': 2.765738650614497, 'pattern_counts': {'":': 0, '<': 222, '<?xml version=': 0, '>': 222, 'https://': 9, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, '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': '5323445', 'n_tokens_mistral': 5306, 'n_tokens_neox': 4863, 'n_words': 1134}