-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
315 lines (307 loc) · 20.1 KB
/
Copy pathindex.html
File metadata and controls
315 lines (307 loc) · 20.1 KB
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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html>
<head>
<title>Paramour</title>
<meta charset="utf-8"/>
<link rel="shortcut icon" href="https://ephellon.github.io/Paramour/images/favicon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons"/>
<script src="https://ephellon.github.io/Paramour/js/jquery-bundle.js"></script>
<script src="https://ephellon.github.io/Paramour/js/prettify.js"></script>
<script src="https://ephellon.github.io/Paramour/js/run_prettify.js"></script>
<script src="https://ephellon.github.io/Paramour/js/mustache.js"></script>
<script src="https://ephellon.github.io/Paramour/prettyprint/lang-paramour.js"></script>
<script src="https://ephellon.github.io/Paramour/js/jszip.js"></script>
<script src="https://ephellon.github.io/Paramour/js/jszip-utils.js"></script>
<script src="https://ephellon.github.io/Paramour/js/FileSaver.js"></script>
<script src="https://ephellon.github.io/Mio/js/mio.min.js"></script>
<style>
@import url(https://ephellon.github.io/Paramour/css/icons.css);
@import url(https://ephellon.github.io/Paramour/css/main.css);
@import url(https://ephellon.github.io/Paramour/css/tomorrow-night.css);
@import url(https://ephellon.github.io/Paramour/css/adjust.css);
</style>
</head>
<!-- [CONTENT-TYPE] -->
<!--
HEADER
NAVIGATION[-BOTTOM|-LEFT|-RIGHT|-TOP]
CONTENT
FOOTER[ALTERNATIVE-SERVICES|CREDITS|LINKS]
DEPENDENCIES
-->
<body id="top_of_page" class="devsite-doc-page devsite-header-no-upper-tabs devsite-uhura">
<div class="devsite-wrapper">
<div class="devsite-top-section-wrapper">
<!-- HEADER -->
<header class="devsite-top-section nocontent">
<div class="devsite-top-logo-row-wrapper-wrapper">
<div class="devsite-top-logo-row-wrapper">
<div class="devsite-top-logo-row devsite-full-site-width">
<button type="button" data-category="Site-Wide Custom Events" data-label="Hamburger menu" class="devsite-expand-section-nav devsite-header-icon-button button-flat material-icons gc-analytics-event"></button>
<div class="devsite-product-name-wrapper"><a href="https://ephellon.github.io/Paramour/" data-category="Site-Wide Custom Events" data-label="Project logo (header)" class="devsite-product-name-link gc-analytics-event"><img src="https://ephellon.github.io/Paramour/images/Paramour.png" alt="Paramour" class="devsite-product-logo"/></a><span class="devsite-product-name">
<ul class="devsite-breadcrumb-list">
<li class="devsite-breadcrumb-item"><a href="https://ephellon.github.io/Paramour/" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" class="devsite-breadcrumb-link gc-analytics-event">Paramour</a></li>
</ul></span></div>
<div class="devsite-header-upper-tabs"></div>
<form id="top-search" --action="https://ephellon.github.io/Paramour/search/" method="GET" search-placeholder="Search" class="devsite-search-form">
<div id="searchbox" class="devsite-searchbox">
<input placeholder="Search" type="text" name="q" value="" autocomplete="off" class="devsite-search-field devsite-search-query"/>
<div class="devsite-search-image material-icons"></div>
</div>
</form>
<a href="https://github.com/ephellon/" data-category="Site-Wide Custom Events" data-label="Site header link" class="devsite-header-link devsite-top-button button gc-analytics-event">
<div class="devsite-header-link-label">All Projects</div>
</a>
</div>
</div>
</div>
<div class="devsite-collapsible-section">
<div class="devsite-header-background devsite-full-site-width">
<div class="devsite-doc-set-nav-row devsite-full-site-width">
<!-- NAVIGATION-TOP -->
<nav class="devsite-doc-set-nav devsite-nav devsite-overflow-tabs-scroll-wrapper">
<ul class="devsite-doc-set-nav-tab-list devsite-overflow-tabs-scroll">
<li class="devsite-doc-set-nav-tab-container">
<a href="https://ephellon.github.io/Paramour/" data-category="Site-Wide Custom Events" data-label="Tab: Home" class="devsite-doc-set-nav-tab gc-analytics-event">Home</a>
</li>
<li class="devsite-doc-set-nav-tab-container">
<a href="https://ephellon.github.io/Paramour/reference/" data-category="Site-Wide Custom Events" data-label="Tab: Reference" class="devsite-doc-set-nav-tab gc-analytics-event">Reference</a>
</li>
<li class="devsite-doc-set-nav-tab-container">
<a href="https://ephellon.github.io/Paramour/extras/" data-category="Site-Wide Custom Events" data-label="Tab: Samples" class="devsite-doc-set-nav-tab gc-analytics-event">Examples</a>
</li>
<li class="devsite-doc-set-nav-tab-container">
<a href="https://ephellon.github.io/Paramour/support/" data-category="Site-Wide Custom Events" data-label="Tab: Support" class="devsite-doc-set-nav-tab gc-analytics-event">Support</a>
</li>
<a id="devsite-feedback-project" href="mailto:minkcbos@gmail.com" type="button" data-category="Site-Wide Custom Events" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="header" class="button devsite-feedback-button devsite-top-button gc-analytics-event">Send feedback</a>
</ul>
</nav>
<!-- :NAVIGATION-TOP -->
</div>
</div>
</div>
</header>
<!-- :HEADER -->
<script>
if (window.jQuery) $(document).ready(function() {if (window.devsite && window.devsite.search) window.devsite.search.init('en')});
</script>
</div>
<div id="gc-wrapper" itemscope="" itemtype="http://schema.org/Article">
<div class="devsite-site-mask"></div>
<div class="devsite-main-content clearfix">
<!-- NAVIGATION-LEFT -->
<nav id="target" class="devsite-section-nav devsite-nav nocontent"></nav>
<!-- :NAVIGATION-LEFT -->
<!-- NAVIGATION-RIGHT -->
<nav class="devsite-page-nav devsite-nav"></nav>
<!-- :NAVIGATION-RIGHT -->
<article class="devsite-article">
<!-- CONTENT -->
<article class="devsite-article-inner">
<h1 itemprop="name" class="devsite-page-title">Overview of Paramour</h1>
<nav class="devsite-page-nav-embedded devsite-nav"></nav>
<div itemprop="articleBody" class="devsite-article-body clearfix">
<p><a href="https://ephellon.github.io/Paramour/">Paramour</a>
is a client-side, preprocessed JavaScript language.
It is based on
<a href="https://coffeescript.org/" target="blank_">CoffeeScript</a>,
<a href="https://java.com/" target="blank_">Java</a>,
<a href="https://python.org/" target="blank_">Python</a>,
<a href="https://swift.org/" target="blank_">Swift</a>,
and <a href="https://javascript.com/" target="blank_">JavaScript</a>.
Paramour lets you do what you want, when you need.
</p>
<p>If you're new to JavaScript, W3Schools offers a host of <a href="https://w3schools.com/js/" target="blank_">tutorials</a>.
(Note that this service was not developed by and is not associated with myself.)
</p>
<h2 id="why_paramour">Why Paramour?</h2>
<p>Paramour is extremely flexible and powerful, you can:</p>
<ul>
<li>Use <a href="https://ephellon.github.io/Paramour/objects/tuples/">Tuples</a>.</li>
<li>Perform <a href="https://ephellon.github.io/Paramour/js-unit/">unit testing</a> (JS-Unit).</li>
<li>Write <a href="https://ephellon.github.io/Paramour/functions/type-controlled/">type controlled functions</a>.</li>
<li>Run Paramour <a href="https://ephellon.github.io/Paramour/help/out-browser/">outside of a browser</a>.</li>
</ul>
<p>For a demo of Paramour in action, try a 5-minute demo:</p>
<ul>
<li><a href="https://ephellon.github.io/Paramour/extras/#99">99 Bottles of Beer</a>: See how easy the infamous 99 bottles song can be.</li>
<li><a href="https://ephellon.github.io/Paramour/extras/#Tuple">The Tuple Class</a>: See how the Tuple class was made.</li>
</ul>
<h2 id="your_first_script">Your first script</h2>
<p>
The steps below show how to build and run a simple script.
</p>
<h3 id="set_it_up">Set-up</h3>
<ol>
<li>Visit <a href="https://ephellon.github.io/Paramour/extras/" target="_blank"><code>/try-paramour/</code></a> to open up the editor (shown below).</li>
<li>
<p>Delete any code in the script editor and paste in the code below.</p>
<div class="pretty-input">
<textarea translate="no" class="notranslate">
### Days until Xmas
@author: W3 Resource Authors
@url: https://www.w3resource.com/javascript-exercises/javascript-basic-exercise-9.php
###
# @strict
# @1.5
# $year -> getFullYear()
# $month => new Date().getMonth() + 1
# $day -> getDate()
# $time -> getTime()
var today = new Date(),
Xmas = new Date(today.$year, 11, 25), # Xmas Day of this year
oneDay = 1000 60 60 24; # spaces between numbers are treated as "*"
if($month == 12 && today.$day > 25)
Xmas.setFullYear(Xmas.$year + 1);
/** ():String
* Finds the number of days left until Xmas (Dec. 25)
*/
HowManyDays():String
-> "${round_up((Xmas.$time - today.$time) / oneDay)} days left until Christmas!";
round_up(Number n) ->
Math.ceil n;
"String" days_left = HowManyDays();
alert days_left;
</textarea>
<pre class="prettyprint notranslate lang-paramour"></pre>
<!-- TOOLBAR -->
<div id="docs-toolbar-wrapper">
<div id="docs-primary-toolbars" class="docs-collapsable-toolbar">
<div id="docs-toolbar" class="goog-toolbar" aria-label="Main" role="toolbar" tabindex="0" style="user-select: none;"></div>
</div>
</div>
<!-- :TOOLBAR -->
</div>
</li>
</ol>
<h2 id="learn_more">Learn more</h2>
<p>To continue learning about Paramour, take a look at the following resources:</p>
<ul>
<li>Paramour - <a href="https://github.com/Ephellon/Ephellon.github.io/blob/master/Paramour/changelog.md" target="blank_">Change Log</a></li>
<li>Paramour - <a href="https://github.com/Ephellon/Paramour/blob/master/java/Paramour.js" target="blank_">Source Code</a></li>
<li>Paramour - <a href="https://codepen.io/Ephellon/post/paramour" target="blank_">Proposed Features</a></li>
</ul>
</div>
<div class="devsite-content-footer nocontent">
<p itemprop="datePublished" content="2017-05-23T15:26:03.972520" class="devsite-content-footer-date">Last updated August 17, 2017.</p>
</div>
</article>
<!-- :CONTENT -->
</article>
</div>
<!-- FOOTER -->
<!-- FOOTER[CREDITS|LINKS] -->
<footer class="devsite-footer-promos nocontent">
<nav class="devsite-full-site-width">
<ul class="devsite-footer-promos-list">
<li class="devsite-footer-promo">
<a target="blank_" href="https://codepen.io/Ephellon/posts/published/" data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo" class="devsite-footer-promo-title gc-analytics-event">
<img src="https://production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" class="devsite-footer-promo-icon"/>
Posts
</a>
<div class="devsite-footer-promo-description">The latest news about Paramour and other projects</div>
</li>
<li class="devsite-footer-promo">
<a target="blank_" href="https://github.com/Ephellon/Paramour/tree/master/examples" data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo" class="devsite-footer-promo-title gc-analytics-event">
<img src="https://ephellon.github.io/Paramour/images/logo-github.svg" class="devsite-footer-promo-icon"/>
GitHub
</a>
<div class="devsite-footer-promo-description">Fork samples and try them yourself</div>
</li>
<li class="devsite-footer-promo">
<a target="blank_" href="https://github.com/Ephellon/Paramour/issues/new" data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo" class="devsite-footer-promo-title gc-analytics-event">
<span class="devsite-footer-promo-icon">
<svg aria-hidden="true" class="octicon" version="1.1" viewBox="0 0 40 40" height="128" width="128">
<path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path>
</svg>
</span>
Issues
</a>
<div class="devsite-footer-promo-description">Something wrong? Post an issue!</div>
</li>
<li class="devsite-footer-promo">
<a target="blank_" href="https://stackoverflow.com/questions/tagged/paramour" data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo" class="devsite-footer-promo-title gc-analytics-event">
<img src="https://ephellon.github.io/Paramour/images/logo-stack-overflow.svg" class="devsite-footer-promo-icon"/>
Stack Overflow
</a>
<div class="devsite-footer-promo-description">Ask a question under the <code>paramour</code> tag</div>
</li>
</ul>
</nav>
</footer>
<!-- :FOOTER[CREDITS|LINKS] -->
<!-- FOOTER[LINKS] -->
<footer class="devsite-footer-linkboxes nocontent devsite-footer-linkboxes-with-sites">
<nav class="devsite-full-site-width">
<ul class="devsite-footer-linkboxes-list">
<li class="devsite-footer-linkbox">
<h3 class="devsite-footer-linkbox-heading">Tools</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item"><a target="blank_" href="https://ephellon.github.io/Paramour/extras/" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">Editor</a></li>
<li class="devsite-footer-linkbox-item"><a target="blank_" href="https://github.com/Ephellon/Ephellon.github.io/blob/master/Paramour/changelog.md" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">Change Log</a></li>
</ul>
</li>
<li class="devsite-footer-linkbox">
<h3 class="devsite-footer-linkbox-heading">Connect</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a target="blank_" href="https://twitter.com/ephellon" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">Twitter</a>
</li>
<li class="devsite-footer-linkbox-item">
<a target="blank_" href="https://github.com/ephellon" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">GitHub</a>
</li>
<li class="devsite-footer-linkbox-item">
<a target="blank_" href="https://codepen.io/ephellon" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">CodePen</a>
</li>
</ul>
</li>
<li class="devsite-footer-linkbox">
<h3 class="devsite-footer-linkbox-heading">Product Info</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item"><a target="blank_" href="https://raw.githubusercontent.com/Ephellon/Ephellon.github.io/master/LICENSE.txt" data-category="Site-Wide Custom Events" data-label="Content Page Footer Linkbox" class="gc-analytics-event">License</a></li>
</ul>
</li>
<li class="devsite-footer-linkbox devsite-footer-linkbox-sites"><a target="blank_" href="https://ephellon.github.io/" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link" class="gc-analytics-event devsite-footer-linkbox-logo-link"><img src="https://avatars0.githubusercontent.com/u/8632548?v=4&s=256" class="devsite-footer-linkbox-logo" style="max-height: 32px; width: auto;"/></a>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item"><a target="blank_" href="//codepen.io/ephellon/" data-category="Site-Wide Custom Events" data-label="Footer Android Link" class="gc-analytics-event">CodePen</a></li>
<li class="devsite-footer-linkbox-item"><a target="blank_" href="//github.com/ephellon/" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link" class="gc-analytics-event">GitHub</a></li>
</ul>
</li>
</ul>
</nav>
</footer>
<!-- :FOOTER[LINKS] -->
<!-- FOOTER[ALTERNATE-SERVICES] -->
<footer class="devsite-content-footer nocontent" style="background: #455a64; color: #fff; margin: -1px; padding-bottom: 10px;">
<nav class="devsite-content-footer-nav devsite-nav devsite-full-site-width">
<div class="devsite-content-footer-nav-left">
<p>
Except as otherwise noted, the content of this page is licensed under the <a href="http://creativecommons.org/licenses/by/3.0/" target=blank_"">Creative Commons Attribution 3.0 License</a>;
Paramour, and the supplied examples are licensed under the <a href="https://www.gnu.org/licenses/license-list.html#Expat" target=blank_"">MIT License</a>.
Java is a registered trademark of Oracle inc. and/or its affiliates.
JavaScript, and ECMAScript are registered trademarks of ECMAScript intl. and/or its affiliates.
Google is a registered trademark of Google inc. and/or its affiliates.
CoffeeScript is a registered trademark of "Jeremy Ashkenas."
Swift is a registered trademark of Apple inc. and/or its affiliates.
Python is a registered trademark of Python Software Foundation org. and/or its affiliates.
</p>
</div>
</nav>
</footer>
<!-- FOOTER[ALTERNATE-SERVICES] -->
<!-- :FOOTER -->
</div>
<!-- DEPENDENCIES -->
<script>var dataLayer = [{"freeTrialEligibleUser": "False", "userCountry": "US", "language": {"requested": "en", "served": "en"}, "projectName": "Apps Script", "scriptsafe": null, "signedIn": "False", "internalUser": "False"}];</script>
<script src="https://ephellon.github.io/Paramour/js/jquery_ui-bundle.js"></script>
<script src="https://ephellon.github.io/Paramour/jsi18n/"></script>
<script src="https://ephellon.github.io/Paramour/js/script_foot_closure.js"></script>
<script src="https://ephellon.github.io/Paramour/js/script_foot.js"></script>
<script src="https://ephellon.github.io/Paramour/js/par.min.js"></script>
<script src="https://ephellon.github.io/Paramour/js/tinyurl.js"></script>
<script src="https://ephellon.github.io/Paramour/js/main.js"></script>
<!-- :DEPENDENCIES -->
</div><span id="devsite-request-elapsed" data-request-elapsed="269.229888916"></span>
</body>
</html>