-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrealIndex.html
177 lines (163 loc) · 10.4 KB
/
realIndex.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#000000"/>
<meta name="description" content="Web site created using create-react-app"/>
<meta property="og:url" content="https://infant.pages.dev"/>
<meta property="og:title" content="Get started with Infant Lang"/>
<meta property="og:description" content="A Minimalistic Less Esoteric Programming Language for Infants"/>
<meta property="og:image" content="https://infant.pages.dev/ogimage.png"/>
<title>Infant Lang</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="wrapper">
<div class="firstSlide">
<div class="logoAndTag">
<img src="/infant.webp" alt="Infant Lang" height="128" width="128">
<span class="productName noselect">Infant lang</span>
</div>
<h1 class="title">
The Esoteric Programming Language for Infants
</h1>
<span class="tagline">Infant Lang provides the best developer experience for writing a program in an
esoteric
language with text highlighting, debugging tools, extensions, playground, sandbox and much more. No
config needed</span>
<div class="buttonsContainer">
<a href="https://infant-lang-playground.netlify.app/" class="buttons blueButton noselect">The
Playground</a>
<a href="https://infant-lang.netlify.app/" class="buttons whiteButton noselect">Documentation</a>
</div>
<div class="licenseContainer">
<a href="https://github.com/infant-lang/interpreter/blob/main/LICENSE.txt"
class="licenseText license noselect">License: MIT</a>
<a href="https://github.com/infant-lang/" class="licenseText github noselect">GitHub</a>
</div>
</div>
<div class="secondSlide">
<div class="slideTitleContainer">
<span class="sdk">The Components</span>
<span class="sdkTagline">Infant Lang has all the components you need to work efficiently with the
Esoterism. Quickly.</span>
</div>
<div class="componentsDetailsContainer">
<div class="component">
<span class="componentTitle">Pointer</span>
<p class="componentDesc">The pointer is a number that points to the position of the arrow in the
number line 📊</p>
<a href="https://infant-lang.netlify.app/docs/the-basics/Pointer"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component">
<span class="componentTitle">Memory</span>
<p class="componentDesc">Store a number into memory for later use ⌚ No decimals. 💀</p>
<a href="https://infant-lang.netlify.app/docs/the-basics/Memory"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component">
<span class="componentTitle">Print</span>
<p class="componentDesc">The <q>print</q> prints the specified message to the screen, or other
standard output device 💻</p>
<a href="https://infant-lang.netlify.app/docs/the-basics/Print"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component">
<span class="componentTitle">Arithmetic</span>
<p class="componentDesc">Infant lang supports basic arithmetic of integers, but throws error if a
division returns a decimal 💀</p>
<a href="https://infant-lang.netlify.app/docs/the-basics/Arithmetic"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component">
<span class="componentTitle">The <q>If</q></span>
<p class="componentDesc">Do simple stuff 🦆 with the <q>if</q>. No else block to confuse the infants
🧒</p>
<a href="https://infant-lang.netlify.app/docs/advanced-concepts/If"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component">
<span class="componentTitle">The <q>For</q></span>
<p class="componentDesc">The <q>for</q> statement lets you repeat a statement a specified number of
times. Heard of single line for? Bet you haven’t 😏</p>
<a href="https://infant-lang.netlify.app/docs/advanced-concepts/For"
class="componentDocsLink">Documentation →</a>
</div>
<div class="component hideForDesktop">
<span class="componentTitle">And much more coming...</span>
<p class="componentDesc">Support for <a class="componentDocsLink"
href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing">environment
variables</a>, <a class="componentDocsLink"
href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing">multi-line
loops</a>, <a class="componentDocsLink" href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing
">simple concurrency</a>, and more.</p>
</div>
</div>
<span class="muchMore hideForMobile">
<b>And more: </b> Support for <a class="componentDocsLink"
href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing">environment
variables</a>, <a class="componentDocsLink"
href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing">multi-line
loops</a>, <a class="componentDocsLink" href="https://docs.google.com/presentation/d/1xXDLfQhg4eJuychO5FgUWg2z0g5n218nFTnsrEVLwtM/edit?usp=sharing
">simple concurrency</a>, and more.
</span>
</div>
<div class="thirdSlide">
<span class="thirdSlideTitle">But, even why?</span>
<a href="https://infant-lang.netlify.app/docs/intro#how-did-we-get-here" class="buttons blueButton">Read Case Study</a>
</div>
<div class="fourthSlide">
<span class="thirdSlideTitle">Learn Infant Lang</span>
<span class="sdkTagline">Learn Infant Lang step-by-step with docs and the playground ✨</span>
<div class="learnImageContainer">
<img src="/learn.webp" alt="Learn Infant Lang step-by-step" width="800" height="506">
</div>
<a href="https://infant-lang.netlify.app/" class="buttons blueButton">Get Started</a>
</div>
<div class="newsLetter">
<div class="subscribeContent">
<aside>
<h2>Infant Lang is getting better every day — don't miss out on all the action.</h2>
<h3>Join the Infant Lang newsletter and stay updated on new releases and features, guides, and case studies.</h3>
</aside>
<aside>
<div class="emailForm">
<form action="">
<div class="emailInputDiv">
<label for="emailInput">
<span>
<svg aria-label="closed email" height="15" viewBox="0 0 15 11" width="15"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="1" transform="translate(-598.000000, -418.000000) translate(560.000000, 404.000000) translate(23.000000, 0.000000) translate(15.000000, 13.000000) translate(0.000000, 1.000000)"><rect height="10" rx="2" width="14" x="0.5" y="0.5"></rect><path d="M1.175 1.135L7.5 5.5" stroke-linecap="square"></path><path d="M14.04.912L7.5 5.5" stroke-linecap="square"></path></g></svg>
</span>
<div class="inputDiv">
<input type="text" id="emailInput" placeholder="[email protected]">
</div>
</label>
</div>
<button class="submit" type="button">Subscribe</button>
</form>
</div>
</aside>
</div>
</div>
</div>
<div class="footerContainer">
<div class="footerDiv">
<div class="column">
<span>General resources</span>
<span><a href="https://infant-lang.netlify.app/">Docs</a></span>
<span><a href="https://infant-lang.netlify.app/docs/getting-started/creating-a-new-infant-script">Learn</a></span>
<span><a href="https://github.com/infant-lang">GitHub</a></span>
<span><a href="https://github.com/infant-lang/interpreter/releases">Download</a></span>
</div>
<span class="rights">All Rights Reserved © 2022 by Infant Lang</span>
</div>
</div>
<script defer>
function stat(e){let t=` <div class="materialStatus"><span>${e}</span></div>`;t=(new DOMParser).parseFromString(t,"text/html"),t=t.querySelector("div.materialStatus"),document.body.appendChild(t),setTimeout(()=>{t.style.animation="closeMaterialStatus 0.2s linear 5s 1 forwards"},5e3)}
document.querySelector(".rights").textContent = `All Rights Reserved © ${(new Date).getFullYear()} Infant Lang`
</script>
<script defer>"serviceWorker"in navigator&&window.addEventListener("load",()=>{navigator.serviceWorker.register("/sw.js").then(e=>{console.debug("Success: ",e.scope),null==localStorage.getItem("offline")&&(localStorage.setItem("offline","true"),stat("This page can now run offline!"))}).catch(e=>console.debug("Failure: ",e))});</script>
</body>
</html>