-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
115 lines (86 loc) · 8.92 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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">
<title>README Generator</title>
<link href="./build/app.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<h1>Readme Generator</h1>
</div>
<div class="container-fluid" id="app">
<div class="row">
<div class="col-sm-6">
<form class="form">
<div class="form-group">
<label for="title">Title</label>
<input type="text" class="form-control" id="title" placeholder="Title" v-model="markdownSource.title" debounce="100">
</div>
<div class="form-group">
<label for="intro">Introduction</label>
<textarea class="form-control" id="intro" v-model="markdownSource.introduction" debounce="100" rows="5"></textarea>
<span id="helpBlock" class="help-block">An introduction or lead on what problem it solves. Answer the question, "Why does someone need this"</span>
</div>
<div class="form-group">
<label for="codeSamples">Highlighted Code Samples</label>
<textarea class="form-control" id="codeSamples" v-model="markdownSource.codeSamples" debounce="100" rows="20"></textarea>
<span id="helpBlock" class="help-block">You've gotten their attention in the introduction, now show a few code examples. So they get a visualization and as a bonus make them copy/paste friendly.</span>
</div>
<div class="form-group">
<label for="installation">Installation Instructions</label>
<textarea class="form-control" id="installation" v-model="markdownSource.installation" debounce="100" rows="20"></textarea>
<span id="helpBlock" class="help-block">The installation instructions are low priority in the readme and should come at the bottom. The first part answers all their objections and now that they want to use it show them how.</span>
</div>
<div class="form-group text-center">
<button type="button" class="btn btn-default" @click.prevent="fetchRawMarkdown">Fetch Markdown</button>
</div>
</form>
</div>
<div class="col-sm-6">
<div id="markdown-preview">
{{{ markdownSource.title | marked }}}
{{{ markdownSource.headingIntro | marked }}}
{{{ markdownSource.introduction | marked }}}
{{{ markdownSource.headingCodeSamples | marked }}}
{{{ markdownSource.codeSamples | marked }}}
{{{ markdownSource.headingInstallation | marked }}}
{{{ markdownSource.installation | marked }}}
</div>
</div>
<modal :show.sync="showMarkdownModal" effect="fade" title="Results to copy and paste" :large=true>
<div class="modal-header">
<h4 class="modal-title" slot="modal-title"></h4>
</div>
<div class="modal-body" slot="modal-body">
<textarea class="form-control" id="generated-markdown" rows="20" v-model="generatedMarkdown | nl2br"></textarea>
</div>
<div class="modal-footer" slot="modal-footer">
<button type="button" class="btn btn-link" v-show="outputCopied">{{ copiedMessage }}</button>
<button type="button" class="btn btn-default" @click="closeModal()">Close</button>
<button type="button" class="btn btn-primary clipper" data-clipboard-target="#generated-markdown" @click="outputCopied = true">Copy</button>
</div>
</modal>
</div>
</div>
<footer>
<p>Made by <a href="https://dyrynda.com.au">Michael Dyrynda</a> and</p>
<a href="https://dotdev.co" title="dotdev.co">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="193" height="50" viewBox="0 0 663 172">
<defs>
<style>
.cls-1 {
fill: #7d818a;
fill-rule: evenodd;
}
</style>
</defs>
<path d="M630.033,130.023 C622.634,137.274 613.163,140.825 601.769,140.825 C590.227,140.825 580.756,137.274 573.209,130.023 C565.810,122.772 562.111,113.301 562.111,101.463 C562.111,89.624 565.810,80.154 573.209,72.903 C580.756,65.652 590.227,62.101 601.769,62.101 C613.163,62.101 622.634,65.652 630.033,72.903 C637.580,80.154 641.279,89.624 641.279,101.463 C641.279,113.301 637.580,122.772 630.033,130.023 ZM601.769,76.306 C588.303,76.306 578.980,85.925 578.980,101.463 C578.980,116.852 588.303,126.471 601.769,126.471 C615.235,126.471 624.558,116.852 624.558,101.463 C624.558,85.925 615.235,76.306 601.769,76.306 ZM519.629,126.471 C529.840,126.471 536.795,120.848 538.422,111.377 L554.700,112.857 C551.741,130.023 538.127,140.825 519.629,140.825 C508.531,140.825 499.356,137.274 492.253,130.318 C485.150,123.216 481.599,113.597 481.599,101.463 C481.599,89.180 485.150,79.562 492.105,72.607 C499.208,65.652 508.383,62.101 519.629,62.101 C538.127,62.101 552.037,73.051 554.552,90.808 L538.274,92.288 C537.091,82.374 529.692,76.306 519.629,76.306 C507.051,76.306 498.468,85.629 498.468,101.463 C498.468,117.001 507.199,126.471 519.629,126.471 ZM463.393,140.825 C457.622,140.825 452.887,136.090 452.887,130.318 C452.887,124.251 457.622,119.516 463.393,119.516 C469.313,119.516 474.196,124.251 474.196,130.318 C474.196,136.090 469.313,140.825 463.393,140.825 ZM389.100,63.432 L407.893,63.432 L428.610,105.458 L449.179,63.432 L467.972,63.432 L428.610,140.973 L389.100,63.432 ZM392.344,107.678 L336.556,107.678 C337.296,119.072 345.139,126.471 356.829,126.471 C366.744,126.471 372.663,122.920 374.883,115.669 L391.604,116.557 C390.124,123.511 386.129,129.283 379.766,133.870 C373.403,138.457 365.856,140.825 357.273,140.825 C345.879,140.825 336.704,137.274 329.601,130.318 C322.498,123.216 318.947,113.597 318.947,101.463 C318.947,89.329 322.498,79.710 329.453,72.755 C336.408,65.652 345.583,62.101 356.829,62.101 C367.632,62.101 376.363,65.504 382.726,72.163 C389.089,78.822 392.344,87.997 392.344,99.539 L392.344,107.678 ZM356.681,76.306 C345.287,76.306 337.444,82.965 336.704,94.656 L375.623,94.656 C375.179,83.409 368.668,76.306 356.681,76.306 ZM295.850,128.839 C291.559,135.942 282.236,140.825 270.841,140.825 C260.039,140.825 251.308,137.274 244.501,130.171 C237.694,122.920 234.291,113.449 234.291,101.463 C234.291,89.477 237.694,80.006 244.501,72.903 C251.308,65.652 260.039,62.101 270.841,62.101 C281.644,62.101 290.671,66.244 294.962,72.607 L294.962,24.366 L311.536,24.366 L311.536,139.345 L295.850,139.345 L295.850,128.839 ZM294.962,99.391 C294.962,84.741 286.379,76.306 273.505,76.306 C260.335,76.306 251.161,85.629 251.161,101.463 C251.161,117.297 260.335,126.471 273.505,126.471 C286.379,126.471 294.962,118.036 294.962,103.387 L294.962,99.391 ZM195.662,115.965 L195.810,77.786 L181.752,77.786 L181.752,63.432 L195.810,63.432 L195.958,37.684 L212.679,37.684 L212.531,63.432 L231.769,63.432 L231.769,77.786 L212.383,77.786 L212.235,112.561 C212.235,121.292 216.379,125.583 224.813,125.583 C226.589,125.583 228.957,125.287 231.916,124.843 L231.916,139.641 C228.217,140.233 224.518,140.529 220.818,140.529 C205.280,140.529 195.514,132.538 195.662,115.965 ZM173.157,130.023 C165.758,137.274 156.287,140.825 144.893,140.825 C133.351,140.825 123.880,137.274 116.333,130.023 C108.934,122.772 105.235,113.301 105.235,101.463 C105.235,89.624 108.934,80.154 116.333,72.903 C123.880,65.652 133.351,62.101 144.893,62.101 C156.287,62.101 165.758,65.652 173.157,72.903 C180.704,80.154 184.403,89.624 184.403,101.463 C184.403,113.301 180.704,122.772 173.157,130.023 ZM144.893,76.306 C131.427,76.306 122.105,85.925 122.105,101.463 C122.105,116.852 131.427,126.471 144.893,126.471 C158.359,126.471 167.682,116.852 167.682,101.463 C167.682,85.925 158.359,76.306 144.893,76.306 ZM82.138,128.839 C77.847,135.942 68.524,140.825 57.130,140.825 C46.327,140.825 37.597,137.274 30.789,130.171 C23.983,122.920 20.579,113.449 20.579,101.463 C20.579,89.477 23.983,80.006 30.789,72.903 C37.597,65.652 46.327,62.101 57.130,62.101 C67.932,62.101 76.959,66.244 81.250,72.607 L81.250,24.366 L97.824,24.366 L97.824,139.345 L82.138,139.345 L82.138,128.839 ZM81.250,99.391 C81.250,84.741 72.667,76.306 59.793,76.306 C46.623,76.306 37.449,85.629 37.449,101.463 C37.449,117.297 46.623,126.471 59.793,126.471 C72.667,126.471 81.250,118.036 81.250,103.387 L81.250,99.391 Z" class="cls-1"></path>
</svg>
</a>
</footer>
<script src="./build/app.js"></script>
</body>
</html>