forked from hidcCombEx/SpedUp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
139 lines (125 loc) · 7.08 KB
/
about.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
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Sped-Up!</title>
<link rel="icon" href="favicon.png">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="about.css">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:[email protected]&display=swap" rel="stylesheet">
<meta name="viewport" charset="utf-8" content="initial-scale=1.0">
</head>
<body>
<script src="script.js" style="display:flex;"></script>
<nav id="nav">
<div class="container">
<h1><a href="index.html">Sped-Up!</a></h1>
<svg width="22" height="22" viewBox="0 0 22 22" id="toggle">
<path d="M18 11L6 17.9282L6 4.0718L18 11Z" fill="#565656"/>
</svg>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</div>
</nav>
<div id="iconic">
<img src="spedup.png" id="spedup-large">
<img src="spedup.png" id="spedup-small">
</div>
<div class="container">
<div id="exhibition" class="block">
<img src="poster.png" id="poster" class="image">
<div id="overview" class="text">
<h1>Sped-Up!</h1>
<p><SPED UP!>은 '스페드 업'이라는 사회적 현상을 반영해 여러 소모임의 전시를 한 자리에서 보여주며, 속도가 가속화되는 만큼 전시에 대한 재미도 가속화한다.</p>
<div class="booth">
<i></i>
<i></i>
</div>
</div>
</div>
<hr>
<div id="crews">
<div id="yawayats" class="block">
<div class="image logo" style="background-image: url('logo/yawayats.svg');"></div>
<div class="text">
<div class="title">
<h2>yawa yats</h2>
<ul>
<!-- <li><a href="about.html" class="menu"><img src="home.png"></a></li> -->
<a href="https://www.instagram.com/yawayats?igsh=emZ2eWR5YzI2Nmxx" class="menu"><li class="logo" style="background-image: url(instagram.svg);"></li></a>
</ul>
</div>
<p>yawayats [야와야츠]는 'stay away'의 단어와 본래의 의미까지 뒤집어 '생각을 뒤집어 모든 것에 디자인을 가까이 하다.' 라는 뜻을 담아 2011년에 만들어진 아트웍 소모임입니다.</p>
</div>
</div>
<div id="opensourcelab" class="block">
<div class="image logo" style="background-image: url('logo/osl.svg');"></div>
<div class="text">
<div class="title">
<h2>Open Source Lab</h2>
<ul>
<a href="https://hioslab.com" class="menu"><li class="logo" style="background-image: url(home.svg);"></li></a>
<a href="https://www.instagram.com/opensource_lab/" class="menu"><li class="logo" style="background-image: url(instagram.svg);"></li></a>
</ul>
</div>
<p>오픈소스랩은 자유 소프트웨어 운동에서 비롯된 오픈소스의 자유 연구가 정신을 이어간다는 의미로 2018년에 시작된 모임이며, 구성원들의 자유로운 정보 공유와 상호 발전을 추구한다. 디지털 매체를 활용하여 피지컬 컴퓨팅, 크리에이티브 코딩에 기반한 뉴미디어에 관심을 두며 실험적인 인터랙션 작품을 만들고 토론한다.</p>
</div>
</div>
<div id="jochiwontypography" class="block">
<div class="image logo" style="background-image: url('logo/jtypo.svg');"></div>
<div class="text">
<div class="title">
<h2>조치원 타이포그래피</h2>
<ul>
<!-- <a href="about.html" class="menu"><li class="logo" style="background-image: url(home.svg);"></li></a> -->
<a href="https://www.instagram.com/jochiwon_typo/" class="menu"><li class="logo" style="background-image: url(instagram.svg);"></li></a>
</ul>
</div>
<p>조치원 타이포그래피는 타이포를 기반으로 다양한 실험적인 그래픽을 디자인하는 소모임입니다. 저희는 모든 생각과 가치관을 존중하며 그 속에서 자유롭고 창의적인 디자인을 목표로 합니다.</p>
</div>
</div>
<div id="primeframe" class="block">
<div class="image logo" style="background-image: url('logo/pf.svg');"></div>
<div class="text">
<div class="title">
<h2>Prime Frame</h2>
<ul>
<!-- <a href="about.html" class="menu"><li class="logo" style="background-image: url(home.svg);"></li></a> -->
<a href="https://www.instagram.com/primeframe.zip/" class="menu"><li class="logo" style="background-image: url(instagram.svg);"></li></a>
</ul>
</div>
<p>Prime frame은 전시 위주로 활동하는 그래픽 디자인 소모임입니다. 자신의 그림체나 스타일에 맞게 자유로운 그래픽 디자인 창작물을 만들며 실력을 키울 수 있습니다.</p>
</div>
</div>
<div id="vivid" class="block">
<div class="image logo" style="background-image: url('logo/vivid.svg');"></div>
<div class="text">
<div class="title">
<h2>VIVID</h2>
<ul>
<!-- <a href="about.html" class="menu"><li class="logo" style="background-image: url(home.svg);"></li></a> -->
<!-- <a href="about.html" class="menu"><li class="logo" style="background-image: url(instagram.svg);"></li></a> -->
</ul>
</div>
<p>Vivid는 가구, 오브제 등 종류에 상관없이 입체조형물을 자유롭게 제작해보는 소모임입니다. 자신이 표현하고자 하는 것을 마음껏 구현해보며 입체 조형능력을 기르는 것을 목표로 합니다.</p>
</div>
</div>
</div>
</div>
<hr>
<footer>
<h3>Sped-Up!</h3>
<p>Hongik Univ. Design Convergence<br>Combined Exhibition 2024-1</p>
<div id="logos">
<div class="contribute logo" style="background-image: url('logo/hongik.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/hidc.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/yawayats.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/osl.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/jtypo.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/pf.svg');"></div>
<div class="contribute logo" style="background-image: url('logo/vivid.svg');"></div>
</div>
</footer>
</body>
</html>