-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (63 loc) · 3.25 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Online Markdown Table Of Content Generator">
<meta name="keywords" content="Markdown, TOC, generator, table of contents">
<meta name="author" content="Rafael Morais de Assis">
<title>Markdown TOC Generator</title>
<!-- Base CSS: https://purecss.io/grids/ -->
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/grids-responsive-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/base-min.css">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Link to Github made in SVG -->
<a href="https://github.com/rafanthx13/toc-generator" class="gh-link">
<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35">
<path id="gh-hover" d="M0,0 L250,250 L250,0 Z"></path>
<path id="gh-icon" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z" />
</svg>
</a>
<h1 style="">Markdown TOC Generator</h1>
<p>Paste Markdown code here and create yor Table of Content (TOC)</p>
<div class="pure-g">
<div class="pure-u-12-24">
<form class="pure-form" onsubmit="return false">
<fieldset class="pure-group">
<textarea id="md-text" class="pure-input-1-2" placeholder="Textareas work too">
</textarea>
</fieldset>
</form>
</div>
<div class="pure-u-12-24">
<form class="pure-form">
<fieldset class="pure-group">
<textarea readonly id="md-output" class="pure-input-1-2 my-text-area" placeholder="Textareas work too">
</textarea>
</fieldset>
</form>
</div>
</div>
<div class="pure-g">
<div class="pure-u-5-5">
<span class="switch-text">Add Spaces Between Lines</span>
<label class="switch">
<input id="spaces" type="checkbox">
<span class="slider round"></span>
</label>
</div>
<div class="pure-u-5-5" style="margin-top: 5px;">
<button type="submit" class="pure-button pure-input-1-5 pure-button-primary" onclick="generate_toc()">Generate TOC</button>
</div>
</div>
<hr>
<span>Developed by 🚀
<a href="https://rafanthx13.github.io/">Rafael Morais de Assis</a>
</span>
<script src="script.js"></script>
</body>
</html>