-
Notifications
You must be signed in to change notification settings - Fork 0
/
front-page-three-cities.php
107 lines (91 loc) · 5.11 KB
/
front-page-three-cities.php
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
<div class="row cities__container">
<div class="heading">
<h2 class="heading__cities">One year.<br/>Three cities.<br/>Extend your reach.</h2>
</div>
<div class="cities__box nyc">
<svg version="1.1" id="shape__nyc" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 244.2 185.1" style="enable-background:new 0 0 244.2 185.1;" xml:space="preserve">
<style type="text/css">
.st30{fill:none;stroke:#15A698;stroke-miterlimit:10;stroke-dasharray:3.0088,3.0088;}
</style>
<g>
<defs>
<path id="SVGID_6_" d="M196.9,25.2c26.6,19.6,47.5,56.2,41.3,89.9c-6.3,33.8-40,64.4-73,69.2c-33.2,4.9-65.9-15.9-97.3-43.3
C36.7,113.6,6.6,79.3,13.2,55c6.4-24.3,49.5-38.9,87.1-45.1C138,3.7,170.2,5.9,196.9,25.2z"/>
</defs>
<clipPath id="SVGID_5_">
<use xlink:href="#SVGID_6_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#SVGID_5_);">
<image style="overflow:visible;" width="1104" height="1104" id="image_nyc" xlink:href="wp-content/themes/lowres/assets/bg_nyc-min.jpg" transform="matrix(0.2181 0 0 0.2181 2.896 -34.2846)">
</image>
</g>
</g>
<g>
<path class="st30" d="M172.4,4.9C205.2,15.5,238,44.8,243,80.1c4.9,35.5-18.3,76.9-49.3,92.6c-31.2,15.8-70.4,6-110.5-10.6
c-40-16.8-81.1-40.8-82.7-67c-1.7-26.1,36-54.8,71.2-73.4C107,3.2,139.5-5.4,172.4,4.9z"/>
</g>
</svg>
<h3>NYU New York,<br/>Summer 2021</h3>
<div class="box__circle"></div>
<p>This 5-week session will<br/>be spent at NYU’s new “Media, Technology & Arts” building in Brooklyn. Students will benefit from the network, resources, and 40-year history of ITP in New York! Check out a Video Tour of the NYU NY space</p>
</div>
<div class="cities__box berlin">
<svg version="1.1" id="shape__berlin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 192.4 218.9" style="enable-background:new 0 0 192.4 218.9;" xml:space="preserve">
<style type="text/css">
.st10{clip-path:url(#maskberlin);}
.st11{fill:none;stroke:#E84041;stroke-miterlimit:10;stroke-dasharray:2.9857,2.9857;}
</style>
<g>
<defs>
<path id="berlinlines" d="M17.8,122.9C5.9,92.4,7.7,50.8,30.7,25.8C53.8,0.9,98.1-6.9,128.3,6.5c30.3,13.4,18.2,55.9,30,95.4
c11.7,39.5,47.3,76.3,28.9,93.2c-18.2,16.9-61.9,6.4-96.7-8.3S29.9,153.2,17.8,122.9z"/>
</defs>
<clipPath id="maskberlin">
<use xlink:href="#berlinlines" style="overflow:visible;"/>
</clipPath>
<g class="st10">
<image style="overflow:visible;" width="1738" height="1528" id="image_berlin" xlink:href="wp-content/themes/lowres/assets/berlin.jpg" transform="matrix(0.1789 0 0 0.1789 -67.1936 -23.2947)">
</image>
</g>
</g>
<g>
<path class="st11" d="M2,109.7C-3.6,77.4,6.5,37,34,17.1c27.6-19.8,72.7-18.6,99.6,0.5c27.1,19.2,6.7,58.4,10.4,99.5
c3.6,41,31.1,84.2,9.7,97.1c-21.2,12.9-62-6.1-93.1-27.5C29.4,165.4,7.8,141.8,2,109.7z"/>
</g>
</svg>
<h3 class="cities__rightalign">NYU Berlin,<br/>January 2022</h3>
<div class="box_trapezoid"></div>
<p class="cities__rightalign">Students will reconnect with one another for an immersive 10-day learning experience in Berlin, a hub for emerging media arts, design and culture.</p>
</div>
<div class="cities__box shanghai">
<svg version="1.1" id="shape__shanghai" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 189.5 182.8" style="enable-background:new 0 0 189.5 182.8;" xml:space="preserve">
<style type="text/css">
.st20{fill:none;stroke:#F3B747;stroke-miterlimit:10;stroke-dasharray:2.9962,2.9962;}
</style>
<g>
<defs>
<path id="SVGID_10_" d="M168.3,8.5c11.5,12.3,6.7,40,5.4,66.4c-1.4,26.2,0.7,51.2-10.8,70.2C151.4,164,126.4,177,102.6,176
c-23.9-1.2-46.6-16.3-67-35.2c-20.5-19-38.7-41.7-35-60.9s29-34.8,49.5-47.1S86,11.4,107.5,5.2C129.2-0.8,156.9-3.8,168.3,8.5z"/>
</defs>
<clipPath id="SVGID_20_">
<use xlink:href="#SVGID_10_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#SVGID_20_);">
<image style="overflow:visible;" width="956" height="956" id="image_shanghai" xlink:href="wp-content/themes/lowres/assets/bg_shanghai.jpg" transform="matrix(0.1992 0 0 0.1992 -7.2906 -7.1874)">
</image>
</g>
</g>
<g>
<path class="st20" d="M184.8,21.2c9.8,14.4,0.4,41.8-5.2,68.4c-5.7,26.5-7.6,52.2-22.3,69.7c-14.8,17.4-42.3,26.6-66.4,21.6
c-24.1-5.1-44.8-24.1-62.6-46.6C10.5,111.7-4.4,85.6,2.5,66.7c6.8-18.9,35.1-30.7,57.9-40c22.8-9.2,40.2-15.9,63.1-18.7
C146.5,5.4,175.1,6.8,184.8,21.2z"/>
</g>
</svg>
<h3>NYU Shanghai,<br/>Summer 2022</h3>
<div class="box__three"></div>
<p>A 5-week session at NYU Shanghai where students will explore curricular opportunities and experience China’s interactive media ecosystem firsthand. Check out a Video Tour of the NYUSH space.</p>
</div>
</div>