-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWTF-O-Vision Example.html
172 lines (153 loc) · 6.63 KB
/
WTF-O-Vision Example.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html style="direction: ltr;"
lang="en-us">
<head>
<meta content="text/html; charset=utf-8"
http-equiv="Content-Type">
<meta name="Description"
content="The Glorious WTF-O-Vision WTFifies, Gloriously.">
<meta name="keywords"
content="WTFify, WTF-O-Vision, atropa, WTF-O-Meter, Kastor, Matthew Kastor">
<title>
WTF-O-Vision
</title>
<style type="text/css">
.halfWidth {
width: 49%;
min-width: 200px;
}
.btn {
height: 30px;
}
.content {
height: 250px;
overflow: auto;
border : 2px black solid;
}
.quote {
padding: 5px;
border: 2px blue dashed;
}
</style>
<script type="text/javascript">
/**
* This demo page is used in two projects: the AtropaToolbox
* and the WTF-O-Vision. The WTF-O-Vision is just one of the
* many tools in the AtropaToolbox and so I have provided a
* separate repository for this single tool. To load the
* WTF-O-Vision in your own pages you do not need the following
* code, all you need is a script tag whose source attribute
* points to WTF-O-Vision.js. For example, if you crated an
* HTML page where you want to use the WTF-O-Vision and you have
* put both the HTML page and WTF-O-Vision.js in the same folder,
* then all you need is a script tag like
* <script type="text/javascript" src="WTF-O-Vision.js">
* The following code block is simply detecting which project
* this page is being accessed from and creating a script tag to
* load either the AtropaToolbox or the standalone WTF-O-Vision.
*/
(function () {
function loadScript(url) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', url);
head.appendChild(script);
}
if (/(\/Atropa|WTF-O-Vision Example.html)/gi.test(decodeURI(document.location.pathname))) {
loadScript('./browser/atropa-toolbox_web.js');
} else {
loadScript('./src/WTF-O-Vision.js');
}
} ());
</script>
</script>
</head>
<body style="direction: ltr;">
<h1>
The Glorious WTF-O-Vision!
</h1>
<p>
<b></b>The Glorious WTF-O-Vision WTFifies, Gloriously.<br>
Get it at <a href="https://github.com/matthewkastor/WTF-O-Vision">https://github.com/matthewkastor/WTF-O-Vision</a>.</b>
</p>
<p>
The WTF-O-Vision is a subproject of the <a href="/AtropaToolbox-raw-js">Atropa Toolbox</a>.
</p>
<h2>
What It Does
</h2>
<div class="quote halfWidth">
<p>From the <a href="http://www.urbandictionary.com/define.php?term=WTFify&defid=6895739">Urban Dictionary</a></p>
<blockquote cite="http://www.urbandictionary.com/define.php?term=WTFify&defid=6895739">
<p><b>WTFify</b><br>
Pronounced: "What-the-fuckify"<br>
Root: WTF<br>
verb<br>
To edit a piece of writing as if it were a Mad Libs word game. Replacing nouns, verbs, and phrases with other asinine and often more interesting bits of text.</p>
</blockquote>
</div>
<h2>
What our customers are saying:
</h2>
<div class="quote halfWidth">
<p>As reported by <a href="http://allpoetry.com/Overlord_Darklight">Overlord Darklight</a>:</p>
<blockquote cite="http://allpoetry.com/Overlord_Darklight">
<p><i>WTF-O-Vision is a liscenced trademark of Kastor-Inare Labs; assigned to a second-generation, mark two type trollamabob conceived, programmed and executed by Kastor himself. This hypertext markup language pooetic translation device allows an Atropan user to choose an appropriately emo-tional pooem, whose text code could then be scanned for matches in a pre-programmed database of much, much lulzier wording. The databases' lexicon would then be applied to any choice entry; undeniably elevating said tripe to, at least minimally, a hilarious trainwreck.</i></p>
</blockquote>
</div>
<div class="quote halfWidth">
<p>As reported by <a href="http://deepundergroundpoetry.com/poets/rayheinrich/">casual cookies (rayheinrich)</a>:</p>
<blockquote cite="http://deepundergroundpoetry.com/forum/poetry/read/615/#23048">
<p><i>seems to improve most of the <a href="http://deepundergroundpoetry.com">DU</a> poems i enter...
does even better on comments. :) :)</i></p>
</blockquote>
</div>
<div class="quote halfWidth">
<p>As reported by <a href="http://deepundergroundpoetry.com/poets/aglitch/">aglitch</a>:</p>
<blockquote cite="http://deepundergroundpoetry.com/forum/poetry/read/615/#23051">
<p><i>This is the absolute best. I'm not even sure what a 'ritart' is.</i></p>
</blockquote>
</div>
<div class="quote halfWidth">
<p>As reported by <a href="http://deepundergroundpoetry.com/poets/Gg78/">Just__Gigi (Gg78)</a>:</p>
<blockquote cite="http://deepundergroundpoetry.com/forum/poetry/read/615/#23089">
<p><i>This is a straight bug out.. My poem was turned even more un readable lol funny and cute</i></p>
</blockquote>
</div>
<h2>
Try it live!
</h2>
<p>
The div below is editable in any browser worth it's salt. Go ahead and paste in whatever you want then click the <code>WTFify!</code> button for Glorious results!
</p>
<p class="halfWidth">
<button class="halfWidth btn"
id="submit"
name="submit"
type="button"
onclick="document.getElementsByClassName('content')[0].innerHTML = '';">Clear</button>
<button class="halfWidth btn"
id="submit"
name="submit"
type="button"
onclick="atropa.wtf.htmlElement(document.getElementsByClassName('content')[0]);">WTFify!</button>
</p>
<div contenteditable="true" class="content halfWidth">
I am the greatest poet to ever live.
</div>
<h2>
Usage & Info
</h2>
<p>
Tested on Firefox, Chrome, and Internet Explorer. It just works! <a href="./browser/atropa-toolbox_tests.html">Run the tests live in your browser.</a>
</p>
<p>
You can use the <code>js</code> file as is, it's ready to go. Edit the dictionary and turn it into a profanity filter, reverse profanity filter, trite checker, or whatever you want. Full documentation is available in the source code or in somewhat organized HTML <a href="./docs/jsdoc/symbols/atropa.wtf.html">here</a>. There is also a <a href="./report/index.html">code analysis report</a> if you are into that kind of thing.
</p>
<p>
Using Visual Studio or WebMatrix? Intellisense support is available from <a target="_blank"
href="./docs/vsdoc/OpenLayersAll.js">docs/vsdoc/OpenLayersAll.js</a>. Other editors and IDE's may be able to use the javadoc style comments in the source code.
</p>
</body>
</html>