summaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorWu Cheng-Han2015-05-04 15:53:29 +0800
committerWu Cheng-Han2015-05-04 15:53:29 +0800
commit4b0ca55eb79e963523eb6c8197825e9e8ae904e2 (patch)
tree574f3923af77b37b41dbf1b00bcd7827ef724a28 /public/index.html
parent61eb11d23c65c9e5c493c67d055f785cbec139e2 (diff)
First commit, version 0.2.7
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html194
1 files changed, 194 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 00000000..ab844ab8
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="description" content="Realtime collaborative markdown notes on all platforms.">
+ <meta name="author" content="jackycute">
+ <!-- Open Graph data -->
+ <meta property="og:title" content="HackMD - Collaborative notes">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://hackmd.herokuapp.com/">
+ <meta property="og:description" content="Realtime collaborative markdown notes on all platforms.">
+ <meta property="og:site_name" content="HackMD">
+ <meta property="fb:admins" content="1463801565">
+ <title>HackMD - Collaborative notes</title>
+ <link rel="icon" type="image/png" href="/favicon.png">
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+ <!-- Bootstrap core CSS -->
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+ <link rel="stylesheet" href="/vendor/select2/css/select2.min.css">
+ <!-- Custom styles for this template -->
+ <link rel="stylesheet" href="/css/cover.css">
+ <link rel="stylesheet" href="/css/bootstrap-social.css">
+ <link rel="stylesheet" href="/css/site.css">
+</head>
+
+<body>
+ <div class="site-wrapper">
+ <div class="site-wrapper-inner">
+ <div class="cover-container">
+
+ <div class="masthead clearfix">
+ <div class="inner">
+ <h3 class="masthead-brand"></h3>
+ <nav>
+ <ul class="nav masthead-nav">
+ <li class="ui-home active"><a href="#">Home</a>
+ </li>
+ <li class="ui-history"><a href="#">History</a>
+ </li>
+ <li class="ui-releasenotes"><a href="#">Release Notes</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <div id="home" class="section">
+ <div class="inner cover">
+ <h1 class="cover-heading"><i class="fa fa-file-text"></i> HackMD</h1>
+ <p class="lead">
+ Realtime collaborate notes.
+ <br> Using markdown syntax.
+ <br> On all platforms.
+ </p>
+ <a type="button" class="btn btn-lg btn-success ui-signin" data-toggle="modal" data-target=".bs-example-modal-sm" style="display:none;">Sign In</a>
+ <div class="ui-or" style="display:none;">Or</div>
+ <p class="lead">
+ <a href="/new" class="btn btn-lg btn-default">Start new note</a>
+ </p>
+ <a href="/features">See all features here <i class="fa fa-info-circle"></i></a>
+ <br> Share note via the links <i class="fa fa-link"></i> directly!
+ </div>
+ <br>
+ </div>
+
+ <div id="history" class="section" style="display:none;">
+ <div class="ui-signin">
+ <h4>
+ <a type="button" class="btn btn-success" data-toggle="modal" data-target=".bs-example-modal-sm">Sign In</a> to get own history!
+ </h4>
+ <p>Below are history from cookie</p>
+ </div>
+ <div class="ui-signout" style="display:none;">
+ <h4 class="ui-welcome">Welcome! <span class="ui-name"></span></h4>
+ <a href="/new" class="btn btn-default">Start new note</a> Or
+ <a href="/logout" class="btn btn-danger">Sign Out</a>
+ <br>
+ <br>
+ <a href="/features">See all features here <i class="fa fa-info-circle"></i></a>
+ <br> Share note via the links <i class="fa fa-link"></i> directly!
+ </div>
+ <hr>
+ <form class="form-inline">
+ <div class="form-group">
+ <input class="search form-control" placeholder="Search anything..." />
+ </div>
+ <a href="#" class="sort btn btn-default" data-sort="text">
+ Sort by title
+ </a>
+ <a href="#" class="sort btn btn-default" data-sort="timestamp">
+ Sort by time
+ </a>
+ </form>
+ <h4 class="ui-nohistory">
+ No history
+ </h4>
+ <a href="#" class="btn btn-primary ui-import-from-cookie" style="display:none;">Import from cookie</a>
+ <ul id="history-list" class="list">
+ </ul>
+ </div>
+
+ <div id="releasenotes" class="section" style="display:none;">
+ <div id="template" style="display:none;">
+ {{#each release}}
+ <div class="inner cover">
+ <h5 class="cover-heading">
+ <div class="text-left">
+ <i class="fa fa-tag"></i> {{version}}
+ &nbsp;<span class="label label-default">{{tag}}</span>
+ <div class="pull-right">
+ <i class="fa fa-clock-o"></i> {{date}}
+ </div>
+ </div>
+ </h5>
+ <hr>{{#each detail}}
+ <div class="text-left">
+ <h5><i class="fa fa-dot-circle-o"></i> {{title}}</h5>
+ <ul>
+ {{#each item}}
+ <li>
+ {{this}}
+ </li>
+ {{/each}}
+ </ul>
+ </div>
+ {{/each}}
+ </div>
+ {{#unless @last}}
+ <br>{{/unless}} {{/each}}
+ </div>
+ </div>
+
+ <div class="mastfoot">
+ <div class="inner">
+ <p>&copy; 2015 <a href="https://www.facebook.com/TakeHackMD" target="_blank"><i class="fa fa-facebook-square"></i> HackMD</a> by <a href="https://github.com/jackycute" target="_blank"><i class="fa fa-github-square"></i> jackycute</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- signin modal -->
+ <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-sm">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
+ </button>
+ <h4 class="modal-title" id="mySmallModalLabel">Choose method</h4>
+ </div>
+ <div class="modal-body">
+ <a href="/auth/facebook" class="btn btn-lg btn-block btn-social btn-facebook">
+ <i class="fa fa-facebook"></i> Sign in via Facebook
+ </a>
+ <a href="/auth/twitter" class="btn btn-lg btn-block btn-social btn-twitter">
+ <i class="fa fa-twitter"></i> Sign in via Twitter
+ </a>
+ <a href="/auth/github" class="btn btn-lg btn-block btn-social btn-github">
+ <i class="fa fa-github"></i> Sign in via GitHub
+ </a>
+ <a href="/auth/dropbox" class="btn btn-lg btn-block btn-social btn-dropbox">
+ <i class="fa fa-dropbox"></i> Sign in via Dropbox
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Bootstrap core JavaScript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <!--<script src="/js/ga.js"></script>-->
+ <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+ <script src="/vendor/select2/js/select2.min.js"></script>
+ <script src="/vendor/select2/js/i18n/en.js"></script>
+ <script src="/vendor/jquery.cookie-1.4.1.min.js"></script>
+ <script src="/vendor/moment-with-locales.js"></script>
+ <script src="/vendor/handlebars-v3.0.0.js"></script>
+ <script src="/vendor/list.min.js"></script>
+ <script src="/js/history.js"></script>
+ <script src="/js/cover.js"></script>
+</body>
+
+</html> \ No newline at end of file