-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (135 loc) · 6.06 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
<!DOCTYPE html>
{% autoescape true %}
<html>
<head>
<title>Language Generator</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<script>
// Please forgive me
window.onscroll = function() {test_animate()};
function test_animate() {
if (document.body.scrollTop > 45 || document.documentElement.scrollTop > 45) {
document.getElementById("lang-title").className = "send-left";
document.getElementById("create-form").className = "send-right";
} else {
document.getElementById("lang-title").className = "";
document.getElementById("create-form").className = "";
}
}
</script>
</head>
<body>
<nav>
<div> Language Generator </div>
</nav>
<div id="subnav">
<div class="center-text small-text hint">
You have created
</div>
<div id="lang-title">
The {{ adjective }} language of <span class="lang-name">{{ name.language.orthography.phon_to_orth(name).capitalize() }}</span>
<form id="create-form" action="/" method="get">
<button type="submit">Create another!</button>
</form>
</div>
</div>
<div class="page-container">
<!--<div class="language-description hint">-->
<!--<!– Onset / coda descriptions –>-->
<!--{% for line in descriptions %}-->
<!--<span class='language-rule'> ⁂ {{ line.capitalize() }}</span>-->
<!--{% endfor %}-->
<!--</div>-->
<div class="language-description hint"> Here is some information about this {{ language_description }} </div>
<!-- -------------- Left panel ---------------- -->
<div class="sample-words inline">
<!-- ------------- Compound words / place names -------------- -->
<div class="text-panel">
<h2> Famous places in <span class="lang-name">{{ name.language.orthography.phon_to_orth(name).capitalize() }}</span></h2>
<div class="small-text hint"> These are some imaginary places, and what people speaking {{ name.language.orthography.phon_to_orth(name).capitalize() }} might name them. </div>
<table>
<tr>
<th> Name </th>
<th> Meaning </th>
</tr>
{% for word in compound_words %}
<tr>
<td>{{ word.language.orthography.phon_to_orth(word).capitalize() }}</td>
<td class="secondary">"{{ word.meaning.title() }}"</td>
<td class='secondary small-text'>{{word.desc_etymology()}}</td>
</tr>
{% endfor %}
</table>
</div>
<!-- --------------- Regular vocabulary ---------------- -->
<div class="text-panel">
<h2> Sample vocabulary in <span class="lang-name">{{ name.language.orthography.phon_to_orth(name).capitalize() }}</span></h2>
<div class="small-text hint"> These are some sample {{ name.language.orthography.phon_to_orth(name).capitalize() }} vocabulary words, with their English translation. </div>
<!-- First table -->
<table>
<tr>
<th> Word </th>
<th> Meaning </th>
</tr>
{% for word in vocab1 %}
<tr>
<td>{{ word }}</td>
<td class="secondary">{{ word.meaning }}</td>
</tr>
{% endfor %}
</table>
<!-- Second table -->
<table class="table-spacer">
<tr>
<th> Word </th>
<th> Meaning </th>
</tr>
{% for word in vocab2 %}
<tr>
<td>{{ word }}</td>
<td class="secondary">{{ word.meaning }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
<!-- -------------- Right panel ---------------- -->
<div class="'language-properties inline">
<!-- -------------- Vowels -------------- -->
<div class="phoneme-list text-panel">
<h2> Glyphs and phonemes in <span class="lang-name">{{ name.language.orthography.phon_to_orth(name).capitalize() }}</span> </h2>
<div class="small-text hint"> These are how sounds in {{ name.language.orthography.phon_to_orth(name).capitalize() }} are written and pronounced. </div>
<table>
<tr>
<th colspan="2"> Consonants </th>
</tr>
{% for normal, english_equivalent, pronunciation_exceptions in consonants %}
<tr>
<td>{{ normal }}</td>
<td class="secondary">{{ english_equivalent }}</td>
</tr>
{% endfor %}
</table>
<table>
<tr>
<th colspan="2"> Vowels </th>
</tr>
{% for normal, english_equivalent, pronunciation_exceptions in vowels %}
<tr>
<td>{{ normal }}</td>
<td class="secondary">{{ english_equivalent }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
<div class="small-text hint">
Random seed: {{seed}}
</div>
</body>
</html>
{% endautoescape %}