-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (95 loc) · 5.72 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
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146452172-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-146452172-2');
</script>
<title>Project Showcase 2020 – Shift Creator Space</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<link rel="shortcut icon" href="assets/favicon.ico" />
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Lora:wght@400;700&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src="js/lights.js"></script>
</head>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<div id="main-container">
<div id="intro">
<a href="https://shiftcreator.space" target="_blank">
<!-- START SHIFT LOGO -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="5.5em"
height="6em" id="shift-logo-outer" viewBox="0 0 278.6 398.9" style="enable-background:new 0 0 278.6 398.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#292F33;stroke-width:3;}
.st1{fill:none;stroke:#292F33;stroke-width:5;}
.st2{fill:none;stroke:#292F33;stroke-width:4;}
.st3{fill:none;stroke:#292F33;stroke-width:3;stroke-linecap:round;}
</style>
<defs>
</defs>
<g id="Page-1_1_">
<g id="logo1_1_" transform="translate(-261.000000, -200.000000)">
<g id="House-_1_" transform="translate(263.000000, 203.000000)">
<g id="Base_1_" transform="translate(0.000000, 151.000000)">
<path id="Shape_35_" class="st0" d="M229,191.25l-36.1-20.8"/>
<path id="Shape_34_" class="st1" d="M33.6,0.45L8.4,14.95c-4.9,2.8-7.9,8-7.9,13.7v123c0,10,5.3,19.3,14,24.3l108.9,62.7
c8.6,5,19.3,5,27.9,0l34.1-19.6c5-2.9,8-8.1,8-13.9v-50c0-5.7,3-11,7.8-13.9l17.7-10.8c3.8-2.3,8.6,0.4,8.6,4.9l-0.4,50.8
c0,3.9,4.2,6.3,7.5,4.4l25.5-14.7c8.7-5,14-14.2,14-24.2V31.05c0-7.1-3.8-13.7-10-17.3l-24-13.9"/>
<path id="Shape_33_" class="st2" d="M2.4,21.85l117.7,68c9.6,5.6,21.5,5.5,31.2-0.1l120.5-70"/>
</g>
<g id="Roof_1_" transform="translate(8.000000, 0.000000)">
<path id="Shape_32_" class="st3" d="M123.8,191.65L60,91.95"/>
<path id="Shape_31_" class="st1" d="M55.2,83.45l-49.9,38.5c-6.8,5.2-6.1,15.7,1.4,19.9l106.3,60.2c9.3,5.2,20.6,5.2,29.8-0.1
l109.3-63.2c6.9-4,9.1-12.9,4.8-19.7L193,19.25c-4-6.3-12.3-8.3-18.8-4.6L55.2,83.45"/>
<path id="Shape_30_" class="st0" d="M102.4,8.15l14.6,8.4c1.5,0.9,2.5,2.5,2.5,4.3v25.6"/>
<path id="Shape_29_" class="st0" d="M136.2,8.15l-13.9,8c-1.9,1.1-3,3.1-3,5.2v25.2"/>
<path id="Shape_28_" class="st1" d="M102.2,55.65v-43c0-2.9,1.5-5.5,4-6.9l9.1-5.2c2.5-1.4,5.6-1.4,8.1,0l9,5.3
c2.4,1.4,3.9,4.1,3.9,6.9v24.5"/>
</g>
<g id="Side-Panel_1_" transform="translate(12.000000, 230.000000)">
<polyline id="Shape_27_" class="st3" points="14.2,103.65 14.4,64.45 5.6,59.35 5.6,22.85 "/>
<path id="Shape_26_" class="st3" d="M50.1,123.25V12.95"/>
<polyline id="Shape_25_" class="st3" points="73,136.45 73,58.85 98.1,73.65 98.1,56.85 "/>
<path id="Shape_24_" class="st3" d="M98,149.45l0.3-37.5"/>
<path id="Shape_23_" class="st0" d="M10.8,19.45c0,3.3-2.3,4.7-5.2,3s-5.2-5.7-5.2-9s2.3-4.7,5.2-3
C8.5,12.05,10.8,16.15,10.8,19.45z"/>
<path id="Shape_22_" class="st0" d="M55.4,9.25c0,3.3-2.3,4.7-5.2,3c-2.9-1.7-5.2-5.7-5.2-9s2.3-4.7,5.2-3
C53,1.85,55.4,5.85,55.4,9.25z"/>
<path id="Shape_21_" class="st0" d="M103,52.85c0,3.3-2.3,4.7-5.2,3c-2.9-1.7-5.2-5.7-5.2-9c0-3.3,2.3-4.7,5.2-3
C100.7,45.45,103,49.55,103,52.85z"/>
<path id="Shape_20_" class="st0" d="M103.5,108.45c0,3.3-2.3,4.7-5.2,3c-2.9-1.7-5.2-5.7-5.2-9s2.3-4.7,5.2-3
C101.2,101.15,103.5,105.05,103.5,108.45z"/>
<polyline id="Shape_19_" class="st3" points="50.1,104.25 31.3,93.35 31.3,47.55 "/>
<path id="Shape_18_" class="st0" d="M36.5,44.15c0,3.3-2.3,4.7-5.2,3s-5.2-5.7-5.2-9s2.3-4.7,5.2-3
C34.1,36.75,36.5,40.75,36.5,44.15z"/>
</g>
</g>
</g>
</g>
</svg>
<!-- END SHIFT LOGO -->
<img src="assets/combined.png" />
</a>
<div class="vertical-hr"></div>
<div id="intro-right">
<h2>Project Showcase 2020</h2>
<p>With ideas scattered across the entire domain of creativity, Shift had an amazing and diverse year of self-guided projects from a small group of talented undergraduate creators at the University of Michigan.</p>
<div id="social-media">
<a href="https://instagram.com/meetshift" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/meetshift" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://medium.com/shiftcreatorspace" target="_blank"><i class="fab fa-medium"></i>
</div>
</div>
</div>
<div id="project-display">
</div>
</div>
</body>
</html>