Skip to content

Commit 52d795e

Browse files
author
dayeonhwang
committed
added an attendee's booklet
1 parent dbdbc15 commit 52d795e

File tree

8 files changed

+649
-9
lines changed

8 files changed

+649
-9
lines changed

‎events.css

+259
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,259 @@
1+
body {
2+
margin:0 0 0 0;
3+
background-color: #11183c;
4+
}
5+
div {
6+
text-align: center;
7+
}
8+
img {
9+
display: block;
10+
margin: 0 auto;
11+
width: 40%;
12+
}
13+
14+
.bodytext {
15+
font-family: 'Muli', sans-serif;
16+
color: #d3d3df;
17+
letter-spacing: 1px;
18+
font-size: 90%;
19+
}
20+
div.sponsor-text {
21+
text-align: center;
22+
background: transparent;
23+
display: block;
24+
max-width: 650px;
25+
margin: 0 auto;
26+
}
27+
p.sponsor-text {
28+
font-family: 'Muli', sans-serif;
29+
color: #d3d3df;
30+
letter-spacing: 1px;
31+
font-size: 90%;
32+
}
33+
.devlink {
34+
text-decoration: none;
35+
padding-top: 20px;
36+
padding-bottom: 100px;
37+
}
38+
#moon-wave {
39+
width: 100%;
40+
bottom: 50px;
41+
opacity: 0.8;
42+
}
43+
#mlh-logo {
44+
width: 100px;
45+
padding-top: 20px;
46+
margin: 0 auto;
47+
}
48+
#header {
49+
margin-bottom: 30px;
50+
margin-top: -5px;
51+
background-color: #11183c;
52+
background: -webkit-linear-gradient(top, #adebd1, #11183c);
53+
background: -moz-linear-gradient(top, #adebd1, #11183c);
54+
background: -ms-linear-gradient(top, #adebd1, #11183c);
55+
background: -o-linear-gradient(top, #adebd1, #11183c);
56+
background: linear-gradient(top, #adebd1, #11183c);
57+
}
58+
#logo {
59+
padding-top: 40px;
60+
max-width: 100px;
61+
}
62+
#title {
63+
font-family: 'Bungee Inline', cursive;
64+
font-size: 300%;
65+
color:#d3d3df;
66+
padding-bottom: 0px;
67+
margin-bottom: 0px;
68+
letter-spacing: 1px;
69+
line-height: 75px;
70+
animation: bounce 1.5s;
71+
text-decoration: none;
72+
transition: all 0.3s ease-in;
73+
}
74+
#title:hover {
75+
text-shadow: 0 0 100px #667;
76+
}
77+
.her {
78+
font-family: 'Lobster',cursive;
79+
}
80+
#date, #location{
81+
font-family: 'Muli', sans-serif;
82+
color: #d3d3df;
83+
}
84+
#date{
85+
text-align: right;
86+
padding-right: 20px;
87+
}
88+
#location{
89+
text-align: left;
90+
padding-left: 20px;
91+
border-left: solid #d3d3df;
92+
}
93+
.datelocation {
94+
display: inline-block;
95+
}
96+
.sectionheader {
97+
overflow: hidden;
98+
text-align: center;
99+
font-family: 'Muli', sans-serif;
100+
color: #ceddff;
101+
padding-top: 10px;
102+
text-align: center;
103+
}
104+
h3.sectionheader:before,
105+
h3.sectionheader:after {
106+
background-color: #ceddff;
107+
content: "";
108+
display: inline-block;
109+
height: 1px;
110+
position: relative;
111+
vertical-align: middle;
112+
min-width:2%;
113+
width:10%;
114+
}
115+
h3.sectionheader:before {
116+
right: 15px;
117+
margin-left: 5%;
118+
}
119+
h3.sectionheader:after {
120+
left: 15px;
121+
margin-right: 5%;
122+
}
123+
.schedule-date, .map, .sponsor-title {
124+
font-family: 'Bungee Inline', cursive;
125+
font-size: 120%;
126+
letter-spacing: 2px;
127+
color: #ceddff;
128+
}
129+
.schedule-col1, .schedule-col2, .schedule-col3 {
130+
float:left;
131+
width: 33.333%;
132+
}
133+
.map-photo {
134+
display: block;
135+
}
136+
.map-photo-text, .map-photo-title {
137+
text-align: center;
138+
}
139+
.map-photo-title {
140+
font-size: 110%;
141+
text-decoration: underline;
142+
}
143+
#edwardjones {
144+
width: 400px;
145+
}
146+
#jpmc {
147+
width: 450px;
148+
padding-bottom: 40px;
149+
}
150+
.sponsor-link {
151+
text-decoration: none;
152+
}
153+
/* Stars */
154+
/* Some code from <http://codepen.io/Glucio/pen/BoLWPo?editors=1100>
155+
+1014 +1307 */
156+
#stars1 {
157+
width: 1px;
158+
height: 1px;
159+
background: transparent;
160+
box-shadow: 550921px 120882px #FFFFFF , 300921px 120882px #FFF , 150921px 120882px #FFF , 100921px 90882px #FFF , 62921px 50882px #FFF , 42921px 30882px #FFF , 22921px 21882px #FFF , 19921px 18882px #FFF , 17921px 16882px #FFF , 15921px 14882px #FFF , 14921px 13882px #FFF , 13921px 12882px #FFF , 12921px 11882px #FFF , 11921px 10882px #FFF , 10921px 9882px #FFF , 9921px 8882px #FFF , 8921px 7882px #FFF , 7921px 6882px #FFF , 5921px 5882px #FFF , 3921px 3882px #FFF , 2921px 2882px #FFF , 1907px 1575px #FFF , 893px 268px #FFF , 1819px 666px #FFF , 366px 1985px #FFF , 1736px 1062px #FFF , 1124px 45px #FFF , 905px 1674px #FFF , 1570px 711px #FFF , 255px 1747px #FFF , 147px 1032px #FFF , 865px 1813px #FFF , 1721px 1461px #FFF , 202px 724px #FFF , 1860px 812px #FFF , 634px 1410px #FFF , 927px 1264px #FFF , 1648px 620px #FFF , 1915px 1309px #FFF , 731px 778px #FFF , 91px 1185px #FFF , 829px 1003px #FFF , 174px 1784px #FFF , 1094px 1874px #FFF , 1464px 484px #FFF , 1639px 1717px #FFF , 959px 573px #FFF , 1686px 1287px #FFF , 906px 356px #FFF , 970px 499px #FFF , 626px 890px #FFF , 1344px 1070px #FFF , 1351px 544px #FFF , 708px 68px #FFF , 1870px 130px #FFF , 556px 1270px #FFF , 1432px 618px #FFF , 769px 673px #FFF , 1289px 1410px #FFF , 1499px 1969px #FFF , 749px 1163px #FFF , 1198px 198px #FFF , 399px 133px #FFF , 1856px 1280px #FFF , 904px 194px #FFF , 973px 1107px #FFF , 1371px 1785px #FFF , 989px 1835px #FFF , 1043px 1517px #FFF , 787px 916px #FFF , 1635px 1155px #FFF , 752px 524px #FFF , 1926px 1279px #FFF , 1052px 1163px #FFF , 719px 1963px #FFF , 786px 519px #FFF , 1440px 500px #FFF , 156px 1265px #FFF , 1691px 429px #FFF , 1349px 1474px #FFF , 736px 459px #FFF , 248px 1678px #FFF , 1136px 510px #FFF , 1317px 10px #FFF , 1209px 1323px #FFF , 54px 469px #FFF , 730px 1939px #FFF , 960px 23px #FFF , 112px 941px #FFF , 1852px 1522px #FFF , 1993px 1972px #FFF , 265px 129px #FFF , 222px 1897px #FFF , 1766px 1804px #FFF , 1530px 1786px #FFF , 1045px 432px #FFF , 1916px 1980px #FFF , 309px 1780px #FFF , 1420px 559px #FFF , 1708px 103px #FFF , 324px 1407px #FFF , 1175px 943px #FFF , 80px 1221px #FFF , 1016px 1933px #FFF , 318px 560px #FFF , 190px 1489px #FFF , 1095px 892px #FFF , 1975px 1191px #FFF , 1197px 955px #FFF , 1482px 873px #FFF , 1912px 300px #FFF , 2000px 1636px #FFF , 1473px 1808px #FFF , 507px 192px #FFF , 924px 1300px #FFF , 1485px 1636px #FFF , 41px 1822px #FFF , 689px 120px #FFF , 769px 273px #FFF , 1039px 976px #FFF , 1057px 1520px #FFF , 1417px 1187px #FFF , 512px 1507px #FFF , 519px 45px #FFF , 1207px 1687px #FFF , 1824px 1488px #FFF , 1694px 31px #FFF , 1859px 52px #FFF , 1368px 268px #FFF , 190px 1404px #FFF , 940px 1003px #FFF , 167px 942px #FFF , 1641px 647px #FFF , 1051px 654px #FFF , 233px 1640px #FFF , 554px 511px #FFF , 1705px 1866px #FFF , 240px 1430px #FFF , 140px 668px #FFF , 648px 1617px #FFF , 252px 101px #FFF , 676px 1774px #FFF , 889px 1698px #FFF , 595px 853px #FFF , 249px 1768px #FFF , 1091px 1529px #FFF , 223px 839px #FFF , 239px 699px #FFF , 1547px 356px #FFF , 249px 1130px #FFF , 1209px 1946px #FFF , 1967px 1274px #FFF , 430px 298px #FFF , 1305px 134px #FFF , 156px 91px #FFF , 1712px 264px #FFF , 1256px 991px #FFF , 1887px 1844px #FFF , 1957px 1275px #FFF , 1718px 666px #FFF , 1090px 543px #FFF , 933px 1411px #FFF , 801px 323px #FFF , 202px 1659px #FFF , 1117px 549px #FFF , 290px 1859px #FFF , 1380px 1516px #FFF , 557px 1165px #FFF , 1953px 1758px #FFF , 1901px 1407px #FFF , 1144px 347px #FFF , 1640px 271px #FFF , 1996px 43px #FFF , 838px 488px #FFF , 1151px 1529px #FFF , 306px 460px #FFF , 1666px 635px #FFF , 1572px 633px #FFF , 1797px 1076px #FFF , 1727px 1119px #FFF , 474px 871px #FFF , 1491px 1398px #FFF , 1301px 868px #FFF , 1632px 454px #FFF , 1611px 466px #FFF , 498px 1162px #FFF , 796px 269px #FFF , 1988px 747px #FFF , 502px 12px #FFF , 276px 1260px #FFF , 1536px 974px #FFF , 956px 656px #FFF , 107px 701px #FFF , 965px 491px #FFF , 1646px 247px #FFF , 1515px 921px #FFF , 1813px 519px #FFF , 697px 143px #FFF , 591px 1452px #FFF , 1773px 1411px #FFF , 1622px 1401px #FFF , 534px 340px #FFF , 1590px 284px #FFF , 1464px 528px #FFF , 734px 1718px #FFF , 1929px 1683px #FFF , 656px 480px #FFF , 833px 705px #FFF , 1567px 109px #FFF , 1055px 330px #FFF , 1943px 1367px #FFF , 1935px 1512px #FFF , 355px 1024px #FFF , 1894px 218px #FFF , 1703px 1772px #FFF , 781px 1394px #FFF , 367px 42px #FFF , 100px 690px #FFF , 1831px 458px #FFF , 1884px 1878px #FFF , 814px 1013px #FFF;
161+
animation: animStar 100s linear infinite;
162+
}
163+
#stars2 {
164+
width: 2px;
165+
height: 2px;
166+
background: transparent;
167+
box-shadow: 550921px 120882px #FFFFFF , 300921px 120882px #FFF , 150921px 110882px #FFF , 61921px 44882px #FFF , 23921px 21882px #FFF , 20921px 19882px #FFF , 17921px 16882px #FFF , 15921px 14882px #FFF , 14921px 13882px #FFF , 13921px 12882px #FFF , 12921px 11882px #FFF , 11921px 10882px #FFF , 10921px 9882px #FFF , 9921px 8882px #FFF , 8921px 7882px #FFF , 7921px 6882px #FFF , 5921px 5882px #FFF , 3921px 3882px #FFF , 2921px 2882px #FFF, 1994px 1692px #FFF , 961px 1928px #FFF , 819px 1320px #FFF , 1899px 52px #FFF , 28px 1937px #FFF , 157px 88px #FFF , 860px 1909px #FFF , 720px 427px #FFF , 1319px 1469px #FFF , 677px 960px #FFF , 1265px 1181px #FFF , 1176px 1361px #FFF , 1957px 753px #FFF , 1674px 1355px #FFF , 929px 1206px #FFF , 1038px 898px #FFF , 1229px 365px #FFF , 1085px 51px #FFF , 851px 650px #FFF , 385px 21px #FFF , 41px 1153px #FFF , 718px 70px #FFF , 1321px 579px #FFF , 497px 1458px #FFF , 1981px 813px #FFF , 776px 1187px #FFF , 1345px 31px #FFF , 1571px 400px #FFF , 339px 587px #FFF , 146px 750px #FFF , 64px 61px #FFF , 307px 981px #FFF , 388px 849px #FFF , 1398px 936px #FFF , 522px 765px #FFF , 1146px 350px #FFF , 19px 206px #FFF , 1767px 319px #FFF , 1203px 425px #FFF , 1917px 1018px #FFF , 91px 1401px #FFF , 898px 697px #FFF , 1712px 1121px #FFF , 633px 1119px #FFF , 137px 1266px #FFF , 1006px 931px #FFF , 1644px 1804px #FFF , 1596px 1057px #FFF , 1298px 543px #FFF , 1505px 996px #FFF , 1972px 1383px #FFF , 1210px 1497px #FFF , 804px 1840px #FFF , 913px 1047px #FFF , 187px 1824px #FFF , 1564px 1994px #FFF , 557px 1737px #FFF , 508px 1609px #FFF , 1259px 1911px #FFF , 1294px 1381px #FFF , 1845px 1843px #FFF , 667px 1497px #FFF , 1046px 945px #FFF , 937px 1889px #FFF , 982px 1806px #FFF , 1293px 671px #FFF , 668px 904px #FFF , 358px 1971px #FFF , 133px 766px #FFF , 1152px 1573px #FFF , 318px 694px #FFF , 578px 1184px #FFF , 1620px 1701px #FFF , 1359px 354px #FFF , 1807px 1367px #FFF , 458px 911px #FFF , 1387px 806px #FFF , 523px 81px #FFF , 1243px 341px #FFF , 906px 1730px #FFF , 1629px 474px #FFF , 1690px 419px #FFF , 847px 808px #FFF , 528px 1627px #FFF , 480px 718px #FFF , 537px 593px #FFF , 1432px 1333px #FFF , 200px 1228px #FFF , 1800px 1375px #FFF , 725px 1231px #FFF , 1749px 1432px #FFF , 1948px 303px #FFF , 1889px 252px #FFF , 1114px 1400px #FFF , 759px 646px #FFF , 222px 571px #FFF , 1908px 1401px #FFF , 1856px 1204px #FFF , 338px 1645px #FFF , 1528px 1050px #FFF;
168+
animation: animStar 160s linear infinite;
169+
}
170+
#stars3 {
171+
width: 1.5px;
172+
height: 1.5px;
173+
background: transparent;
174+
box-shadow: 550921px 120882px #FFFFFF , 300921px 120882px #FFF , 151921px 100882px #FFF , 100921px 90882px #FFF ,63921px 61882px #FFF , 22921px 21882px #FFF , 19921px 18882px #FFF , 17921px 16882px #FFF , 15921px 14882px #FFF , 14921px 13882px #FFF , 13921px 12882px #FFF ,12921px 11882px #FFF , 11921px 10882px #FFF , 10921px 9882px #FFF , 9921px 8882px #FFF , 8921px 7882px #FFF , 7921px 6882px #FFF , 5921px 5882px #FFF , 3921px 3882px #FFF , 2921px 2882px #FFF, 1994px 1692px #FFF , 961px 1928px #FFF , 819px 1320px #FFF , 1899px 52px #FFF , 28px 1937px #FFF , 157px 88px #FFF , 860px 1909px #FFF , 720px 427px #FFF , 1319px 1469px #FFF , 677px 960px #FFF , 1265px 1181px #FFF , 1176px 1361px #FFF , 1957px 753px #FFF , 1674px 1355px #FFF , 929px 1206px #FFF , 1038px 898px #FFF , 1229px 365px #FFF , 1085px 51px #FFF , 851px 650px #FFF , 385px 21px #FFF , 41px 1153px #FFF , 718px 70px #FFF , 1321px 579px #FFF , 497px 1458px #FFF , 1981px 813px #FFF , 776px 1187px #FFF , 1345px 31px #FFF , 1571px 400px #FFF , 339px 587px #FFF , 146px 750px #FFF , 64px 61px #FFF , 307px 981px #FFF , 388px 849px #FFF , 1398px 936px #FFF , 522px 765px #FFF , 1146px 350px #FFF , 19px 206px #FFF , 1767px 319px #FFF , 1203px 425px #FFF , 1917px 1018px #FFF , 91px 1401px #FFF , 898px 697px #FFF , 1712px 1121px #FFF , 633px 1119px #FFF , 137px 1266px #FFF , 1006px 931px #FFF , 1644px 1804px #FFF , 1596px 1057px #FFF , 1298px 543px #FFF , 1505px 996px #FFF , 1972px 1383px #FFF , 1210px 1497px #FFF , 804px 1840px #FFF , 913px 1047px #FFF , 187px 1824px #FFF , 1564px 1994px #FFF , 557px 1737px #FFF , 508px 1609px #FFF , 1259px 1911px #FFF , 1294px 1381px #FFF , 1845px 1843px #FFF , 667px 1497px #FFF , 1046px 945px #FFF , 937px 1889px #FFF , 982px 1806px #FFF , 1293px 671px #FFF , 668px 904px #FFF , 358px 1971px #FFF , 133px 766px #FFF , 1152px 1573px #FFF , 318px 694px #FFF , 578px 1184px #FFF , 1620px 1701px #FFF , 1359px 354px #FFF , 1807px 1367px #FFF , 458px 911px #FFF , 1387px 806px #FFF , 523px 81px #FFF , 1243px 341px #FFF , 906px 1730px #FFF , 1629px 474px #FFF , 1690px 419px #FFF , 847px 808px #FFF , 528px 1627px #FFF , 480px 718px #FFF , 537px 593px #FFF , 1432px 1333px #FFF , 200px 1228px #FFF , 1800px 1375px #FFF , 725px 1231px #FFF , 1749px 1432px #FFF , 1948px 303px #FFF , 1889px 252px #FFF , 1114px 1400px #FFF , 759px 646px #FFF , 222px 571px #FFF , 1908px 1401px #FFF , 1856px 1204px #FFF , 338px 1645px #FFF , 1528px 1050px #FFF;
175+
animation: animStar 150s linear infinite;
176+
}
177+
178+
@keyframes animStar {
179+
from {
180+
transform: translateY(0px);
181+
}
182+
to {
183+
transform: translateY(-2000px);
184+
}
185+
}
186+
/* Side Navigation */
187+
.sidebar {
188+
position: fixed;
189+
z-index: 999999;
190+
transform: translateZ(3px);
191+
}
192+
.acc-menu, .acc-menu ul{
193+
line-height:1.5;
194+
list-style:none;
195+
padding:0;
196+
margin: 10px 10px 10px 10px;
197+
position: fixed;
198+
}
199+
.acc-menu li a{
200+
display:block;
201+
padding: 10px 10px 10px 10px;
202+
background:#d3d3df;
203+
color:#2f306d;
204+
text-decoration: none; /* Remove underline */
205+
font-family: 'Muli', sans-serif;
206+
font-size: 17px;
207+
width: 140px;
208+
opacity: 0.7;
209+
border-radius: 5px 5px 5px 5px;
210+
margin-bottom: 5px;
211+
text-align: center;
212+
}
213+
.acc-menu li a:hover{
214+
opacity: 0.9;
215+
}
216+
.acc-menu li a:active {
217+
opacity: 0.9;
218+
}
219+
.acc-menu input[type="checkbox"] ~ ul li,
220+
.acc-menu input[type="checkbox"].current:checked ~ ul li{
221+
height:0;
222+
overflow:hidden;
223+
transition:.2s ease-in;
224+
}
225+
.acc-menu input[type="checkbox"]:checked ~ ul li,
226+
.acc-menu input[type="checkbox"].current ~ ul li{
227+
height:auto;
228+
}
229+
.acc-menu input[type="checkbox"]{
230+
display:none;
231+
}
232+
.acc-menu label{
233+
display:block;
234+
width:1.5em;
235+
margin: 10px 10px 10px 10px;
236+
padding: 10px 10px 10px 10px;
237+
text-align:center;
238+
background:#d3d3df;
239+
color:white;
240+
opacity:0.7;
241+
font-weight:bold;
242+
cursor:pointer;
243+
border-radius:5px 5px 5px 5px;
244+
border-color:white;
245+
border-style:solid;
246+
}
247+
.acc-menu label:hover{
248+
background-color: #ceddff;
249+
opacity: 0.9;
250+
}
251+
.acc-menu label:before,
252+
/*This flip-reverses the label */
253+
.acc-menu input[type="checkbox"]:checked.current ~ label:before{
254+
content:"+";
255+
}
256+
.acc-menu input[type="checkbox"]:checked ~ label:before,
257+
.acc-menu input[type="checkbox"].current ~ label:before{
258+
content:"-";
259+
}

0 commit comments

Comments
 (0)