109 lines
No EOL
3.9 KiB
HTML
109 lines
No EOL
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Telegraph Manager</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta charset="utf8">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
<script src="main.js"></script>
|
|
|
|
<link rel="icon" type="image/png" href="g/ic_edit.png">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="hero" class="screen">
|
|
<div class="card blank">
|
|
<h1>Telegraph Manager</h1>
|
|
<p>
|
|
An easy way to manage your articles, profile and views for <a href="http://telegra.ph/">telegra.ph</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="screen-nosupport" class="screen">
|
|
<div class="card">
|
|
Your browser doesn't support JavaScript and/or HTML5 LocalStorage. Please update your browser and enable JavaScript.
|
|
</div>
|
|
</div>
|
|
|
|
<div id="screen-login" class="screen">
|
|
<div class="card">
|
|
<h1>create an account</h1>
|
|
<input type="text" name="author_name" placeholder="your name" required />
|
|
<input type="text" name="short_name" placeholder="short name (not published)" required />
|
|
<input type="url" name="author_url" placeholder="your website (optional)" />
|
|
<button onclick="createAccount()">create account</button>
|
|
</div>
|
|
<div class="card">
|
|
<h1>login with token</h1>
|
|
<input type="text" name="token" placeholder="your token (like this: b968da509bb768...)" required />
|
|
<button onclick="tokenLogin()">login</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="screen-login-telegraph" class="screen">
|
|
<div class="card">
|
|
<p>
|
|
<a href="#" target="_blank" onclick="doneAuthorized()">click to login to telegra.ph</a>
|
|
</p>
|
|
<p>
|
|
You have to do this in order to publish articles. After you've clicked the link, come back to this website.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="screen-main" class="screen">
|
|
<a id="fab" href="http://telegra.ph/" target="_blank" title="new page"><img src="g/ic_add.png" /></a>
|
|
|
|
<div id="user-info">
|
|
|
|
<div id="user-image-animator" title="edit profile" onclick="edit()">
|
|
<div id="user-image">
|
|
<img src="g/ic_account.png" />
|
|
</div>
|
|
<div id="user-edit">
|
|
<img src="g/ic_edit_white.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<span id="user-name"></span>
|
|
<span id="user-short"></span>
|
|
<a id="user-url" href="#" target="_blank"></a>
|
|
<br>
|
|
<span>— <span id="user-page-count"></span> —</span>
|
|
</div>
|
|
|
|
<div id="page-list">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="screen-edit" class="screen">
|
|
<div class="card blank">
|
|
<a onclick="main()" href="#">back</a>
|
|
</div>
|
|
<div class="card">
|
|
<h1>change account information</h1>
|
|
<input type="text" name="author_name_edit" placeholder="your name" required />
|
|
<input type="text" name="short_name_edit" placeholder="short name (not published)" required />
|
|
<input type="url" name="author_url_edit" placeholder="your website (optional)" />
|
|
<button onclick="saveEdit()">save</button>
|
|
</div>
|
|
<div class="card">
|
|
<h1>logout</h1>
|
|
<p>
|
|
<strong>Warning!</strong> To be able log into this account again you <strong> will need</strong> this token:
|
|
</p>
|
|
<p id="logout-token"></p>
|
|
<button onclick="logout()">logout</button>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |