This repository was archived by the owner on Feb 8, 2018. It is now read-only.
forked from poole/poole
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
241 lines (191 loc) · 12.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- SEO -->
<meta name="keywords" content="Arendelle, Arendelle Language, Pouya Kary, Micha Hanselmann" />
<meta name="description" content="Homepage of Arendelle Language; A fun new langauge for you to discover the great world of programming!" />
<meta http-equiv="content-language" content="en" />
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>Arendelle Language</title>
<!-- CSS -->
<link rel="stylesheet" href="./public/css/poole.css">
<link rel="stylesheet" href="./public/css/syntax.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="./public/favicon.ico">
<style type="text/css">
#wrap { width:100%; margin:0 auto; }
#left_col { float:left; width:14rem; }
#right_col { float:left; width:11.4rem; }
</style>
<script type="text/javascript" src="http://arendelle.archives.kary.us/developer/marker.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-58802140-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
// Enables responsitive view for some of the floating tags
function sizeFixer () {
// Fixes "It's The Easiest, Most Fun"
if ( document.getElementById("easy").offsetWidth < 720 ) {
document.getElementById("easyText").style.width = "100%";
document.getElementById("easyCodeBlock").style.width = "100%";
document.getElementById("easyText").style.clear = "both";
document.getElementById("easyCodeBlock").style.clear = "both";
document.getElementById("easyImg").style.height = "70%";
document.getElementById("easyDiv").innerHTML = "<br><br><br><br><br><br>";
} else {
document.getElementById("easyText").style.width = "55%";
document.getElementById("easyCodeBlock").style.width = "41%";
document.getElementById("easyText").style.clear = "none";
document.getElementById("easyCodeBlock").style.clear = "none";
document.getElementById("easyImg").style.width = "92%"; //92
document.getElementById("easyDiv").innerHTML = "<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>";
}
// Fixes Footer Buttons
if (document.getElementById("body").offsetWidth < 450 ) {
document.getElementById("footerBox").style.width = "90%";
document.getElementById("footerBox1").style.width = "100%";
document.getElementById("footerBox2").style.width = "50%";
document.getElementById("footerBox3").style.width = "50%";
} else if ( document.getElementById("body").offsetWidth < 800 ) {
document.getElementById("footerBox").style.width = "95%";
document.getElementById("footerBox1").style.width = "50%";
document.getElementById("footerBox2").style.width = "25%";
document.getElementById("footerBox3").style.width = "25%";
} else {
document.getElementById("footerBox").style.width = "40rem";
document.getElementById("footerBox1").style.width = "20rem";
document.getElementById("footerBox2").style.width = "10rem";
document.getElementById("footerBox3").style.width = "10rem";
}
}
</script>
</head>
<body onload="sizeFixer()" onresize="sizeFixer()" id="body">
<!-- Header Image -->
<div style="width:100vw; margin:0px;">
<img src="Graphics/header.png" style="width:100%;">
</div>
<!-- PAGE'S START -->
<div class="container content">
<br><br>
<!-- A Joy You Deserve To Experience -->
<img src="Graphics/joyYouNeed2.png"><hr>
<p>Arendelle is a creative new programming language that helps you to create awesome looking arts and also teaches you programming. We have redefined programming from the ground and because of that it’s the easiest, prettiest, most fun language around.<br><br>Even before releasing the language we have received so many great feedbacks like how Marc-André Cournoyer, author of one of the most famous books on creating programming languages says:<br><br>
<img src="Graphics/amazingLanguage.png" width="583px">
We can talk hours about why Arendelle is awesome and why you should have it, But well it's spoiling Arendelle! It's cooler if you discover it...</p><br>
<!-- Download / Learn Buttons -->
<div id="wrap" style="clear:both;">
<!-- Download Arendelle -->
<div id="left_col">
<a href="http://arendelle.archives.kary.us/download/" title="Download Arendelle"><img src="Graphics/downloadArendelle.png" style="width:97%;"></a>
</div>
<!-- Learn Arendelle -->
<div id="right_col">
<a href="http://book.arendelle.org" title="Learn Arendelle"><img src="Graphics/learnArendelelButton.png" style="width:97%;"></a>
</div>
<div style="clear:both;"><br><br><br><br><br><br><br></div>
</div>
<!-- How does it work? -->
<img src="Graphics/howDoesItWork.png">
</div>
<!-- Happy and Birdy -->
<div style="width:100%; margin:0px;">
<img src="Graphics/happyAndBirdy.png" style="width:100%;">
</div>
<div class="container content" style="clear:both;">
<p>In Arendelle you use big pixels called "dots" to create graphics. You do this by moving the "pointer" which is something like your computer mouse. Using programming features you move it through the screen and then you paint where you want but. Now with rich programming features of Arendelle you can program your processes and make mind blowing things you can't even imagine</p><br><br><br><br>
<!-- It's the easiest, most fun -->
<br><br><br>
<img src="Graphics/easiest.png"><hr>
<div style="clear:both;" id="easy">
<div style="float:left; margin:2%; width:51%;" id="easyText">
<p>Arendelle is designed to be a very simple language, Each of it’s commands are one character, It’s grammars are simple, short and to the point. In short with less than four lines of code you can create things like this right here:</p><br>
<img src="Graphics/rand.png" width="100%" id="easyImg">
<br>
<p>This codes may look strange but as soon as you learn them you'll understand why they are the most simple codes you can ever write!<br><br>
<a href="http://book.arendelle.org">Learn Arendelle Simply, Right Now!</a></p>
</div>
<div style="float:left; width: 41%;" id="easyCodeBlock">
<pre class="arendelle">// doing for 1000 times
[ 1000 ,
i [ #rnd * #i , r ]
[ #rnd * #j , d ] pn
]
// done</pre>
<p id="easyDiv"></p>
</div>
</div>
</div>
<!-- Simple, Beautiful Environment -->
<div class="container content" style="clear:both;">
<img src="Graphics/simpleEnvironment.png"><hr>
<p>More than a too easy language, Arendelle has a very simple environment. We took so much care to bring you the easiest, most natural experience in every app we created for Arendelle. Once you download the app you’re very soon a real master of it!</p>
<br><br>
</div>
<!-- Android Phones -->
<div style="width:100%; margin:0px;">
<img src="Graphics/scroll3.png" style="width:100%;">
</div><br><br><br><br><br><br><br>
<div class="container content" style="clear:both;">
<!-- Touch your Creativity -->
<img src="Graphics/touchYourCreativity.png"><hr>
<p>The main reason why Arendelle was invented was creating a LEGO tool/toy like system for creative people to play with creation. In order to make Arendelle a first-class language for creativity many careful designs have been done. For example, limits and restrictions make people be more creative. Arendelle is designed with some limits on purpose. You get only 5 colors. This may seem a bit strange but the 5 colors of Arendelle is one of it’s core characteristics. We ship Arendelle with a very rich set of built in mathematical functions. However many of the things you get in Arendelle are limited. To push the walls you have to code yourself. We always say that there is no language as creative as Arendelle but also is designed to make it’s users more creative than ever!</p>
<!-- Get Involved -->
<br><br><br><br><br><br>
<img src="Graphics/freeOpen.png"><hr>
<p>Languages are stuff that you own them when you know them. English is owned by the people who knows it. We believe in Arendelle as a way to share love not to sell a product and that's why we don’t see it, We share it open source so everyone who loves it be able to develop it.<br><br>Arendelle is a community based project and everyone is welcome help us make it even better. If you feel like you can help us Develop, Translate and Share it you can become an Arendelle Engineer and help us make an amazing move even better! To join us please visit our <a href="./developer/index.html">Developer Center</a></p><br><br><br><br><br>
<!-- You know enough! So it's try time -->
<img src="Graphics/downloadTitle.png"><hr>
<p>To understand all of these, All you have to do is to try Arendelle! It's a great language and we ensure you that you'll mail us about your happy stories and all the good time you had with it!</p><br>
<!-- Download / Learn Buttons -->
<div id="wrap" style="clear:both;">
<!-- Download Arendelle -->
<div id="left_col">
<a href="http://arendelle.archives.kary.us/download/" title="Download Arendelle"><img src="Graphics/downloadArendelle.png" style="width:97%;"></a>
</div>
<!-- Learn Arendelle -->
<div id="right_col">
<a href="http://book.arendelle.org" title="Learn Arendelle"><img src="Graphics/learnArendelelButton.png" style="width:97%;"></a>
</div>
<div style="clear:both;"><br><br><br><br><br><br><br><br></div>
</div>
</div>
<!-- Footer Buttons -->
<center><div align="center">
<div style="width:760px;" id="footerBox">
<div id="wrap">
<!-- Developer -->
<div style="float:left; width:50%;" id="footerBox1">
<a href="http://arendelle.archives.kary.us/developer/" title="Arendelle Developer Center"><img src="Graphics/360-developerButton.png" style="width:97%;"></a>
</div>
<!-- Teach Arendelle -->
<div style="float:left; width:25%;" id="footerBox2">
<a href="http://arendelle.archives.kary.us/education/" title="Manifesto: A Whole New Education"><img src="Graphics/180-teachArendelle.png" style="width:97%;"></a>
</div>
<!-- Read Our Story -->
<div style="float:left; width:25%;" id="footerBox3">
<a href="http://arendelle.archives.kary.us/story/" title="Read Our Story"><img src="Graphics/180-readOursTORY.png" style="width:97%;"></a>
</div>
</div>
</div>
</div></center>
<!-- FOOTER -->
<div class="container content" style="clear:both;"><hr>
<a href="http://arendelle.archives.kary.us/legal/copyright">Copyright</a> · <a href="http://arendelle.archives.kary.us/legal/privacy">Privacy Policy</a> · <a href="http://arendelle.archives.kary.us/legal/">Arendelle Legal</a><br>
<small>© Copyright 2015 <a href="http://kary.us">Pouya Kary</a> and <a href="https://github.com/DeerMichel">Micha Hanselmann</a>, All rights reserved.</small>
</div><br>
<!-- FOOTER -->
<!-- PAGE'S END -->
<script type="text/javascript">markerInitHighlightingOnLoad()</script>
</body>
</html>
<!-- Copyright 2015 Pouya Kary, http://arendelle.archives.kary.us/legal/copyright/index.html -->