-
Notifications
You must be signed in to change notification settings - Fork 0
/
ci.html
121 lines (111 loc) · 7.14 KB
/
ci.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
---
layout: landing-ci
permalink: /ci
title: "CODE의 새로운 CI"
description: "CODE의 새로운 얼굴이 될 로고에 투표해주세요! 5.23(월) ~ 26일(목)"
thumbnail: "/images/ci/thumbnail.png"
url: "http://vote.cckorea.org/ci"
---
<!-- Banner -->
<section id="banner">
<div class="inner">
<img src="/images/ci/character.png" alt="CC">
<h2>CODE의 새로운 얼굴이 될<br>로고에 투표해주세요!</h2>
<h3>5.23(월) ~ 26일(목)</h3>
</div>
<!-- <a href="#one" class="more scrolly">제안하기</a> -->
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<section>
<header>
<p>사단법인 크리에이티브 커먼즈 코리아 (Creative Commons Korea)의 새로운 이름이 사단법인 코드 C.O.D.E.(Commons, Openness, Diversity, Engagement)로 변경되었습니다. </p>
<p>(사)코드 C.O.D.E.는 공유(Commons), 개방(Openness), 다양성(Diversity), 참여(Engagement)의 약자로 지난 10년 간 CCKOREA가 활동해 온 기반이자, 앞으로 이어갈 핵심 가치입니다. 명확한 조직의 정의가 아닌 핵심 가치로 조직 이름을 구성한 이유는 가치에 공감하는 누구나 참여하여, 다양한 방법으로 우리 사회의 변화를 만들어 가자는 열린 조직의 방향을 담기 위함입니다.</p>
<p>이러한 의미를 담아 (사)코드 C.O.D.E.(Commons, Openness, Diversity, Engagement)의 로고를 디자인하였습니다. 아래 후보는 활동가 이예연님, 박현경님이 디자인하였으며, 법인명 후보와 마찬가지로 회원 및 커뮤니티 구성원, 사무국, 이사회의 의견을 수렴하여 최종 후보 3개를 선정하였습니다.</p>
<p>아래 세 후보 중에서 (사)코드 C.O.D.E.의 새로운 얼굴이 될 로고를 추천해주세요! 여러분의 투표 결과를 반영하여 선정된 최종 로고는 마무리 작업을 거쳐 5월 말에 발표됩니다.</p>
</header>
</section>
<section>
<header>
<h2>CODE 로고 디자인 후보<br><span class="subtitle">(* 로고 이미지 CCL 적용 예외)</span></h2>
</header>
<ul class="candidates">
<li>
<div class="ribbon">
<div class="inset"></div>
<div class="container">
<div class="left_corner"></div>
<div class="right_corner"></div>
<h3 class="content">A</h3>
</div>
</div>
<div>
<img src="/images/ci/logos/code_a.png" alt="로고 A">
<p>SIL 오픈 폰트 ‘Montserrat' 서체를 활용한 로고입니다. 오픈 폰트를 단체의 정체성을 상징하는 로고타입으로 선택함으로서 단체가 지향하고 있는 가치를 담고 있으며 한색의 그라데이션 색상을 통해 안정적이면서 신뢰감 있는 느낌을 들도록 하였습니다.</p>
</div>
</li>
<li>
<div class="ribbon">
<div class="inset"></div>
<div class="container">
<div class="left_corner"></div>
<div class="right_corner"></div>
<h3 class="content">B</h3>
</div>
</div>
<div>
<img src="/images/ci/logos/code_b.png" alt="로고 B">
<p>SIL 오픈 폰트 ‘Montserrat' 서체를 재구성하여 형태를 만들고 이를 활용한 로고입니다. 획을 관통하고 있는 공백은 단체가 지향하고 있는 자유, 열림, 개방, 혁신의 의미를 담고 있으며 열정, 변화를 상징합니다.</p>
</div>
</li>
<li>
<div class="ribbon">
<div class="inset"></div>
<div class="container">
<div class="left_corner"></div>
<div class="right_corner"></div>
<h3 class="content">C</h3>
</div>
</div>
<div>
<img src="/images/ci/logos/code_c.png" alt="로고 B">
<p>부드러우면서 발랄한 느낌의 텍스트로 디자인 된 B안은 약자로 구성된 C,O,D,E 중에서 참여의 의미를 담은 알파벳 ‘E’에 시각적인 포인트를 준 형태입니다. 난색과 한색으로 구성된 그라데이션 색상은 단체가 하는 다양하고 폭넓은 활동을 의미합니다.</p>
</div>
</li>
</ul>
</section>
<section>
<header>
<h2>투표해주세요!<br><span class="subheader">(후보 A~C 중)</span></h2>
</header>
<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/9416149.js"></script>
<noscript><a href="http://polldaddy.com/poll/9416149/">CODE의 새로운 얼굴이 될 로고는?</a></noscript>
</section>
<section class="content">
<header>
<h2>로고에 대한 의견을 자유롭게 보내주세요!<br><span class="subheader">(소셜로그인 후 참여해주세요)</span></h2>
</header>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//namingvote2016.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</section>
</div>
</section>