-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·110 lines (110 loc) · 6.42 KB
/
about.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
<div class="content">
<div class="spacer"></div>
<p><b>What is this?</b></p>
<p><i>Scriptivism</i> is taken from the real words <i><a class="de" target="_blank" href="https://en.wikipedia.org/wiki/Linguistic_description">Descriptivism</a></i> and <i><a class="pre" target="_blank" href="https://en.wikipedia.org/wiki/Linguistic_prescription">Prescriptivism</a></i>. <i class="meh">Mehscriptivism</i> is another made-up word which just means you fall in the middle of those two ends of the spectrum.</p>
<p><b>Please keep in mind:</b> This website is a <i>Web Interface experiment</i> (I am a web developer, not an English professor). Its content is not intended to be taken seriously.</p>
<div class="spacer"></div>
<p><b>Types of Scriptivists</b></p>
<div class="cardGrid">
<div id="preDef" class="card preCard">
<p><b>Prescriptivists</b> strictly adhere to the rules of a language, using those rules to be specific and unambiguous. Often, this demands a wide, niché vocabulary as they usually avoid "slang".</p>
</div>
<div id="mehDef" class="card mehCard">
<p><b>Mehscriptivists</b> don't care too much about following the rules. They do what makes sense to them, and it works most of the time. They use language in ways that falls equally on both sides of the spectrum.</p>
</div>
<div id="deDef" class="card deCard">
<p><b>Descriptivists</b> use language more loosely, relying on context and social interaction for the dynamic meaning of words and phrases, sometimes directly violating "the rules." They invent new words and phrases frequently.</p>
</div>
</div>
<div class="spacer"></div>
<p><b>Which is better?</b></p>
<p>Language stays useful when it evolves with new technology, new concepts, and unique art. A healthy language requires both those who invent new words and phrases and those who bring order to them. Most people do a little of both.</p>
<p>One may think that <span class="de">Descriptivists</span> are just <i>wrong</i>. For instance, when someone uses the word "ginormous", a <span class="pre">Prescriptivist</span> might call that "slang" and point out that it's a combination of
<i>gigantic</i> and <i>enormous</i>. But everyone knows what a person means when they say "ginormous". "Anyway<b>s</b>" isn't technically correct, but people use it instead of "anyway", anyway. That makes "Anyway<b>s</b>" a <i>Descriptivist</i>
word and "Anyway" a <i>Prescriptivist</i> word.</p>
<p>The choice for each word/phrase is binary: either it's <i>Prescriptivist</i> or <i>Descriptivist</i>. But a person using language naturally will always use a mix of words and phrases, and therefore will always fall on a spectrum. I'd argue no
one will ever say "To <i>go boldly</i> where no man has gone before" unless they are referring to the technical incorrectness of the original phrase.</p>
<div class="spacer"></div>
<p><b>Submit a Question</b></p>
<form id="qform" class="card" name="request-info" action="#" method="POST" netlify-honeypot="bot-field" data-netlify="true">
<input name="bot-field" class="hidden" />
<label for="NAME" class="hidden">Name</label>
<input type="text" value="" name="NAME" placeholder="Name" required />
<label for="EMAIL" class="hidden">Email</label>
<input type="email" value="" name="EMAIL" placeholder="Email" required />
<label for="Question" class="hidden">Your Submission</label>
<textarea type="text" value="" name="Question" maxlength="300" rows="3" placeholder="Include the question and both answers (limit 300 chars)" required />
<button tabindex="0" type="submit" value="Send">Submit</button>
</form>
<div class="spacer"></div>
<p><b>Settings</b></p>
<div id="settings">
<button id="motionToggle">Turn off motion</button>
<button id="perspectiveSetting">Tilt</button>
<button id="cursorToggle">Turn off cursor</button>
<div class="gridSpacer"></div>
<button id="soundToggle">Turn off Sound</button>
<!-- <button id="volumeSetting"></button> -->
</div>
<div class="spacer"></div>
<p><b>Accessibility</b></p>
<p>I strive to make my projects accessible to users with all sorts of input methods.</p>
<p>Keyboard controls:</p>
<div id="keyboardControls">
<div tabindex="0" class="keyboard-key esc-key"></div>
<div class="key-group">
<div tabindex="0" class="keyboard-key tab-key"></div>
</div>
<div class="key-group">
<div tabindex="0" class="keyboard-key shift-key"></div>
<div tabindex="0" class="keyboard-key tab-key"></div>
</div>
<div class="key-group">
<div tabindex="0" class="keyboard-key return-key"></div>
</div>
<div class="key-group three-keys">
<div class="blank-key"></div>
<div tabindex="0" class="keyboard-key up-arrow"></div>
<div class="blank-key"></div>
<div tabindex="0" class="keyboard-key left-arrow"></div>
<div tabindex="0" class="keyboard-key down-arrow"></div>
<div tabindex="0" class="keyboard-key right-arrow"></div>
</div>
<div tabindex="0" class="keyboard-key spacebar-key"></div>
</div>
<div class="spacer"></div>
<p><b>Privacy</b></p>
<p>This website uses <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage" target="_blank">localStorage</a> to store your answers, the last page you were on, and the above settings. I do not collect any data whatsoever from
visitors to this website.</p>
<div class="spacer"></div>
<p><b>Attributions</b></p>
<p><a target="_blank" href="https://jquery.com/">jQuery</a></p>
<p><a target="_blank" href="https://stackoverflow.com/a/16994725/7308144">stackoverflow</a></p>
<p><a target="_blank" href="https://meyerweb.com/eric/tools/css/reset/">reset.css</a></p>
<p><a target="_blank" href="https://fonts.google.com/specimen/Roboto">Roboto</a></p>
<p><a target="_blank" href="https://freesound.org/people/acclivity/sounds/19991/">freesound</a></p>
<div class="spacer"></div>
</div>
<script type="text/javascript">
if (!mot) {
$('#motionToggle').html('Turn on motion');
$('#perspectiveSetting')
.css({
'box-shadow': 'none'
})
.addClass('inactive');
} else {
perspectiveSet($('#perspectiveSetting'));
}
if (!cur) $('#cursorToggle').html('Turn on cursor');
if (mediaQuery.matches) {
$('#motionToggle:not(.inactive)').addClass('inactive');
$('#perspectiveSetting:not(.inactive)').addClass('inactive');
}
if (touch) {
$('#cursorToggle:not(.inactive)').addClass('inactive');
$('#perspectiveSetting:not(.inactive)').addClass('inactive');
$('#cursorToggle').html('Turn on cursor');
}
if (!snd) $('#soundToggle').html('Turn on sound');
</script>