Skip to content

Instantly share code, notes, and snippets.

@mailtoharshit

mailtoharshit/auth.html

Last active October 19, 2016 00:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mailtoharshit/29eb5d310c0b7931c7a588689b437ae6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mailtoharshit/29eb5d310c0b7931c7a588689b437ae6 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mailtoharshit revised this gist Oct 19, 2016. 1 changed file with 83 additions and 83 deletions.
    166 changes: 83 additions & 83 deletions auth.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,100 +1,100 @@
    <html>
    <html>

    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */
    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://font s.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    .icon-block {
    padding: 0 15px;
    }
    .icon-block {
    padding: 0 15px;
    }

    .icon-block .material-icons {
    font-size: inherit;
    }
    .icon-block .material-icons {
    font-size: inherit;
    }

    .purple {}
    </style>
    </head>
    .purple {}
    </style>
    </head>

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>
    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </div>
    </footer>
    </body>
    </footer>
    </body>

    </html>
    </html>
  2. mailtoharshit revised this gist Oct 19, 2016. 1 changed file with 83 additions and 83 deletions.
    166 changes: 83 additions & 83 deletions auth.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,100 +1,100 @@
    <html>
    <html>

    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */
    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    .icon-block {
    padding: 0 15px;
    }
    .icon-block {
    padding: 0 15px;
    }

    .icon-block .material-icons {
    font-size: inherit;
    }
    .icon-block .material-icons {
    font-size: inherit;
    }

    .purple {}
    </style>
    </head>
    .purple {}
    </style>
    </head>

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>
    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </footer>
    </body>
    </div>
    </footer>
    </body>

    </html>
    </html>
  3. mailtoharshit revised this gist Oct 19, 2016. 1 changed file with 93 additions and 93 deletions.
    186 changes: 93 additions & 93 deletions auth.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,100 +1,100 @@
    <html>
    <html>

    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */
    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    .icon-block {
    padding: 0 15px;
    }
    .icon-block {
    padding: 0 15px;
    }

    .icon-block .material-icons {
    font-size: inherit;
    }
    .icon-block .material-icons {
    font-size: inherit;
    }

    .purple {}
    </style>
    </head>
    .purple {}
    </style>
    </head>

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>
    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </footer>
    </body>
    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </footer>
    </body>

    </html>
    </html>
  4. mailtoharshit revised this gist Oct 19, 2016. 1 changed file with 96 additions and 96 deletions.
    192 changes: 96 additions & 96 deletions auth.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,100 +1,100 @@
    <html>
    <html>

    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    .icon-block {
    padding: 0 15px;
    }

    .icon-block .material-icons {
    font-size: inherit;
    }

    .purple {}
    </style>
    </head>
    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>
    .icon-block {
    padding: 0 15px;
    }

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </footer>
    </body>
    .icon-block .material-icons {
    font-size: inherit;
    }

    </html>
    .purple {}
    </style>
    </head>

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </footer>
    </body>

    </html>
  5. mailtoharshit created this gist Oct 19, 2016.
    100 changes: 100 additions & 0 deletions auth.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,100 @@
    <html>

    <head>
    <meta charset="utf-8">
    <!-- Scripts-->
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style type="text/css" media="screen">
    /* Custom Stylesheet */
    /**
    * Use this file to override Materialize files so you can update
    * the core Materialize files in the future
    *
    * Made By MaterializeCSS.com
    */

    .icon-block {
    padding: 0 15px;
    }

    .icon-block .material-icons {
    font-size: inherit;
    }

    .purple {}
    </style>
    </head>

    <body>
    <nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Visa</a>

    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
    </nav>
    <div class="section no-pad-bot" id="index-banner">
    <div class="container">
    <br>
    <br>
    <h1 class="header center orange-text">Login via Heroku</h1>
    <div class="row center">
    <h5 class="header col s12 light">OAuth2 Application on Nodejs to login via Heroku</h5>
    </div>
    <div class="row center">
    <a href="/auth/heroku" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">cloud</i>Login with Heorku</a>
    <a href="/auth/github" id="download-button" class="waves-effect waves-light btn-large purple"><i class="material-icons right">code</i>Login with Github</a>
    </div>
    <br>
    <br>
    </div>
    </div>
    <div class="container">
    <div class="section">
    <!-- Icon Section -->
    <div class="row">
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
    <h5 class="center">Speeds up development</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
    <h5 class="center">User Experience Focused</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    <div class="col s12 m4">
    <div class="icon-block">
    <h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
    <h5 class="center">Easy to work with</h5>
    <p class="light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
    </div>
    </div>
    </div>
    <br>
    </div>
    <footer class="page-footer orange">
    <div class="footer-copyright">
    <div class="container">
    Made by <a class="orange-text text-lighten-3" href="http://www.oyecode.com">Harshit Pandey</a>
    </div>
    </div>
    </footer>
    </body>

    </html>