-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (75 loc) · 3.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>GistUX</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<section id="main">
<center v-show="false">
If you see this, that means the page hasn't loaded yet. If this message persists, please check your Javascript settings, and your internet connection.
</center>
<navbar :set-github-key="setGithubKey"></navbar>
<banners></banners>
<div class="container-fluid bg-dark m10">
<template v-if="!state.github.githubKey">
<h3>GistUX</h3>
<p>
GistUX is a free, open-source tool that reads your <a href="https://gist.github.com" target="_blank">Github Gists</a> and allows you to
organize them in a directory structure.
</p>
<p>
All you need to get started is to generate a <a target="_blank" href="https://github.com/settings/tokens">Github Authentication token</a>
and give it the <code>gist</code> scope (which will allow this tool to read your secret gists, and create gists).
You don't <em>have</em> to provide it with the <code>gist</code> scope, but then you'll be restricted to playing with your public gists.
</p>
<p>
<b>NOTE:</b>
<ul>
<li><b>This is a purely client-side application. I do not save your gists, or any metadata anywhere. I do not make any third-party API requests.</b></li>
<li>If you provide this tool access to create gists, it will create a gist called <code>GistUX_<your_username>.json</code> and store everything there.
<b>The data will NOT be stored anywhere else.</b></li>
<li>If you do not provide GistUX access, you can view the JSON object and save it locally wherever you want.
The structure is easy enough to understand, and you can modify it freely.</li>
</ul>
</p>
<p>
I've found that, whenever I work on something, I end up creating a very large number of secret gists, and it's hard to categorize them properly.
This is my solution to that problem. Having said that, this solution is something I'm releasing into the wild.
There is no warranty of any kind, and I am not liable for any data, errors, security issues, or other problems that may come up with this tool.
If you're nervous about that, feel free to go through the <a href="https://github.com/Shashwat986/GistUX" target="_blank">code</a>, and help me improve
GistUX if you see anything lacking.
</p>
</template>
</div>
<div class="container-fluid">
<!-- Example row of columns -->
<div class="row">
<spinner v-show="state.spinner.showSpinner" v-bind:message="state.spinner.spinnerMessage"></spinner>
<router-view v-show="!state.spinner.showSpinner" v-bind:github-key="state.github.githubKey"></router-view>
</div>
</div> <!-- /container -->
</section>
<section id="footer">
<hr>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<footer>
<p>
This repository, and its code is licenced under the <a href="https://choosealicense.com/licenses/mit/" target="_blank">MIT License</a>.
<br/>
If you wish to support the author, please feel free to donate a miniscule amount of BTC to <code>14t7tmDvzxSDKiyRjwZevK3BWsKn5fVxXU</code>
</p>
</footer>
</div>
</div>
</div>
</section>
<script src="bundle.js"></script>
</body>
</html>