-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
151 lines (122 loc) · 5.73 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>in:verse editor</title>
<meta name="title" content="in:verse editor">
<meta name="description" content="in:verse is a programming language and environment for exploring the conflux of poetry, visuals, mathematics and code.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://editor.inverse.website/">
<meta property="og:title" content="in:verse editor">
<meta property="og:description" content="in:verse is a programming language and environment for exploring the conflux of poetry, visuals, mathematics and code.">
<meta property="og:image" content="https://editor.inverse.website/img.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://editor.inverse.website/">
<meta property="twitter:title" content="in:verse editor">
<meta property="twitter:description" content="in:verse is a programming language and environment for exploring the conflux of poetry, visuals, mathematics and code.">
<meta property="twitter:image" content="https://editor.inverse.website/img.jpg">
<link rel="stylesheet" href="https://use.typekit.net/jqp3zav.css">
<link rel="stylesheet" href="./web/style.scss">
</head>
<body>
<div class="container">
<div class="main">
<section class="editor">
<textarea class="editor__textarea">type text here</textarea>
<button class="button button-publish"> publish </button>
<button class="button button-save"> save </button>
<button class="button button-load"> load </button>
<input type="file" id="file" style="visibility:hidden;"></input>
</section>
<section class="canvas">
<canvas id="glCanvas" ></canvas>
</section>
<section class="wordtable">
<h2 class="section__header"> Wordtable </h2>
<div class="wordtable__menu">
<button class="button button-shuffle"> shuffle </button>
<button class="button button-restore"> restore </button>
<select class="dropdown"> </select>
<button class="button button-createmap"> create your own wordtable </button>
</div>
<div class="map wordtable__map">
</div>
</section>
<section class="stack">
<h2 class="section__header"> Stack </h2>
<div class="stack__elements">
</div>
</section>
<div class="help">
<div class="home">
<h1>
<a href="https://inverse.website"> in:verse </a>
</h1>
</div>
<div class="buttons">
<button class="button button-examples"> !!! </button>
<button class="button button-about"> ??? </button>
</div>
</div>
</div>
<div class="sidebar">
<h2> example stacks </h2>
<div class="sidebar__examples"> </div>
<div class="sidebar__nav">
<button class="button button-prev button-inverted"> < </button>
<button class="button button-next button-inverted"> > </button>
</div>
</div>
</div>
<div class="overlay">
<div class="overlay__wrapper">
<div class="overlay__content overlay__content-save">
<h2> Save file </h2>
<input type="text" id="save__title" placeholder="Title"/>
<input type="text" id="save__author" placeholder="Author" />
<button class="button button-download"> download </button>
</div>
<div class="overlay__content overlay__content-publish">
<h2> Publish to the Gallery </h2>
<form id="publish__form">
<input type="text" id="publish__title" placeholder="Title"/>
<input type="text" id="publish__author" placeholder="Author" />
<input type="text" id="publish__twitter" placeholder="Twitter handle" />
<input type="submit" class="button button-post" value="publish"/>
<!-- publish </input> -->
</form>
</div>
<div class="overlay__content overlay__content-published">
<h2> Success! </h2>
<p> Here is a url to your work: <a id="published__url"></a> </p>
</div>
<div class="overlay__content overlay__content-makemap">
<h2> Create wordtable </h2>
<div class="map map__form"> </div>
<input type="text" id="map__title" placeholder="Give it a name"/>
<button class="button button-makemap"> done </button>
</div>
<div class="overlay__content overlay__content-about">
<h2> what is this? </h2>
<p> <em>in:verse</em> is a programming language and environment for exploring the conflux of poetry, visuals, mathematics and code.</p>
<p> This is a work in progress. This text will soon be replaced with a guide.</p>
<p>
In the meantime,
read a rough guide <a href="https://github.com/noisyneuron/inverse/blob/master/guide.md" target="_blank">here</a>,
and take a look at <a href="https://gallery.inverse.website/" target="_blank"> some work</a>
others have created with this.
</p>
<p>
If you're impatient, and need to know more <i> right now</i>, reach out at
<a href="mailto:[email protected]"> [email protected] </>
</p>
<p> <br> — built by <a href="https://twitter.com/playdo_" target="_blank"> playdo </a> </p>
</div>
<button class="button button-close"> X </button>
</div>
</div>
<script src="./web/main.js" charset="utf-8"></script>
</body>
</html>