Skip to content

Commit e72dfa5

Browse files
galaxykategalaxykate
committed
Adding first steps for the grammar visualizer
1 parent eceaf60 commit e72dfa5

24 files changed

+3826
-235
lines changed

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎css/.DS_Store‎

6 KB
Binary file not shown.

‎css/layout.css‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
#advanced {
2+
position: absolute;
3+
height: 40px;
4+
top: 0px;
5+
right: 0px;
6+
}
7+
8+
button {
9+
10+
outline: 0;
11+
border-radius: 20px;
12+
background-color: rgba(0, 0, 0, .4);
13+
color: rgba(255, 255, 255, .6);
14+
}
15+
16+
.illustration {
17+
margin: 10px;
18+
padding: 10px;
19+
float: left;
20+
display: table;
21+
}
22+
23+
.caption {
24+
25+
display: table-caption;
26+
caption-side: bottom;
27+
padding: 10px;
28+
}
29+
.blended {
30+
position: relative;
31+
min-width: 50px;
32+
min-height: 50px;
33+
display: inline-block;
34+
background-blend-mode: multiply;
35+
}
36+
37+
.blendedImg {
38+
visibility: hidden;
39+
}
40+
41+
#vizPane {
42+
top: 0px;
43+
left: 0px;
44+
width: 95%;
45+
height: 600px;
46+
position: absolute;
47+
font-size: 20px;
48+
font-family: narration;
49+
margin: 30px;
50+
overflow: hidden;
51+
background-color: black;
52+
border-radius: 40px;
53+
transition: all .1s ease-in-out;
54+
visibility: hidden;
55+
}
56+
57+
#vizPane.open {
58+
visibility: visible;
59+
}
60+
61+
.barLabel {
62+
position: relative;
63+
font-size: 10px;
64+
height: 12px;
65+
}
66+
67+
.barSection {
68+
font-size: 12px;
69+
padding: 1px;
70+
position: absolute;
71+
height: 100%;
72+
}
73+
74+
.barSection:hover {
75+
box-shadow: inset 0px 0px 8px 2px white;
76+
}
77+
78+
.bar {
79+
80+
position: absolute;
81+
float: left;
82+
bottom: 0px;
83+
left: 0px;
84+
width: 20px;
85+
height: 90%;
86+
background-color: rgba(30, 50, 60, .4);
87+
}
88+
89+
.barHolder {
90+
position: absolute;
91+
top: 0px;
92+
left: 0px;
93+
width: 100%;
94+
height: 100%;
95+
}
96+
97+
.symbolViz {
98+
99+
overflow: hidden;
100+
position: relative;
101+
width: 160px;
102+
height: 200px;
103+
margin: 1px;
104+
float: left;
105+
background-color: rgba(90, 90, 90, .7);
106+
}
107+
108+
.symbolViz.selected {
109+
background-color: rgba(230, 150, 250, 1);
110+
}
111+
112+
.symbolVizLabel {
113+
width: 96%;
114+
position: absolute;
115+
bottom: 0px;
116+
float: left;
117+
font-size: 14px;
118+
padding: 0px 2px;
119+
background-color: rgba(250, 100, 235, 1);
120+
}

‎css/nightvale.css‎

Lines changed: 17 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,26 @@ body {
2929
src: url("font/JosefinSans-Light.ttf");
3030
}
3131

32+
33+
@font-face {
34+
font-family: titleFont;
35+
src: url("font/JosefinSans-Regular.ttf");
36+
}
37+
3238
@font-face {
3339
font-family: weather;
3440
src: url("font/JosefinSans-Italic.ttf");
3541
}
3642

37-
43+
#title {
44+
font-family: titleFont;
45+
margin: 10px auto;
46+
text-align: center;
47+
font-size: 40px;
48+
color: rgba(230, 200, 250, .5);
49+
box-shadow: inset 0px 0px 130px rgba(0, 0, 0, .3), 0px 0px 130px rgba(255, 100, 255, .8);
50+
background-color: rgba(30, 0, 60, .8);
51+
}
3852
#mainColumn {
3953
width: 80%;
4054
height: 1000px;
@@ -60,12 +74,12 @@ body {
6074
}
6175

6276
.touchable {
63-
77+
6478
color: rgba(230, 50, 250, .4);
6579
}
6680

6781
.touchable:hover {
68-
82+
6983
color: rgba(230, 50, 250, .8);
7084
}
7185
.columnBG {
@@ -74,29 +88,3 @@ body {
7488
width: 100%;
7589
height: 100%;
7690
}
77-
78-
.illustration {
79-
margin: 10px;
80-
padding: 10px;
81-
float: left;
82-
display: table;
83-
}
84-
85-
.caption {
86-
87-
display: table-caption;
88-
caption-side: bottom;
89-
padding: 10px;
90-
}
91-
.blended {
92-
position: relative;
93-
min-width: 50px;
94-
min-height: 50px;
95-
display: inline-block;
96-
background-blend-mode: multiply;
97-
}
98-
99-
.blendedImg {
100-
visibility: hidden;
101-
}
102-

‎eternalnightvale.html‎

Lines changed: 0 additions & 95 deletions
This file was deleted.

‎index.html‎

Lines changed: 0 additions & 88 deletions
This file was deleted.

‎js/common/.DS_Store‎

6 KB
Binary file not shown.

0 commit comments

Comments
 (0)