-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
102 lines (91 loc) · 6 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZS5V7Y5JT4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZS5V7Y5JT4');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Techscriptor</title>
<link rel="stylesheet" href="css/ts.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid h-100">
<div class="row h-100">
<div class="col h-100" style="position: relative;">
<div id="editor"># Built for Technical Writing
> 
> ***Techscriptor*** is a Markdown editor that makes your writing precise and
> clear.
Techscriptor helps you avoid the following:
* **Long sentences:** Make your sentences short and clear. If you see a yellow
highlight, your sentence is so dense and complicated that your readers will get
lost trying to understand it and then you should consider splitting it up.
* **Passive voice:** Use the active voice most of the time. If the passive voice
is used, sentences tend to be more wordy and vague.
* **Generic expressions:** Reduce imprecise, weak, or generic words. There are
all kinds of generic expressions. It can happen that your readers will find them
difficult to interpret. Try replacing them with more specific expressions.
* **Adverbs:** Avoid adverbs if they add no significant meaning. Unfortunately,
adverbs sometimes make technical readers bark loudly and ferociously.
Techscriptor renders Markdown in the browser:
* inline `code`
* code blocks with syntax highlighting for many languages:
```python
def F(n):
if n == 0 or n == 1:
return n
else:
return F(n - 1) + F(n - 2)
x = 7
print(f"F({x}) = {F(x)}")
```
* footnotes[^1]
[^1]: My reference.
* tables:
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
* blockquotes:
> Life is a long lesson in humility.
> — James M. Barrie
</div>
</div>
<div class="col h-100 overflow-auto" id="mdviewContainer">
<div class="mt-1"><p class="text-end">
<a class="github-button" href="https://github.com/cbrincoveanu/techscriptor" data-size="large" data-show-count="true" aria-label="Star cbrincoveanu/techscriptor on GitHub">Star</a>
<a class="github-button" href="https://github.com/cbrincoveanu/techscriptor/fork" data-size="large" data-show-count="true" aria-label="Fork cbrincoveanu/techscriptor on GitHub">Fork</a>
</p></div>
<div id="mdview" class="rounded my-2 p-2 bg-light text-dark"></div>
<div class="bg-light rounded mb-2 p-2 text-muted">Warnings: <strong><span id="warnings">0</span></strong> · Sentences: <strong><span id="sentences">0</span></strong> · Words: <strong><span id="words">0</span></strong> · Characters: <strong><span id="characters">0</span></strong></div>
<div id="mdviewSummary"></div>
<p class="text-end">
<a href="https://www.techscriptor.com" target="_blank"><img src="favicon-16x16.png" title="Techscriptor" alt="Techscriptor"></a>
<small class="text-muted"> <strong>v0.1.2</strong> by <a href="https://github.com/cbrincoveanu" target="_blank">cbrincoveanu</a></small>
</p>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1/ace.min.js" integrity="sha512-LsPG7HaqMY141NrHpwkr7NyZ1Ede5kqiyyxynjCIh0y593ucZeNNZ1ViO++TJAVusvsh6ZGkE8Vd/5WEp5TGvw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1/theme-chrome.min.js" integrity="sha512-IoW2AJDFMQYyoy2/RXHXuejhOyYdER5cWEa5daKogz7AS2xou/WCCpghsgBDZG3/V4VCDuJw2RvVhUW81bhlDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1/mode-markdown.min.js" integrity="sha512-iYsFt92n+888KkIWz9rMd1EVL/sI/dzH26ESth7p1N2JoRCMSE7Zgiuev34j1Knd7vyizT4RCu1e456c2YxLwg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js" integrity="sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js" integrity="sha512-gU7kztaQEl7SHJyraPfZLQCNnrKdaQi5ndOyt4L4UPL/FHDd/uB9Je6KDARIqwnNNE27hnqoWLBq+Kpe4iHfeQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it-footnote/3.0.3/markdown-it-footnote.min.js" integrity="sha512-hKiRGx002Z2n8LGMKRResAVuZkDwZ9/7CdrbZbIldJyZ6MtKHHCzt6v8Inn1nFOsANUmx/avKIkc6O5MGEDP4Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
<script src="/js/ts.min.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>