diff --git a/_includes/footer.en.html b/_includes/footer.en.html new file mode 100644 index 0000000..512313f --- /dev/null +++ b/_includes/footer.en.html @@ -0,0 +1,25 @@ + diff --git a/_includes/footer.html b/_includes/footer.html index 6fe7b4e..91760c6 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -16,6 +16,9 @@

Copyright Styleshare. All Rights Reserved.

+

+ Translate to english +

diff --git a/_includes/head.html b/_includes/head.html index 714111a..ff5ae04 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -23,6 +23,7 @@ + {% if site.env == 'prod' %} {% else %} diff --git a/_includes/javascripts.html b/_includes/javascripts.html index aeb9fac..c5f68e0 100644 --- a/_includes/javascripts.html +++ b/_includes/javascripts.html @@ -17,3 +17,22 @@ {% endif %} + + diff --git a/_includes/nav.en.html b/_includes/nav.en.html new file mode 100644 index 0000000..9794943 --- /dev/null +++ b/_includes/nav.en.html @@ -0,0 +1,126 @@ + diff --git a/_layouts/main.en.html b/_layouts/main.en.html new file mode 100644 index 0000000..c172cb7 --- /dev/null +++ b/_layouts/main.en.html @@ -0,0 +1,18 @@ + + + + {% include head.html %} + + + + {% include nav.en.html%} + + {{ content }} + + {% include footer.en.html %} + + {% include javascripts.html %} + + + diff --git a/_layouts/main.html b/_layouts/main.html index c80a9dd..85a61f0 100644 --- a/_layouts/main.html +++ b/_layouts/main.html @@ -14,5 +14,16 @@ {% include javascripts.html %} + + diff --git a/_layouts/subpage.en.html b/_layouts/subpage.en.html new file mode 100644 index 0000000..eb85959 --- /dev/null +++ b/_layouts/subpage.en.html @@ -0,0 +1,30 @@ + + + + {% include head.html %} + + + + {% include nav.en.html%} + +
+
+

+ {{ page.headTitle }} +

+
+
+ +
+
+ {{ content }} +
+
+ + {% include footer.en.html %} + + {% include javascripts.html %} + + + diff --git a/_layouts/subpage.html b/_layouts/subpage.html index 9759418..b54ca25 100644 --- a/_layouts/subpage.html +++ b/_layouts/subpage.html @@ -10,13 +10,13 @@
-

+

{{ page.headTitle }}

-
+
{{ content }}
@@ -26,5 +26,16 @@ {% include javascripts.html %} + + diff --git a/about/contact/index.html b/about/contact/index.html index abacf90..dd2c542 100644 --- a/about/contact/index.html +++ b/about/contact/index.html @@ -4,10 +4,14 @@ headTitle: 연락하기 --- -
+
-

StyleShare에 연락하고자 하는 분들은 아래의 이메일 주소로 연락주세요.

-
-

StyleShare의 아지트에 방문하실 분들은 아래의 주소로 찾아오시면 됩니다.

-

주소:

-

서울특별시 강남구 압구정로 32길 49 2층 (주) 스타일쉐어 앞
+

+ StyleShare의 아지트에 방문하실 분들은 + 아래의 주소로 + 찾아오시면 됩니다. +

+

주소:

+

서울특별시 강남구 압구정로 32길 49 2층 + (주) 스타일쉐어 앞
(구주소: 서울특별시 강남구 신사동 601번지 2층 )

@@ -28,5 +37,9 @@
-
+
+ + + diff --git a/about/index.html b/about/index.html index fe9ae63..85af107 100644 --- a/about/index.html +++ b/about/index.html @@ -9,8 +9,8 @@ 당신의 손 안에서.
-

StyleShare는 일상 속 패션, 뷰티 등 스타일 정보를 실시간으로 공유하는 플랫폼 입니다.
-수 백만 명의 패션 피플들이 공개하는 데님 팬츠와 어울리는 다양한 스타일링, 세상에 하나뿐인 빈티지 아이템 활용법, 상황에 따른 메이크업 노하우 등 다른 곳에서는 볼 수 없는 흥미로운 패션 콘텐츠를 언제 어디서나 손 안에서 만나볼 수 있습니다. 셀러브리티가 주인공이었던 기존의 매체와 달리, 나에게 꼭 맞는 패션 정보를 손 안에서 보다 빠르고 재미있게 공유하고 받아봄으로써 누구나 손쉽게 멋을 추구할 수 있게 하는 것이 StyleShare의 목표입니다.
+

StyleShare는 일상 속 패션, 뷰티 등 스타일 정보를 실시간으로 공유하는 플랫폼입니다.
+수백만 명의 패션 피플들이 공개하는 데님 팬츠와 어울리는 다양한 스타일링, 세상에 하나뿐인 빈티지 아이템 활용법, 상황에 따른 메이크업 노하우 등 다른 곳에서는 볼 수 없는 흥미로운 패션 콘텐츠를 언제 어디서나 손 안에서 만나볼 수 있습니다. 셀러브리티가 주인공이었던 기존의 매체와 달리, 나에게 꼭 맞는 패션 정보를 손 안에서 보다 빠르고 재미있게 공유하고 받아봄으로써 누구나 손쉽게 멋을 추구할 수 있게 하는 것이 StyleShare의 목표입니다.
전 세계 120개국의 StyleShare 사용자들과 함께 소통하며 ‘뭘 입을까?’, ‘어떻게 더 나은 스타일링을 할까?’에 대한 해답을 가장 쉽게 얻고 나눠보세요.
아이폰, 안드로이드 어플리케이션을 통해 언제 어디서든 StyleShare할 수 있습니다.

diff --git a/about/team/index.html b/about/team/index.html index 6aba5a7..c7a1984 100644 --- a/about/team/index.html +++ b/about/team/index.html @@ -4,7 +4,7 @@ headTitle: StyleShare를 만드는 사람들 --- -
+
  • @@ -17,7 +17,7 @@
-
+

Our team

@@ -26,208 +26,305 @@ StyleShare Team은 소프트웨어 개발, 디자인, 마케팅, 콘텐츠 운영, 데이터분석, 커뮤니티 운영, 서비스 기획을 하는 젊고 유쾌한 멤버들로 이루어진 팀입니다.

-
+
-
-
- -
- 김현준 - Coffeeholic Technical dog -
-
- - - - -
욜로
-
-
-
+
-
-
- -
- 손현영 - Communication manager -
-
- - - - -
사랑합니다 고객님
-
-
-
+

대표자

-
-
- -
- 송채연 - Co-founder, inspiration seeker -
-
- - - - -
Write me something inspiring here
-
-
-
+
+
+
+ +
+
+
+
+ 윤자영 + Founder & Service designer +
-
-
- -
- 안보민 - Apple Eater -
-
- - - - -
치킨 좋아요
+

+ 고등학생 시절 iPod을 갖게되며 스티브 잡스에게 영감을 받아 '사람들에게 사랑받는 제품을 만드는 사람이 되겠다'고 마음 먹었다는 자영은 전자공학과 심리학을 전공한 공학도입니다. 하지만 다소 쌩뚱맞게도 세계인의 패션 플랫폼을 만들겠다고 결심, 23살의 어린 나이에 투자를 받고 StyleShare를 시작하게 되었습니다.
+ 멀리 보고 큰 꿈을 그리면서도, 마음 맞는 멤버들과 한 공간에서 일하며 맞이하는 작은 하루하루가 감사하고 행복하다는 사람. +

+
+
-
-
- -
- 윤자영 - Founder & Service designer -
-
- - - - -
Geek in the pink.
-
-
-
+
+ +

개발팀

+ +
+
-
-
- -
- 이건우 - Junior Engineer +
+ +
+ +
+
+ +
+ 김현준 + Coffeeholic Technical dog +
+ +

+ 제 3자가 보는 현준은 70%의 프로그래밍과, 20%의 커피, 그리고 그외 10%로 이루어져있는듯 합니다. 그만큼 개발만 하고, 남는 시간엔 커피를 마시고, 취미 생활마저 좋아하는 카페에 가서 커피를 마시며 프로그래밍 하기. StyleShare에 새로 합류하게 된 팀원이라면 ‘현준의 나이 맞추기’가 꼭 거쳐야할 의식처럼 되어버렸는데, 한번에 맞출 수 있는 확률은 0%에 가깝습니다. +

+ +
+
-
- - - - -
장가갈 수 있을까 - 커피소년
+ +
+ +
+ +
+ +
+
+ +
+ 안보민 + Apple Eater +
+ +

+ 고양이, 레고, 치킨, 그리고 귀여운 모든것을 사랑하는 보민은 명실상부 단추맘! 스쉐의 마스코트인 남매 고양이 단(Dan)과 추(Chu)에 관한 모든 일은 보민의 손 안에서 금새 해결 되지요. 일하면서 재미를 느낄 수 있는 회사를 찾아왔다는 보민은 지금 StyleShare에서 일하는 것이 행복하다고 합니다. 마냥 사랑이 넘치는 듯한 그녀에게, 개발자로써 마이너스의 손 자영이 더이상 버그를 발견하지 못할때까지 버그를 척살해 버리겠다는 다소 살벌한 목표가 있다는 것은 함정. +

+ +
+
-
-
-
-
- -
- 이진수 - JavaScript Ninja +
+ +
+ +
+ +
+
+ +
+ 윤지현 + Software Engineer +
+ +

+ 늘 안해본것에 도전하기를 좋아하는 모험의 사나이 지현. 그도 그럴 것이 스킨스쿠버, 패러글라이딩, 클라이밍부터 크로스핏까지 안해본 스포츠가 없을 정도입니다. 뿐만아니라 바리스타 자격증까지 취득하여 커피 러버들로 가득한 StyleShare에서 사랑과 존경을 한몸에 받았던 반전 매력의 소유자! + 팀에서 평균연령 높이기를 담당하고 있다고 말하는 그지만, 아마 신체 나이는 가장 젊지 않을까 합니다. +

+ +
+
-
- - - - -
당신이 보고 있는 걸 만들었습니다.
+ +
+ +
+ +
+ +
+
+ +
+ 이건우 + Programmer +
+ +

+ 하나를 알면 열을 알고 싶어하는 호기심 많은 성격 덕분에 이것저것 흥미도 많고, 실제로 아는 것도 많은 잡지식 박사입니다. 그래서인지 늘 성숙함을 풍기는 건우가 팀의 막내라는 사실은 들을때마다 자꾸 놀랍습니다. (외적인 요소 때문이라고는 안했음.) +

+ +
+
-
-
-
-
- -
- 임상진 - Developer +
+ +
+ +
+ +
+
+ +
+ 이진수 + JavaScript Ninja +
+ +

+ 자신을 ‘Binary’ 라고 칭하는 것을 가장 좋아하는 진수는 그 이름과 참 어울리게도 훌륭한 개발자의 길을 걷고 있습니다. 피규어를 수집하고 프라모델 조립을 즐겨하는 다소 오덕후(?)스러운 취미가 있지만, 하루만 함께 일해보면 누구보다 마음이 따뜻한 StyleShare의 공식 삼촌이라는걸 알 수 있죠. 남들과 똑같이 살기 싫어 선택한 스타일쉐어는 이제 그에게 가족과도 같은 존재가 되어버렸나 봅니다. +

+ +
+
-
- - - - -
오늘 점심은 돈까스 어때요
+ +
+ +
+ +
+ +
+
+ +
+ 전수열 + Software Developer +
+ +

+ 매사에 긍정적이며 새로운 것에 관심이 많은 수열은 그만큼 새로운 환경에 적응하는 속도도 초스피드! 입사 이틀만에 2년은 함께 일해온 것 같은 존재감을 과시하였습니다. 일찍이 Joyfl이라는 회사를 창업하고 꾸려나간 경력이 있으며, 개발자로써 더욱 다양한 일을 배워보고자 팀에 합류하였습니다. iOS / 백엔드 개발을 맡던, 관리자 도구를 만들던 무엇을 개발해도 꿀잼이라는 그는 뼛속부터 개발자의 기질을 타고난 뼈발자. +

+ +
+
+
-
-
- -
- 장한얼 - Future innovator +
+ +

마케팅팀

+ +
+
+
+ +
+
+
+
+ 손현영 + Communication manager +
+ +

+ 패션의 도시 파리에서 일하게 될 날을 꿈꾸며 프랑스어를 전공하고 블로거로 활동했습니다. 그 경험을 바탕으로 좋은 콘텐츠의 성격을 이해하고, 커뮤니티 운영의 필수 조건을 이해하게 되었습니다. 다양한 사람들을 만나 대화 나누는 것이 삶의 원동력이며, 주변 사람들의 영향을 많이 받는 편. 그래서 항상 좋은 사람들 곁에 서식하지요. 우유부단하고 덜렁대는 성격때문에 StyleShare의 동네북 같은 존재를 담당하고 있지만 그게 다 사랑과 관심의 표현이라 생각한다(믿고싶다)는 현영. 취미는 격주로 하는 다이어트입니다. +

+
+
-
- - - - -
벼신
+ +
+
+ +
+
+
+
+ 송채연 + Co-founder, inspiration seeker +
+ +

+ 채연이 가장 좋아하는 말은 ‘every moment, 주어진 순간에 최선을 다하기'. 외향적이면서 어딘가 내성적인 묘한 성격의 그녀는 영감(inspiration)을 주는 모든 활동에 집중합니다. 어렸을때부터 패션계에 한 획을 긋는 꿈을 가지고 있었으며, StyleShare로 그 꿈을 한 단계 한 단계 실현해나가고 있는중! 취미는 삶의 성찰을 요구하는 뜬금없는 질문들로 사람들을 곤혹스럽게 만드는것. (예: **님은 만약 자유롭게 공부할 수 있는 기회가 주어진다면 어떤 공부를 더 하고 싶어요? …….난 공부가 그다지 더 하고싶지 않았는데 괜히 뭔가 학자의 심리 상태가 되어 생각하게 된다…) +

+
+
+
-
-
- -
- 조남준 - 나라지킴이 +
+ +

디자인팀

+ +
+
+
+ +
+
+
+
+ 장한얼 + Future innovator +
+ +

+ 대학 시절부터 red dot, IDEA design award 등에서 수상하며 훌륭한 디자이너로써 실력을 갈고 닦던 한얼은 재미있고 도전적인 작업을 찾던 중 같은 학회 출신의 자영의 삼고초려 끝에 의기투합하게 되었습니다. StyleShare 내 전반적인 디자인 작업을 맡고 있는 그는 StyleShare를 글로벌한 패션미디어 플랫폼으로 만드는 것이 목표인 포부 넘치는 디자이너! 어떤 현상이나 사물에 대해 집착스러우리만큼 관찰하는 것을 좋아하고, 무엇이든 수집하려고 하며, 공상을 즐기는 다소 예술가스러운 취향을 가지고 있습니다. +

+
+
-
- - - - -
나라지킴이
+ +
+
+ +
+
+
+
+ 지슬기 + Design-meister +
+ +

+ 현재의 자신을 ‘언제나 배우는 중인 사람’이라고 칭하는 슬기의 목표는 ‘누군가가 훔쳐보고 싶은 사람’. 취향부터 성격까지 담백함 그 자체인 슬기는 iOS와 서비스 전반 UX 디자인을 맡고 있는 디자이너 입니다. 무언가를 기록으로 남기는 것을 좋아하고, 정리하는 것에 일가견이 있는 꼼꼼하고 세심한 그녀지만 팀원들의 짖궂은 농담에는 영 취약한지라 팀내 장난 대상 1호! 하지만 그마저도 참 슬기스러워요. +

+
+
+
-
-
- -
- 지슬기 - Design-meister -
-
- - - - -
삶은 빠르게 디자인은 천천히
+
+ +

경영 지원 팀

+ +
+
+
+ +
+
+
+
+ 서재영 + Mother +
+ +

+ 회계, 저작권, 계약서 검토 등 팀의 법적인 문제 해결부터 더욱 즐겁고 쾌적한 사무실 환경을 만들어주는 ‘필요의 방’ 채워넣기까지 StyleShare의 시작과 끝을 주무르는 재영은 스쉐의 '엄마’와도 같은 존재! 법학대학원 출신 답게 호불호가 강한 똑부러지는 성격으로 좋아하는 것에는 티가 날만큼 애정을 보이지만 그게 아니라면 잘 관심도 주지 않는 그녀는 감정에 꾸밈이 없는, 보이는게 전부인 사람. 그래서 작은 체구에도 불구하고 누구보다 든든하고 믿음직스럽습니다. +

+
+
-
-
- -
- Dan&Chu - 귀요미 -
-
- - - - -
Fashion & Tech kitties. MEOW.
+
+ +

귀요미

+ +
+
+
+ +
+
+
+
+ Dan & Chu + Mascot +
+
+
@@ -236,13 +333,13 @@

StyleShare의 인재상

-

StyleShare가 함께할 멤버를 선택하는 기준은 매우 까다롭습니다. 연령도, 성별도, 학교 성적도, 경력도 기준이 아닙니다. 아래는 StyleShare의 인재상으로, 우리가 함께 일하고 싶은 사람입니다. 이 인재상에 맞춰 StyleShare에서는 매 년 연말에 사내 멤버들을 대상으로 StyleShare Award를 진행합니다.

+

StyleShare가 함께할 멤버를 선택하는 기준은 매우 까다롭습니다. 나이도, 성별도, 학교 성적도, 경력도 기준이 아닙니다. 아래는 StyleShare의 인재상으로, 우리가 함께 일하고 싶은 사람입니다. 이 인재상에 맞춰 StyleShare에서는 매년 연말에 사내 멤버들을 대상으로 StyleShare Award를 진행합니다.

  • 1. The Customer’s King (고객들의 왕)

    -

    User들의 목소리에 귀기울여 서비스 개선과 User의 만족에 힘쓰는 사람
    - User의 만족이 StyleShare가 이루어야하는 우선적인 목표임을 이해하는 사람

    +

    User들의 목소리에 귀 기울여 서비스 개선과 User의 만족에 힘쓰는 사람
    + User의 만족이 StyleShare가 이루어야 하는 우선적인 목표임을 이해하는 사람

  • 2. Active Learner (눈부신 성장)

    @@ -252,7 +349,7 @@

  • 3. ”I may be wrong.” (내가 틀릴 수도 있어)

    언제든 “내가 틀릴 수도 있어.”라고 말할 수 있는 사람
    - 다른 사람의 생각을 열린 마음으로 듣고 귀기울일 수 있는 사람

    + 다른 사람의 생각을 열린 마음으로 듣고 귀 기울일 수 있는 사람

  • 4. The Team Player (뛰어난 협업자)

    @@ -267,7 +364,7 @@

  • 6. Make it happen (추진력)
    -

    시작과 실행 뿐만 아니라 반드시 의미 있는 결실을 이끌어낼 수 있는 사람
    +

    시작과 실행뿐만 아니라 반드시 의미 있는 결실을 이끌어낼 수 있는 사람
    위기상황을 극복하고 목표한 바를 끝까지 이루어내는 사람

  • diff --git a/about/vision/index.html b/about/vision/index.html index 4800fc0..d829db5 100644 --- a/about/vision/index.html +++ b/about/vision/index.html @@ -1,7 +1,7 @@ --- layout: subpage title: Introduction to StyleShare -headTitle: 우리의 비젼 & 걸어온 길 +headTitle: 우리의 비전 & 걸어온 길 ---
    @@ -28,17 +28,17 @@
-
+

Background

레드카펫 위에서나 볼 수 있을 법한 옷들이 ‘머스트-해브 아이템’이라는 패션 잡지들이 어려웠습니다.
- 디자이너들은 입을 모아 ‘거리의 패션에서 영감을 얻는다’고 말하지만, 정작 일상을 살아가는 우리들이 참고할 수 있는 현실적인 영감을 나눌 채널이 없다는 사실이 안타까웠습니다.

+ 디자이너들은 입을 모아 ‘거리의 패션에서 영감을 얻는다’고 말하지만, 정작 일상을 살아가는 우리가 참고할 수 있는 현실적인 영감을 나눌 채널이 없다는 사실이 안타까웠습니다.

누구나, 쉽게, 패션을 즐기고 정보를 공유할 수 있는 패션 소셜 네트워크가 필요한 게 아닐까.
- 같은 생각을 하던 스무살 언저리의 꿈 많은 학생들이 운명처럼 모였습니다.
+ 같은 생각을 하던 스무 살 언저리의 꿈 많은 여러 학생이 운명처럼 모였습니다.
StyleShare 가 그려지던 어느 겨울날이었습니다.

매일 아침 고르고 입은 한 사람의 옷차림이, '내일은 뭘 입을까?' 고민하던 다른 누군가에게는 힌트가 되고, 더 나은 스타일링을 위한 발전적인 피드백을 주고받는 StyleShare. 사람들이 패션을 통해 마음껏 표현하고, 교류하고, 발견하여 영감으로 가득한 일상을 선물할 수 있기를 바랍니다. @@ -48,8 +48,8 @@

We Believe

-

수 많은 사용자들의 피드백을 통해 StyleShare는 계속해서 진화를 거듭하면서도,
- 그 중심에 있는 저희들의 Vision과 Mission은 다음과 같습니다.

+

수많은 사용자들의 피드백을 통해 StyleShare는 계속해서 진화를 거듭하면서도,
+ 그 중심에 있는 저희의 Vision과 Mission은 다음과 같습니다.

Our Vision

옷에 관한 다양하고 유용한 정보를 공유(Share)함으로써, 사람들이 누구나 손쉽게 멋을 추구할 수 있도록 돕는다.

@@ -67,49 +67,88 @@

History

-
+
+

2014

+
    +
  • +

    2014. 04.

    +

    새로워진 StyleShare v.2.0 런칭

    +
    • +
-

2010

+

2013

  • -

    2010. 09.

    -

    제 10회 대한민국 대학생 벤처창업 경진대회 Top 10 (주최: 서울대학교)

    +

    2013. 10.

    +

    서울패션위크 5회째 생중계

  • -

    2010. 10.

    -

    제 4회 고려대학교 Business Idea Competition 우수상 (주최: 고려대학교 경영대학)

    +

    +

    장윤주, 안재현 등 탑 모델 에이전시 ESTeem & 스트릿 포토그래퍼 Alex Finch와 협업

    +
    • +
  • +

    2013. 09.

    +

    네이버 - 스타일쉐어 패션 콘텐츠 제휴 MOU

  • -

    2010 연세 CEO 발굴 경진대회 대상 (주최: 연세대학교)

    +

    두 번채 뉴욕패션위크 생중계

    +
    • +
  • +

    2013. 04.

    +

    StyleShare Sunday Fleamarket 개최 (@FOLDER 신촌점)

    +
    • +
  • +

    +

    (평균 대기시간 90분, 방문객 10,000여명. 대한민국 최대 규모의 플리마켓으로 기록됨)

    +
    • +
  • +

    2013. 03.

    +

    세계적 스트릿 포토그래퍼 이반로딕Yvan Rodic 내한 파티에 StyleSharer들 초대

    +
    • +
  • +

    2013. 02.

    +

    뉴욕패션위크(Mercedes Benz Fashoin Week) 첫 생중계

-

2011

+

2012

  • -

    2011. 03.

    -

    2011 MIT Global Startup Workshop

    +

    2012. 09.

    +

    1주년 기념 연간 트렌드북 <paper s> vol.0. 제작 (with Studio fnt)

  • -

    엘리베이터 피치 컨테스트 Top 10 선정 (주최: MIT, 서울대학교)

    +

    네이버 앱스토어 NStore 인기 무료 2위

  • -

    2011. 05.

    -

    2011 예비기술창업지원사업 선정 (주관: 중소기업청)

    +

    2012. 08.

    +

    StyleShare x Designer label 상품 제작: (with hoyanmore, socksappeal)

  • -

    2011. 06.

    -

    StyleShare Inc. 설립

    +

    2012. 03.

    +

    2012 MIT Global Startup Workshop in Istanbul, Turkey

  • -

    미국 Mass Challenge 스타트업 경진대회 결선 진출

    +

    성공 스타트업 사례로 오프닝 키노트 스피치 발표

    +
    • +
  • +

    2012. 02.

    +

    StyleShare 안드로이드 어플리케이션 (beta) 런칭

    +
    • +
+ +

2011

+
    +
  • +

    2011. 10.

    +

    애플 iTunes 앱스토어 추천 앱(What's hot) 선정

  • -

    125팀 중 유일한 아시아 팀 (주최: 메사추세츠 정부, 매스챌린지)

    +

    제1회 청년기업가대회 대상 (주최: 머니투데이, 기업가정신재단)

  • 2011. 09.

    @@ -118,43 +157,47 @@

  • 애플 iTunes 앱스토어 최신 및 추천(New & Noteworthy) 앱 선정

    +
    • +

    2011. 06.

    +

    StyleShare Inc. 설립

  • -

    2011. 10.

    -

    애플 iTunes 앱스토어 추천 앱(What's hot) 선정

    +

    +

    미국 Mass Challenge 스타트업 경진대회 결선 진출

  • -

    제1회 청년기업가대회 대상 (주최: 머니투데이, 기업가정신재단)

    +

    125팀 중 유일한 아시아 팀 (주최: 메사추세츠 정부, 매스챌린지)

    • -
- -

2012

-
  • -

    2012. 02.

    -

    StyleShare 안드로이드 어플리케이션 (beta) 런칭

    +

    2011. 05.

    +

    2011 예비기술창업지원사업 선정 (주관: 중소기업청)

  • -

    2012. 03.

    -

    2012 MIT Global Startup Workshop in Istanbul, Turkey

    +
  • +

    2011. 03.

    +

    2011 MIT Global Startup Workshop

  • -

    성공 스타트업 사례로 오프닝 키노트 스피치 발표

    +

    엘리베이터 피치 컨테스트 Top 10 선정 (주최: MIT, 서울대학교)

    • +
+ +

2010

+
  • -

    2012. 08.

    -

    StyleShare x Designer label 상품 제작: (with hoyanmore, socksappeal)

    +

    2010. 10.

    +

    제 4회 고려대학교 Business Idea Competition 우수상 (주최: 고려대학교 경영대학)

  • -

    2012. 09.

    -

    1주년 기념 연간 트렌드북 vol.0. 제작 (with Studio fnt)

    +

    +

    2010 연세 CEO 발굴 경진대회 대상 (주최: 연세대학교)

  • -

    -

    네이버 앱스토어 NStore 인기 무료 2위

    +

    2010. 09.

    +

    제 10회 대한민국 대학생 벤처창업 경진대회 Top 10 (주최: 서울대학교)

-
+
diff --git a/css/styles.css b/css/styles.css index 71c3bab..a9cbcc2 100644 --- a/css/styles.css +++ b/css/styles.css @@ -7,18 +7,23 @@ } body { padding-top: 60px; - font-family: "PT sans", "Nanum Gothic", "NanumGothic", "Nanum Gothic Regular", "NanumGothicRegular", sans-serif; + font-family: "PT sans", "Apple SD Gothic Neo", "Nanum Gothic", "NanumGothic", "Nanum Gothic Regular", "NanumGothicRegular", sans-serif; font-size: 14px; color: #333; - line-height: 1.428571429; + line-height: 1.56; letter-spacing: -0.6px; } -a:link { - text-decoration: none; - color: #047acc; +a { + outline: none; } +a:link, +a:focus, a:hover { - text-decoration: underline; + outline: none; +} +a:link, +a:hover { + text-decoration: none; color: #047acc; } .align-center { @@ -33,6 +38,10 @@ a:hover { padding: 60px 15px; overflow: hidden; } +.nav > li > a:hover, +.nav > li > a:focus { + background-color: transparent; +} .navbar-fixed-top { background-color: white; border: 0; @@ -49,6 +58,9 @@ a:hover { .body-bg-color { background-color: #F2F2F2; } +.ss-content-body { + padding: 50px 0 60px; +} .padding-bottom { padding-bottom: 70px; } @@ -60,10 +72,9 @@ a:hover { font-size: 30px; } .ss-sidebar { - top: 70px; + top: 84px; margin-left: -15px; margin-right: -15px; - padding: 10px; background-color: white; } .ss-sidebar ul { @@ -78,7 +89,10 @@ a:hover { } .ss-sidebar ul li a { color: #333; - padding: 15px; + padding: 13px 15px; +} +.ss-sidebar ul li a:hover { + background-color: #FAFAFA; } .ss-disappear { display: none; @@ -117,7 +131,7 @@ a:hover { width: 180px; left: 60px; margin-left: -90px; - border-top: 1px solid transparent; + border-top: 1px solid #E5E5E5; } .ss-sub-nav li { border-top: 1px solid #4D4D4D; @@ -125,10 +139,13 @@ a:hover { border-right: 2px solid transparent; background-color: rgba(51, 51, 51, 0.98); } +.ss-sub-nav li:first-child { + border-top: 0; +} .ss-sub-nav a { color: white; font-size: 12px; - padding: 10px 0 !important; + padding: 12px 0 !important; text-align: center; } .ss-sub-nav a:hover, @@ -174,6 +191,9 @@ a:hover { background-color: #00A688; border-radius: 5px; } +.ss-send-email:hover { + background-color: #0D7F73; +} .ss-answer { margin-left: 15px; padding-left: 15px; @@ -201,7 +221,8 @@ a:hover { } .ss-mobile-subnav-group .ss-mobile-subnav li a { color: white; - font-size: 12px; + font-size: 13px; + padding: 14px 0; text-align: center; } .ss-mobile-subnav-group .ss-mobile-subnav li a:hover { @@ -248,7 +269,7 @@ a:hover { width: 228px; } .ss-copyright-bottom { - color: white; + color: #E2E2E2; margin: 0; padding: 20px 0; } @@ -350,56 +371,12 @@ a:hover { .ss-press-link p { margin-bottom: 0; } -.ss-team-thumbnail { - margin-top: 30px; -} -.ss-member-image { - width: 70px; - height: 70px; - margin-top: 12px; - margin-right: 16px; -} -.ss-member-description { - margin-top: -3px; -} -.ss-balloon { - position: relative; - height: 50px; - overflow: hidden; - background-color: white; -} -.ss-balloon table { - position: relative; - width: 100%; - height: 100%; -} -.ss-balloon table td { - text-align: center; - padding: 0 10px 0 20px; -} -.ss-balloon .ss-balloon-head, -.ss-balloon .ss-balloon-tail { - position: absolute; - height: 50px; -} -.ss-balloon .ss-balloon-head { - right: 0; -} -.ss-balloon .ss-balloon-tail { - left: 0; -} -.ss-balloon .ss-balloon-body { - font-size: 12px; -} -.ss-balloon .ss-balloon-body:before { - content: '"'; -} -.ss-balloon .ss-balloon-body:after { - content: '"'; -} .ss-press-kit-img { height: 220px; } +.ss-subpage-title { + padding: 35px 0 40px; +} .fontsize12 { font-size: 36px; } @@ -773,12 +750,21 @@ a:hover { background-image: url('http://maps.googleapis.com/maps/api/staticmap?center=&zoom=17&size=640x6400&markers=color:black%7Clabel:S%7C37.52442,127.029864&sensor=false&scale=2'); } } +@media (min-width: 500px) and (max-width: 767px) { + .ss-copyright-bottom { + padding: 20px 10px; + } +} @media (max-width: 767px) { body { padding-top: 0; } .header { - padding: 40px 0; + padding: 39px 0; + } + .ss-subpage-title { + font-size: 24px; + padding: 22px 0 20px; } .ss-mobile-left { float: left; @@ -807,7 +793,7 @@ a:hover { display: block; } .ss-mobile-navbar .ss-mobile-nav { - width: 80%; + width: 94%; } .ss-mobile-navbar .ss-mobile-nav > button { background-color: transparent; @@ -816,7 +802,6 @@ a:hover { width: 25%; padding: 10px 0; color: black; - font-weight: bold; } .ss-history-list li { margin: 0; @@ -877,3 +862,100 @@ a:hover { width: 380px; } } +@media (max-width: 991px) { + .ss-content-body { + padding: 22px 0 45px; + } +} +.ss-team-wrapper { + margin-top: 30px; +} +.ss-team-wrapper .ss-team { + margin-top: 24px; +} +.ss-team-wrapper .ss-team:first-child { + margin-top: 0; +} +.ss-team-wrapper .ss-team .ss-team-name, +.ss-team-wrapper .ss-team .ss-team-member { + margin: 0; + padding-left: 18px; + padding-right: 18px; + background-color: white; +} +.ss-team-wrapper .ss-team .ss-team-name { + padding-top: 16px; + padding-bottom: 16px; + font-size: 16px; + color: #464646; +} +@media (max-width: 767px) { + .ss-team-wrapper .ss-team .ss-team-name { + text-align: center; + } +} +.ss-team-wrapper .ss-team .ss-team-member { + margin-top: 2px; + padding-top: 18px; + padding-bottom: 18px; +} +.ss-team-wrapper .ss-team .ss-team-member:first-child { + margin-top: 0; + padding-top: 0; +} +@media (max-width: 767px) { + .ss-team-wrapper .ss-team .ss-team-member { + margin-top: 0; + padding-left: 2px; + padding-right: 2px; + } +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-image { + float: left; +} +@media (max-width: 767px) { + .ss-team-wrapper .ss-team .ss-team-member .ss-member-image { + float: none; + width: 100%; + height: auto; + } +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-image .ss-member-thumbnail { + display: none; +} +@media (max-width: 767px) { + .ss-team-wrapper .ss-team .ss-team-member .ss-member-image .ss-member-thumbnail { + width: 100%; + display: block; + } +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-information-wrapper { + height: 100px; + display: table; + padding-left: 16px; + overflow: hidden; +} +@media (max-width: 767px) { + .ss-team-wrapper .ss-team .ss-team-member .ss-member-information-wrapper { + padding-left: 16px; + padding-right: 16px; + } +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-information-wrapper .ss-member-information { + display: table-cell; + vertical-align: middle; +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-name { + font-size: 18px; + color: black; +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-title { + font-size: 14px; + color: #4c4c4c; +} +.ss-team-wrapper .ss-team .ss-team-member .ss-member-description { + margin-top: 12px; + margin-bottom: 0; + font-size: 13px; + color: #333; +} diff --git a/css/stylesheet.css b/css/stylesheet.css new file mode 100644 index 0000000..0994172 --- /dev/null +++ b/css/stylesheet.css @@ -0,0 +1,83 @@ +.sprite { + background-image: url(/img/spritesheet.png); + background-repeat: no-repeat; + display: block; +} + +.fofoman { + width: 100px; + height: 100px; + background-position: 0 0; +} + +.imsearch { + width: 100px; + height: 100px; + background-position: -100px 0; +} + +.jaeyoung { + width: 100px; + height: 100px; + background-position: -200px 0; +} + +.danchu { + width: 100px; + height: 100px; + background-position: -300px 0; +} + +.jay { + width: 100px; + height: 100px; + background-position: -400px 0; +} + +.yoloseem { + width: 100px; + height: 100px; + background-position: -500px 0; +} + +.geonu { + width: 100px; + height: 100px; + background-position: -600px 0; +} + +.binalee { + width: 100px; + height: 100px; + background-position: -700px 0; +} + +.boming { + width: 100px; + height: 100px; + background-position: -800px 0; +} + +.eden { + width: 100px; + height: 100px; + background-position: -900px 0; +} + +.devxoul { + width: 100px; + height: 100px; + background-position: -1000px 0; +} + +.everymoment { + width: 100px; + height: 100px; + background-position: -1100px 0; +} + +.shy { + width: 100px; + height: 100px; + background-position: -1200px 0; +} diff --git a/en/about/contact/index.html b/en/about/contact/index.html new file mode 100644 index 0000000..7c64bc9 --- /dev/null +++ b/en/about/contact/index.html @@ -0,0 +1,42 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Contact +--- + +
+
+ StyleShare에 연락하고자 하는 분들은 아래의 + 이메일 주소로 + 연락주세요. + +
+ +
+

+ StyleShare의 아지트에 방문하실 분들은 + 아래의 주소로 + 찾아오시면 됩니다. +

+

주소:

+

서울특별시 강남구 압구정로 32길 49 2층 (주) 스타일쉐어 앞
+ (구주소: 서울특별시 강남구 신사동 601번지 2층 )

+
+ +
+

새로운 아이디어나 서비스에 대한 피드백을 전해 주실 분들은 feedback@stylesha.re으로, 광고/제휴 또는 파트너십 관련한 문의는제휴/광고문의로 연락 주시기 바랍니다.

+
+
+ +
+
+
+ + + diff --git a/en/about/index.html b/en/about/index.html new file mode 100644 index 0000000..9eb57b5 --- /dev/null +++ b/en/about/index.html @@ -0,0 +1,33 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: What is StyleShare? +--- + +
+ Fashion at your fingertips +
+ +

+ StyleShare is a realtime platform that allows users to share and receive updates on fashion and beauty. In the palm of your hand, share with millions of fashion people your favorite pair of denim jeans, diverse styles, one of a kind vintage items, make-up know-how, and other eye-catching fashion content anytime and anywhere. StyleShare uses fashion as a commonality for people all over the world to connect with one another. +

+ +
+
+

StyleShare whenever and wherever

+
+ + + + + + +
+
+
+ +
+
diff --git a/en/about/team/index.html b/en/about/team/index.html new file mode 100644 index 0000000..1512624 --- /dev/null +++ b/en/about/team/index.html @@ -0,0 +1,367 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Our Team & Culture +--- + +
+
+ +
+
+ +
+ + +

Our team

+ +

+ The StyleShare team (software development, design, marketing, content management, data analysis, community management, service planning) consists of a group of talented young upbeat individuals. +

+ +
+ +
+ +

CEO

+ +
+
+
+ +
+
+
+
+ Jay Yoon + Founder & Service designer +
+ +

+ During her high school days, Jay drew inspiration from Steve Jobs’s creation of the iPod—later becoming a driving force for creating StyleShare during her college days. Even though she double majored in Electrical/Electronics Engineering and Psychology, Jay’s love for fashion pushed her to create a global fashion platform. Nurturing her dream and StyleShare’s future direction, Jay takes every day one step at time with her dedicated team. +

+
+
+
+
+
+ +
+ +

Engineering Team

+ +
+
+ +
+ +
+ +
+
+ +
+ Hyunjun Kim + Coffeeholic Technical dog +
+ +

+ The best way to describe Hyunjun is that he is 70% programming wizard, 20% coffee addict, and 10% hipster. In all honesty, Hyunjun enjoys spending his days off at cafes sipping on iced americanos. The first thing we ask those who first join the StyleShare team is to guess Hyunjun’s age—so far no one has guessed correctly. Shockingly, many view his demeanor as an experienced programmer reflecting a much older age. +

+ +
+
+
+ +
+ +
+ +
+ +
+
+ +
+ Bomin Ahn + Apple Eater +
+ +

+ Bomin is the go-to person when it comes to taking care of the StyleShare mascots—Dan and Chu. Her love goes beyond just cats but also anything cute, sweet, and sparkly. Bomin has been happily working at StyleShare after looking for a job where she could have fun while contributing as a programmer. Don’t let her bubbly personality fool you, Bomin is always on the hunt for any bugs on StyleShare’s Android platform. +

+ +
+
+
+ +
+ +
+ +
+ +
+
+ +
+ Jihyun Yoon + Software Engineer +
+ +

+ Searching for a challenge, Jihyun is always looking for activities to try. Whether it is scuba diving, paragliding, rock climbing, or crossfit, Jihyun has tried them all. It is no surprise that Jihyun is a certified barista—making him popular in an office full of coffee addicts. Although Jihyun serves as an experienced mentor for our programmers, he is the most energetic within the Engineering Team. +

+ +
+
+
+ +
+ +
+ +
+ +
+
+ +
+ Geonu Lee + Programmer +
+ +

+ His curiosity and ability to process information has led him to become a jack-of-all-trades. With all that in mind, it is surprising that Geonu is the youngest developer at StyleShare—judging not by his physical appearance. +

+ +
+
+
+ +
+ +
+ +
+ +
+
+ +
+ Jinsu Lee + JavaScript Ninja +
+ +

+ Jinsu’s passion for programming is reflected in his nickname, “Binary.” Jinsu provides the team with the unconditional support just like any ‘uncle.’ Apart from programming late into the night, Jinsu enjoys building scaled Gundam models. Not satisfied with working the typical 9-to-5 job, Jinsu’s entrepreneurial spirit has led him to become a part of the StyleShare family. +

+ +
+
+
+ +
+ +
+ +
+ +
+
+ +
+ Suyeol Jeon + Software Developer +
+ +

+ Optimistic and eager to learn, Suyeol is always looking for something new to work on. Although he is the newest addition to the team, it seems as if Suyeol has been with StyleShare since the beginning. Before StyleShare, Suyeol founded his own startup called Joyfl, allowing him to understand the importance of a well-balanced team. Whether it is working on back end projects or developing internal tools, Suyeol makes sure that he produces a more than satisfying end-product. +

+ +
+
+
+
+ +
+ +
+ +

Marketing Team

+ +
+
+
+ +
+
+
+
+ Hyunyoung Son + Communication manager +
+ +

+ With a dream of working in the fashion industry in Paris, Hyunyoung decided to study French and run a fashion blog. As a result, she came to understand the characteristics of good content and the skills of community management. Just as Hyunyoung provides the office a positive vibes, she enjoys spending time with the StyleShare team. Even though the office teases her due to her indecisive personality, Hyunyoung takes it in all with love. Like the rest of the StyleShare girls, she is always on a ‘diet’. +

+
+
+
+ +
+
+ +
+
+
+
+ Chaeyeon Song + Co-founder, inspiration seeker +
+ +

+ Chayeon’s motto is “Every moment, do your best.” Outgoing and eccentric, Chaeyeon tries to draw inspiration through everything she does. Chaeyon has turned her childhood dream of working in the fashion industry into a reality with StyleShare. Outside of the office, Chaeyeon enjoys getting to know new people, including their likes/dislikes and even any embarrassing stories they try to hide. +

+
+
+
+
+ +
+ +
+ +

Design Team

+ +
+
+
+ +
+
+
+
+ Earl Chang + Future innovator +
+ +

+ Meeting Jay at a joint university design club, Hanearl took on the challenge of heading the Design Team since the beginning of StyleShare. As a well-rounded designer, winning a Red Dot Design Award and an IDEA Award, Hanearl strives to become a designer who can put StyleShare on the map as the leading fashion media platform. Hanearl’s taste for design and artistic sensibility does not make him just a designer but rather an ‘artiste.’ +

+
+
+
+ +
+
+ +
+
+
+
+ Seulgi Ji + Design-meister +
+ +

+ More recently, Seulgi decided to be someone who always sought to learn. Her soft-spoken personality user-centric attitude led her to become the designer responsible for designing StyleShare’s iOS platform and UX. Although Seulgi is notably the one who logs everything she does and meticulously organizes her workspace, the team can always joke around with her. +

+
+
+
+
+ +
+ +
+ +

Management Team

+ +
+
+
+ +
+
+
+
+ Jaeyoung Seo + Mother +
+ +

+ True to her nickname, “Mom,” Jaeyoung maintains StyleShare’s operations backbone, all with a smile on her face. Jaeyoung is an expert in a wide-range of legal fields, including accounting and contract reviewing. Possessing a background in law, Jaeyoung has the credibility, interpersonal skills, and patience needed to help run a dynamic young business. +

+
+
+
+
+
+ +
+ +

Adorable

+ +
+
+
+ +
+
+
+
+ Dan & Chu + Mascot +
+
+
+
+
+
+
+ + +

StyleShare's Team Culture

+ +

StyleShare wants to work with individuals who possess the values listed below. At the end of the year, the member who epitomizes these values will be awarded with the StyleShare Award.

+ +
    +
  • +

    1. The Customer is King

    +

    Prioritizes and Aims for User Satisfaction

    +
    • +
  • +

    2. Active Learner

    +

    Always looking to learn and grow both as an individual and as a team

    +
    • +
  • +

    3. ”It's OK to be Wrong”

    +

    Puts their ego at the door

    +
    • +
  • +

    4. The Team Player

    +

    Synergy, there is no 'I' in 'TEAM'

    +
    • +
  • +

    5. The Steady turtle

    +

    Consistently creating output

    +
    • +
  • +

    6. Make it happen
    +

    Bringing about results are just as important as starting and finishing

    +
    • +
  • +

    7. Care Giver
    +

    All for one and one for all

    +
    • +
+ +
diff --git a/en/about/vision/index.html b/en/about/vision/index.html new file mode 100644 index 0000000..6256bfc --- /dev/null +++ b/en/about/vision/index.html @@ -0,0 +1,191 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Our Vision and Mission +--- + +
+
+ +
+
+ +
+ + +

Background

+ +

+ StyleShare brings the trending must-have styles of the red carpet and the streets to you.

+ + StyleShare is a realtime platform that allows users to share and receive updates on fashion and beauty. In the palm of your hand, share with millions of fashion people your favorite pair of denim jeans, diverse styles, one of a kind vintage items, make-up know-how, and other eye-catching fashion content anytime and anywhere. StyleShare uses fashion as a center for people all over the world to connect with one another.

+ + StyleShare whenever and wherever. +

+ + +

We Believe

+ +
+

StyleShare's vision and mission are centered on the constant feedback from our users.

+ +

Our Vision

+

StyleShare aims for users to easily share and inspire others through everyday fashion.

+ +

Our Mission

+

With StyleShare's Vision in mind, our mission is to…

+ +
    +
  1. Allow users to express themselves through fashion and connect others with similar interests
    2. +
  2. Provide users with valuable tips on all aspects of fashion
    3. +
  3. Understand the needs of our StyleShare community
    4. +
+
+ + +

History

+ +
+

2014

+
    +
  • +

    2014. 04.

    +

    Launching of our new StyleShare 2.0 platform

    +
    • +
+ +

2013

+
    +
  • +

    2013. 10.

    +

    5th Seoul Fashion Week:

    +
    • +
  • +

    +

    Collaboration with Jang Yoon Ju (Model), Ahn Jae Hyun (Esteem Model), Alex Finch (Street Photographer)

    +
    • +
  • +

    2013. 09.

    +

    Naver-StyleShare MOU Partnership

    +
    • +
  • +

    +

    New York Fashion Week

    +
    • +
  • +

    2013. 04.

    +

    Hosted StyleShare Sunday Fleamarket at FOLDER Sinchon

    +
    • +
  • +

    2013. 03.

    +

    Attended world renowned street photographer Yvan Rodic's welcoming party

    +
    • +
  • +

    2013. 02.

    +

    New York Fashion Week (Mercedes Benz Fashion Week)

    +
    • +
+ +

2012

+
    +
  • +

    2012. 09.

    +

    Ranked 2nd free mobile application on Naver's app store, NStore

    +
    • +
  • +

    2012. 08.

    +

    StyleShare x Designer label product manufacturing with Hoyanmore and Socks Appeal

    +
    • +
  • +

    2012. 03.

    +

    MIT Global Startup Workshop (Istanbul, Turkey):

    +
    • +
  • +

    +

    New successful startup opening speech

    +
    • +
  • +

    2012. 02.

    +

    Launched the beta StyleShare application for Android

    +
    • +
+ +

2011

+
    +
  • +

    2011. 10.

    +

    애플 iTunes 앱스토어 추천 앱(What's hot) 선정

    +
    • +
  • +

    +

    제1회 청년기업가대회 대상 (주최: 머니투데이, 기업가정신재단)

    +
    • +
  • +

    2011. 09.

    +

    StyleShare 아이폰 어플리케이션 (beta) 런칭

    +

    • +
  • +

    +

    애플 iTunes 앱스토어 최신 및 추천(New & Noteworthy) 앱 선정

    +
    • +

    2011. 06.

    +

    StyleShare Inc. 설립

    + +
  • +

    +

    미국 Mass Challenge 스타트업 경진대회 결선 진출

    +
    • +
  • +

    +

    125팀 중 유일한 아시아 팀 (주최: 메사추세츠 정부, 매스챌린지)

    +
    • +
  • +

    2011. 05.

    +

    2011 예비기술창업지원사업 선정 (주관: 중소기업청)

    +
    • +
  • +
  • +

    2011. 03.

    +

    2011 MIT Global Startup Workshop

    +
    • +
  • +

    +

    엘리베이터 피치 컨테스트 Top 10 선정 (주최: MIT, 서울대학교)

    +
    • +
+ +

2010

+
    +
  • +

    2010. 10.

    +

    제 4회 고려대학교 Business Idea Competition 우수상 (주최: 고려대학교 경영대학)

    +
    • +
  • +

    +

    2010 연세 CEO 발굴 경진대회 대상 (주최: 연세대학교)

    +
    • +
  • +

    2010. 09.

    +

    제 10회 대한민국 대학생 벤처창업 경진대회 Top 10 (주최: 서울대학교)

    +
    • +
+
+
diff --git a/en/collabo/index.html b/en/collabo/index.html new file mode 100644 index 0000000..29b19d0 --- /dev/null +++ b/en/collabo/index.html @@ -0,0 +1,17 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Ads/Promotions +--- + +

+ StyleShare promotions with fashion industry partners are designed for user engagement on a variety of levels.
+ Contact our Client Marketing Team to receive information on our advertising solutions.
+ E-mail: mkt@stylesha.re +

+ +
+ + Mail to : mkt@stylesha.re + +
diff --git a/en/collabo/sale/index.html b/en/collabo/sale/index.html new file mode 100644 index 0000000..a48bd9c --- /dev/null +++ b/en/collabo/sale/index.html @@ -0,0 +1,16 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Sell with StyleShare (under construction) +--- + +

+ StyleShare is currently in the process of meeting with independent fashion designers and brands to develop a platform for designers and brands to communicate with potential consumers, promote products, and facilitate growth with "Sell with StyleShare." For any designers or brands wanting to showcase their products on an international scale, partner with StyleShare.
+ Any inquiries related to partnering with StyleShare, please email shop@stylesha.re
+

+ +
+ + Mail to: shop@stylesha.re + +
diff --git a/en/help/feedback/index.html b/en/help/feedback/index.html new file mode 100644 index 0000000..f8d8dd9 --- /dev/null +++ b/en/help/feedback/index.html @@ -0,0 +1,15 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Send feedback +--- + +

+Have any ideas? Experiencing problems? Don't hesitate to contact our Management Team. StyleShare is always eager to hear from our users. +

+ +
+ + Mail to: feedback@stylesha.re + +
diff --git a/en/help/index.html b/en/help/index.html new file mode 100644 index 0000000..da96433 --- /dev/null +++ b/en/help/index.html @@ -0,0 +1,26 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: FAQ +--- + +

Lost your StyleShare ID or password?

+

+ In the case that you forgot your StyleShare ID, select the 'Forgot your ID' link at the Sign In page. After clicking on the link and entering your e-mail address, your StyleShare ID information will be sent via e-mail.

+ + In the case that you forgot your StyleShare password, select the 'Forgot your password' link at the Sign In page. After clicking on the link and entering your StyleShare ID, a password reset link will be sent via e-mail.

+ + Remember you can always sing up for StyleShare with your Facebook, Twitter, or Google+ account.
+ If you are still having trouble accessing your StyleShare account, write to us at feedback+help@stylesha.re +

+ +

What type of pictures can I upload to StyleShare?

+

+ You have the freedom to post any pictures related to your style, whether it is your daily look, your next must-have pair of denim jeans, or friend's outfit. +

+ +

There are pictures irrelevant to StyleShare in my feed, what should I do? +

+

+ If you feel a picture does not relate to either fashion or beauty, you can flag the picture as inappropriate by choosing the appropriate reason. +

diff --git a/en/index.html b/en/index.html new file mode 100644 index 0000000..55ef887 --- /dev/null +++ b/en/index.html @@ -0,0 +1,56 @@ +--- +layout: main.en +--- +
+
+
+
+ + +
+
+ + + + + + +
+
+
+
+ +
+
+
+ Introducing the new StyleShare 2.0 +
+ +
+
+
+ Choose from a variety of fashion and beauty categories. +
+ +

With the upper left hand button, check out content by category. Even when uploading, you can choose a category for your photo.

+
+
+
+ Easily add information for clothing related posts +
+ +

Try adding information for items when uploading photos. These information is shown along with the photo for you.

+
+
+
+ Try our new "Collections" feature +
+ +

With "Collections," you can save and organize themed photos you want to keep and share.

+
+
+
+
diff --git a/en/press/index.html b/en/press/index.html new file mode 100644 index 0000000..af7ab57 --- /dev/null +++ b/en/press/index.html @@ -0,0 +1,146 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: StyleShare in press +--- + +
+
+ “'스타일쉐어'는 패션이라는 언어로 사람들과 소통할 수 있기에 글로벌 모델도 가능” +

하이서울뉴, 2012.06.07

+
+ +
+ “스타일쉐어, CeCi와 독자모델 선발 이벤트 실시” +

머니투데이, 2012.05.18

+
+ +
+ “친구와 떠났던 배낭여행이 우연히 창업으로” +

머니투데이, 2012.05.07

+
+ +
+ “작품이 담긴 그릇이 미술관이 돋보이는 것이 아닌, 콘텐츠인 작품이 빛날 수 있게” +

월간디자인 pp.114-115, 2012. 05

+
+ +
+ “창업은 생각이 아니라 do do do!” +

중앙일보, 2012.04.06

+
+ +
+ “'오늘은 뭘 입을까' 일상의 패션 스타일을 즐긴다” +

Fashionbiz pp.134-137, 2012. 04

+
+ +
+ “스타일쉐어, 그루폰 패션몰 그룸과 티셔츠 증정 이벤트 실시” +

머니투데이 2012.03.26

+
+ +
+ “이제는 브랜드와의 제휴를 통해 본격적인 마케팅 활동을 시작할 것” +

ACROFAN, 2012.03.24

+
+ +
+ “웬만하지 않고는 ‘그 옷 어디서 샀어요?’라고 묻지 못한다. 스타일쉐어에서는 된다.” +

한겨레, 2012.02.29

+
+
+ +
+
+ “커플앱 '비트윈'과 패션sns '스타일쉐어'가 연인들을 위한 ‘커플 패션왕 콘테스트’ 이벤트를 실시” +

acrofana, 2012.02.08

+
+ +
+ “패션 전반을 아우르는 소셜네트워크서비스(sns) 업체가 되는 게 목표” +

아시아경제, 2012.02.20

+
+ +
+ “옷차림을 공유할 수 있는 패션 소셜 네트워크 애플리케이션” +

luxurya, 2012. 01

+
+ +
+ “패션에 대한 대중의 소리에 귀를 기울이겠다는 것이 스타일쉐어의 목표” +

머니투데이, 2011.12.27

+
+ +
+ “‘스타일쉐어’는 매일 입는 나의 패션을 다른 사람과 공유하고 사고 싶은 옷을 쇼핑하게 도와주는 앱” +

조선비즈, 2011.12.16

+
+ +
+ “'오늘 무엇을 입고 나갈까'라는 질문을 받아줄 사람이 없을 때 '스타일 sns'의 존재감은 빛을 발한다” +

한국일보, 2011.12.15

+
+ +
+ “패션과 소셜 네트워크 서비스를 접목시킨 '스타일쉐어'” +

제일기획 사보, 2011.12

+
+ +
+ “패션을 사랑하는 사람들의 소셜 네트워크 서비스” +

instyle "5 free style apps", 2011. 12

+
+ +
+ “매일 아침 오늘은 뭘 입을까 하는 고민에서 사업 아이템을 발굴했다. 2달 만에 사용자 5만명을 넘어섰다. 세계로 진출해 사용자를 확보하고 패션 관련 수익모델을 만들어나갈 것” +

매경이코노미, 2011.11.23

+
+
+ +
+
+ “멋쟁이 그대를 위한 sns, ‘스타일쉐어’” +

bloter.net, 2011.11.22

+
+ +
+ “패션을 주제로 다양한 재미를 제공해 세계인의 sns 플랫폼을 만들겠다” +

이코노미스트, 2011.11.14

+
+ +
+ “전 세계의 패션 피플들과 소통하다” +

front magazine vol.8 pp.92-93, 2011. 11.

+
+ +
+ “I wondered what it would be like if people shared their fashion knowledge” +

venture square, 2011.10.13

+
+ +
+ “나와 비슷한 사람들이 서로의 사진을 공유하기에 더 흥미로울 수 있다. 패션을 전공하는 학생에서부터 유명 디자이너에 이르기까지 패션 피플의 일상을 엿보는 재미도 쏠쏠하다” +

한국경제매거진, 2011.09.28

+
+ +
+ “even before its launch, there were more than a thousand users leaving their addresses on the platform and many korean fashion corporations inquiring on advertisement of their own products on the style share domain” +

sgentrepreneurs 2011.09.17

+
+ +
+ “스타일쉐어를 ‘패션계의 페이스북’으로 성장시키겠다” +

중앙일보 2011.09.16

+
+ +
+ “'길거리 패션 정보' 알려준다하니, 론칭도 하기전에 패션업계 떠들썩"” +

머니투데이, 2011.09.01

+
+ +
+ “스타일쉐어, 미국에서 열리는 세계 최대 규모 스타트업 경진대회에 아시아 기업으로는 유일하게 참가권을 획득” +

전자신문, 2011.06.26

+
+
diff --git a/en/press/presskit/index.html b/en/press/presskit/index.html new file mode 100644 index 0000000..c33c798 --- /dev/null +++ b/en/press/presskit/index.html @@ -0,0 +1,39 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: Presskit +--- + +

+ If you have a press inquiry, please download the resources below. For more information, email mkt+press@stylesha.re. +

+ + +
+

StyleShare Logo

+

File includes both ai and png formats of the new StyleShare logo

+ + Download +
+ +
+

StyleShare Screenshots

+

The png file includes both English and Korean versions from iOS, Android, Web

+ + Download +
+ +
+

StyleShare Team Photo

+

File includes a jpg format

+ + Download +
diff --git a/en/recuruit/index.html b/en/recuruit/index.html new file mode 100644 index 0000000..404540d --- /dev/null +++ b/en/recuruit/index.html @@ -0,0 +1,29 @@ +--- +layout: subpage.en +title: Introduction to StyleShare +headTitle: 채용 안내 +--- + +

StyleShare와 함께할 뛰어난 인재들을 기다리고 있습니다. 연령, 성별, 전공, 경력에 관계 없이 자신만의 독창적인 능력으로 StyleShare의 성장에 기여하실 수 있는 분들을 수시로 채용 중입니다. 자세한 직무 소개 및 조건은 아래를 참고해주세요.

+ +
+
+

개발팀

+ +

개발 개발 개발팀

+
+ +
+

마케팅팀

+ +

개발하는 마케팅팀

+
+ +
+

콘텐츠팀

+ +

콘텐츠츠츠팀

+
+
+ +
diff --git a/help/feedback/index.html b/help/feedback/index.html index f6e6909..aee34ae 100644 --- a/help/feedback/index.html +++ b/help/feedback/index.html @@ -6,7 +6,7 @@

StyleShare를 더 나은 공간으로 발전시킬 수 있는 아이디어가 있으시거나,
-불편한 점이 있어 도움을 요청하실 분들은 언제든지 이 곳에서 운영팀에게 의견을 보내주세요.
+불편한 점이 있어 도움을 요청하실 분들은 언제든지 이곳에서 운영팀에게 의견을 보내주세요.
StyleShare 멤버들은 언제나 여러분의 목소리를 기다립니다.

diff --git a/help/index.html b/help/index.html index be2e03f..47c30ef 100644 --- a/help/index.html +++ b/help/index.html @@ -6,15 +6,15 @@

1. StyleShare ID 혹은 password를 잊어버렸어요.

-비밀번호를 잊으셨다면 이 링크를 누르고 StyleShare에서 쓰시는 아이디와 이메일을 입력하여 새로운 비밀번호를 발급받으세요. 아이디를 잊으셨다면 이 링크를 누르고 아이디를 찾아보세요. 수 분 이내에 이메일함에 StyleShare에서 온 이메일을 확인하고 성공적으로 계정을 찾으실 수 있기를 바랍니다. 만약 이메일이 오지 않거나, 아이디/비밀번호를 찾기 어려우신 경우, feedback+help@stylesha.re 으로 가입하신 e-mail주소, 사용자 이름 등 가능한 많은 단서들을 알려주세요. StyleShare에서는 주민번호와 같은 특정한 개인정보를 받지 않기 때문에 사용자 분들의 협조가 있어야만 운영팀이 더욱 빠르게 도와드릴 수 있습니다. 참고로 StyleShare에서는 Facebook, Twitter, me2day의 계정으로도 이용이 가능하도록 되어 있습니다. 따라서 위의 계정으로 로그인이 가능한지 먼저 확인해보세요. +비밀번호를 잊으셨다면 이 링크를 누르고 StyleShare에서 쓰시는 아이디와 이메일을 입력하여 새로운 비밀번호를 발급받으세요. 아이디를 잊으셨다면 이 링크를 누르고 아이디를 찾아보세요. 수 분 이내에 이메일함에 StyleShare에서 온 이메일을 확인하고 성공적으로 계정을 찾으실 수 있기를 바랍니다. 만약 이메일이 오지 않거나, 아이디/비밀번호를 찾기 어려우신 경우, feedback+help@stylesha.re 으로 가입하신 e-mail주소, 사용자 이름 등 가능한 많은 단서를 알려주세요. StyleShare에서는 주민번호와 같은 특정한 개인정보를 받지 않기 때문에 사용자 분들의 협조가 있어야만 운영팀이 더욱 빠르게 도와드릴 수 있습니다. 참고로 StyleShare에서는 Facebook, Twitter, Google+의 계정으로도 이용이 가능하도록 되어 있습니다. 따라서 위의 계정으로 로그인이 가능한지 먼저 확인해보세요.

2. StyleShare에서는 어떤 사진을 올리면 되나요?

-여러분의 스타일을 나타내는 것이라면 무엇이든 좋습니다. 아침 일찍 일어나 패션 센스를 최대한 발휘해서 차려입은 나의 데일리룩, 주말에 가로수길에서 충동구매한 귀요미 구두, 나보다 옷 잘입어서 샘나지만 배울게 많은 친구의 패션, 큰맘먹고 벼르고 산 가방, 등등. 하지만 기본적인 에티켓은 지켜주셔야겠죠? 저작권을 침해하는 컨텐츠, 패션과 관계없는 사진 등은 자제해주세요. +여러분의 스타일을 나타내는 것이라면 무엇이든 좋습니다. 아침 일찍 일어나 패션 센스를 최대한 발휘해서 차려입은 나의 데일리룩, 주말에 가로수길에서 충동구매한 귀요미 구두, 나보다 옷 잘입어서 샘나지만 배울 게 많은 친구의 패션, 큰맘 먹고 벼르고 산 가방, 등등. 하지만 기본적인 에티켓은 지켜주셔야겠죠? 저작권을 침해하는 콘텐츠, 패션과 관계없는 사진 등은 자제해주세요.

3. 피드에 스타일쉐어와 어울리지 않는 사진이 있어요. 어떻게 하면 될까요?

-적절하지 않은 컨텐츠가 피드에 나타나지 않도록 운영팀이 최대한 노력하고 있지만, 간혹 여러분께 보여지는 경우가 있습니다. 그럴 때에는 신고하기 기능을 이용해 주세요. 알맞은 컨텐츠 신고이유를 선택하시고 신고를 완료하시면 바로 조치가 취해집니다. +적절하지 않은 콘텐츠가 피드에 나타나지 않도록 운영팀이 최대한 노력하고 있지만, 간혹 여러분께 보이는 경우가 있습니다. 그럴 때에는 신고하기 기능을 이용해 주세요. 알맞은 콘텐츠 신고이유를 선택하시고 신고를 완료하시면 바로 조치가 취해집니다.

diff --git a/img/1 khj.png b/img/1 khj.png deleted file mode 100644 index c5f304b..0000000 Binary files a/img/1 khj.png and /dev/null differ diff --git a/img/10 jnj.png b/img/10 jnj.png deleted file mode 100644 index ea66af2..0000000 Binary files a/img/10 jnj.png and /dev/null differ diff --git a/img/11 jsj.png b/img/11 jsj.png deleted file mode 100644 index 7a7721d..0000000 Binary files a/img/11 jsj.png and /dev/null differ diff --git a/img/12 dan_chu.png b/img/12 dan_chu.png deleted file mode 100644 index adf26be..0000000 Binary files a/img/12 dan_chu.png and /dev/null differ diff --git a/img/2 shy.png b/img/2 shy.png deleted file mode 100644 index d42fdbe..0000000 Binary files a/img/2 shy.png and /dev/null differ diff --git a/img/3 scy.png b/img/3 scy.png deleted file mode 100644 index 4e31519..0000000 Binary files a/img/3 scy.png and /dev/null differ diff --git a/img/4 abm.png b/img/4 abm.png deleted file mode 100644 index 0465e4b..0000000 Binary files a/img/4 abm.png and /dev/null differ diff --git a/img/5 yjy.png b/img/5 yjy.png deleted file mode 100644 index 77ffb8c..0000000 Binary files a/img/5 yjy.png and /dev/null differ diff --git a/img/6 lgu.png b/img/6 lgu.png deleted file mode 100644 index 7a93ab4..0000000 Binary files a/img/6 lgu.png and /dev/null differ diff --git a/img/7 ljs.png b/img/7 ljs.png deleted file mode 100644 index 0d65dad..0000000 Binary files a/img/7 ljs.png and /dev/null differ diff --git a/img/8 lsj.png b/img/8 lsj.png deleted file mode 100644 index 6baabfe..0000000 Binary files a/img/8 lsj.png and /dev/null differ diff --git a/img/9 jhe.png b/img/9 jhe.png deleted file mode 100644 index 9f3d8b2..0000000 Binary files a/img/9 jhe.png and /dev/null differ diff --git a/img/balloon_head.png b/img/balloon_head.png deleted file mode 100644 index 3159cc2..0000000 Binary files a/img/balloon_head.png and /dev/null differ diff --git a/img/balloon_tail.png b/img/balloon_tail.png deleted file mode 100644 index 98b71a7..0000000 Binary files a/img/balloon_tail.png and /dev/null differ diff --git a/img/photo/binalee.png b/img/photo/binalee.png new file mode 100755 index 0000000..aa6430c Binary files /dev/null and b/img/photo/binalee.png differ diff --git a/img/photo/boming.png b/img/photo/boming.png new file mode 100755 index 0000000..f62cad6 Binary files /dev/null and b/img/photo/boming.png differ diff --git a/img/photo/danchu.png b/img/photo/danchu.png new file mode 100644 index 0000000..5e70662 Binary files /dev/null and b/img/photo/danchu.png differ diff --git a/img/photo/devxoul.png b/img/photo/devxoul.png new file mode 100755 index 0000000..5965378 Binary files /dev/null and b/img/photo/devxoul.png differ diff --git a/img/photo/eden.png b/img/photo/eden.png new file mode 100755 index 0000000..c5b716e Binary files /dev/null and b/img/photo/eden.png differ diff --git a/img/photo/everymoment.png b/img/photo/everymoment.png new file mode 100755 index 0000000..16c6422 Binary files /dev/null and b/img/photo/everymoment.png differ diff --git a/img/photo/fofoman.png b/img/photo/fofoman.png new file mode 100755 index 0000000..27d2daf Binary files /dev/null and b/img/photo/fofoman.png differ diff --git a/img/photo/geonu.png b/img/photo/geonu.png new file mode 100755 index 0000000..b8e21f8 Binary files /dev/null and b/img/photo/geonu.png differ diff --git a/img/photo/imsearch.png b/img/photo/imsearch.png new file mode 100755 index 0000000..b0f01b5 Binary files /dev/null and b/img/photo/imsearch.png differ diff --git a/img/photo/jaeyoung.png b/img/photo/jaeyoung.png new file mode 100755 index 0000000..3eb4d9c Binary files /dev/null and b/img/photo/jaeyoung.png differ diff --git a/img/photo/jay.png b/img/photo/jay.png new file mode 100755 index 0000000..73da145 Binary files /dev/null and b/img/photo/jay.png differ diff --git a/img/photo/shy.png b/img/photo/shy.png new file mode 100755 index 0000000..104171c Binary files /dev/null and b/img/photo/shy.png differ diff --git a/img/photo/yoloseem.png b/img/photo/yoloseem.png new file mode 100755 index 0000000..dbd2c02 Binary files /dev/null and b/img/photo/yoloseem.png differ diff --git a/img/spritesheet.png b/img/spritesheet.png new file mode 100644 index 0000000..ed329ab Binary files /dev/null and b/img/spritesheet.png differ diff --git a/img/stylesheet.png b/img/stylesheet.png new file mode 100644 index 0000000..3062729 Binary files /dev/null and b/img/stylesheet.png differ diff --git a/index.html b/index.html index 93e4fd1..d5f873c 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ 소개합니다.
-
+
카테고리 별로 diff --git a/js/main.js b/js/main.js index aef2714..cea6335 100644 --- a/js/main.js +++ b/js/main.js @@ -10,7 +10,7 @@ if ($sidebar.length) { sidebarOffsetTop = $sidebar.offset().top; $(window).on('scroll', function () { - if ($(window).scrollTop() >= sidebarOffsetTop - 70) { + if ($(window).scrollTop() >= sidebarOffsetTop - 84) { $sidebar.addClass('ss-affix'); } else { $sidebar.removeClass('ss-affix'); diff --git a/js/map.js b/js/map.js new file mode 100644 index 0000000..a2ea474 --- /dev/null +++ b/js/map.js @@ -0,0 +1,102 @@ +/** + * Google maps sample + * https://developers.google.com/maps/documentation/javascript/examples/map-coordinates + * + * @return + */ +(function() { + 'use strict'; + + var map; + var TILE_SIZE = 256; + var styleshareHQ = new google.maps.LatLng(37.52442, 127.029864); + + function bound(value, opt_min, opt_max) { + if (opt_min != null) value = Math.max(value, opt_min); + if (opt_max != null) value = Math.min(value, opt_max); + return value; + } + + function degreesToRadians(deg) { + return deg * (Math.PI / 180); + } + + function radiansToDegrees(rad) { + return rad / (Math.PI / 180); + } + + /** @constructor */ + function MercatorProjection() { + this.pixelOrigin_ = new google.maps.Point(TILE_SIZE / 2, + TILE_SIZE / 2); + this.pixelsPerLonDegree_ = TILE_SIZE / 360; + this.pixelsPerLonRadian_ = TILE_SIZE / (2 * Math.PI); + } + + MercatorProjection.prototype.fromLatLngToPoint = function(latLng, + opt_point) { + var me = this; + var point = opt_point || new google.maps.Point(0, 0); + var origin = me.pixelOrigin_; + + point.x = origin.x + latLng.lng() * me.pixelsPerLonDegree_; + + // Truncating to 0.9999 effectively limits latitude to 89.189. This is + // about a third of a tile past the edge of the world tile. + var siny = bound(Math.sin(degreesToRadians(latLng.lat())), -0.9999, + 0.9999); + point.y = origin.y + 0.5 * Math.log((1 + siny) / (1 - siny)) * + -me.pixelsPerLonRadian_; + return point; + }; + + MercatorProjection.prototype.fromPointToLatLng = function(point) { + var me = this; + var origin = me.pixelOrigin_; + var lng = (point.x - origin.x) / me.pixelsPerLonDegree_; + var latRadians = (point.y - origin.y) / -me.pixelsPerLonRadian_; + var lat = radiansToDegrees(2 * Math.atan(Math.exp(latRadians)) - + Math.PI / 2); + return new google.maps.LatLng(lat, lng); + }; + + function createInfoWindowContent() { + var numTiles = 1 << map.getZoom(); + var projection = new MercatorProjection(); + var worldCoordinate = projection.fromLatLngToPoint(styleshareHQ); + var pixelCoordinate = new google.maps.Point( + worldCoordinate.x * numTiles, + worldCoordinate.y * numTiles); + var tileCoordinate = new google.maps.Point( + Math.floor(pixelCoordinate.x / TILE_SIZE), + Math.floor(pixelCoordinate.y / TILE_SIZE)); + + return [ + 'StyleShare', + '주소: 서울 특별시 강남구 압구정로 32길 49 2층', + '(구: 서울특별시 강남구 신사동 601번지 2층)' + ].join('
'); + } + + function initialize() { + var mapOptions = { + center: styleshareHQ, + zoom: 17, + zoomControl: true, + zoomControlOptions: { + style: google.maps.ZoomControlStyle.SMALL + } + }; + map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); + var coordInfoWindow = new google.maps.InfoWindow(); + coordInfoWindow.setContent(createInfoWindowContent()); + coordInfoWindow.setPosition(styleshareHQ); + coordInfoWindow.open(map); + + google.maps.event.addListener(map, 'zoom_changed', function() { + coordInfoWindow.setContent(createInfoWindowContent()); + coordInfoWindow.open(map); + }); + } + google.maps.event.addDomListener(window, 'load', initialize); +})(); diff --git a/less/styles.less b/less/styles.less index ad6be90..979680a 100644 --- a/less/styles.less +++ b/less/styles.less @@ -8,21 +8,27 @@ body { padding-top: 60px; - font-family: "PT sans", "Nanum Gothic", "NanumGothic", "Nanum Gothic Regular", "NanumGothicRegular", sans-serif; + font-family: "PT sans", "Apple SD Gothic Neo", "Nanum Gothic", "NanumGothic", "Nanum Gothic Regular", "NanumGothicRegular", sans-serif; font-size: 14px; color: #333; - line-height: 1.428571429; + line-height: 1.56; letter-spacing: -0.6px; } -a:link { - text-decoration: none; - color: #047acc; -} +a { + outline: none; + + &:link, + &:focus, + &:hover { + outline: none; + } -a:hover { - text-decoration: underline; - color: #047acc; + &:link, + &:hover { + text-decoration: none; + color: #047acc; + } } .align-center { @@ -37,6 +43,11 @@ a:hover { overflow: hidden; } +.nav>li>a:hover, +.nav>li>a:focus { + background-color: transparent; +} + .navbar-fixed-top { background-color: white; border: 0; @@ -57,6 +68,8 @@ a:hover { background-color: #F2F2F2; } +.ss-content-body { padding: 50px 0 60px; } + .padding-bottom { padding-bottom: 70px; } @@ -69,10 +82,9 @@ a:hover { } .ss-sidebar { - top: 70px; + top: 84px; margin-left: -15px; margin-right: -15px; - padding: 10px; background-color: white; ul { @@ -85,7 +97,11 @@ a:hover { a { color: #333; - padding: 15px; + padding: 13px 15px; + + &:hover { + background-color: #FAFAFA; + } } } } @@ -125,7 +141,7 @@ a:hover { width: 180px; left: 60px; margin-left: -90px; - border-top: 1px solid transparent; + border-top: 1px solid #E5E5E5; li { @@ -133,12 +149,14 @@ a:hover { border-left: 2px solid transparent; border-right: 2px solid transparent; background-color: rgba(51, 51, 51, 0.98); + + &:first-child { border-top: 0; } } a { color: white; font-size: 12px; - padding: 10px 0 !important; + padding: 12px 0 !important; text-align: center; &:hover, @@ -187,6 +205,10 @@ a:hover { padding: 15px 0; background-color: #00A688; border-radius: 5px; + + &:hover { + background-color: #0D7F73; + } } .ss-answer { @@ -216,7 +238,8 @@ a:hover { a { color: white; - font-size: 12px; + font-size: 13px; + padding: 14px 0; text-align: center; &:hover { background-color: #303030; } @@ -262,7 +285,7 @@ a:hover { .ss-copyright { max-width: 420px; } .ss-copyright-mobile { width: 228px; } .ss-copyright-bottom { - color: white; + color: #E2E2E2; margin: 0; padding: 20px 0; } @@ -349,55 +372,10 @@ a:hover { p { margin-bottom: 0; } } -.ss-team-thumbnail { - margin-top: 30px; -} - -.ss-member-image { - width: 70px; - height: 70px; - margin-top: 12px; - margin-right: 16px; -} - -.ss-member-description { - margin-top: -3px; -} - -.ss-balloon { - position: relative; - height: 50px; - overflow: hidden; - background-color: white; - - table { - position: relative; - width: 100%; - height: 100%; - - td { - text-align: center; - padding: 0 10px 0 20px; - } - } - - .ss-balloon-head, - .ss-balloon-tail { - position: absolute; - height: 50px; - } - .ss-balloon-head { right: 0; } - .ss-balloon-tail { left: 0; } - .ss-balloon-body { - font-size: 12px; - - &:before { content: '"';} - &:after { content: '"';} - } -} - .ss-press-kit-img { height: 220px; } +.ss-subpage-title { padding: 35px 0 40px; } + .loopingClass (@index) when (@index >= 0) { @tmp: @index * 5px; @font: @index * 3px; @@ -444,9 +422,17 @@ a:hover { } } +@media (min-width: 500px) and (max-width: 767px) { + .ss-copyright-bottom { padding: 20px 10px; } +} + @media (max-width: 767px) { body { padding-top: 0; } - .header { padding: 40px 0; } + .header { padding: 39px 0; } + .ss-subpage-title { + font-size: 24px; + padding: 22px 0 20px; + } .ss-mobile-left { float: left; } .ss-mobile-right { float: right; } @@ -474,7 +460,7 @@ a:hover { display: block; .ss-mobile-nav { - width: 80%; + width: 94%; >button { background-color: transparent; @@ -483,7 +469,6 @@ a:hover { width: 25%; padding: 10px 0; color: black; - font-weight: bold; } } } @@ -535,3 +520,109 @@ a:hover { @media (min-width: 1200px) { .ss-affix { width: 380px; } } + +@media (max-width: 991px) { + .ss-content-body { padding: 22px 0 45px; } +} + +.ss-team-wrapper { + margin-top: 30px; + + .ss-team { + margin-top: 24px; + + &:first-child { margin-top: 0; } + + .ss-team-name, + .ss-team-member { + margin: 0; + padding-left: 18px; + padding-right: 18px; + + background-color: white; + } + + .ss-team-name { + padding-top: 16px; + padding-bottom: 16px; + + font-size: 16px; + color: #464646; + + @media (max-width: 767px) { + text-align: center; + } + } + + .ss-team-member { + margin-top: 2px; + padding-top: 18px; + padding-bottom: 18px; + + &:first-child { + margin-top: 0; + padding-top: 0; + } + + @media (max-width: 767px) { + margin-top: 0; + padding-left: 2px; + padding-right: 2px; + } + + .ss-member-image { + float: left; + + @media (max-width: 767px) { + float: none; + width: 100%; + height: auto; + } + + .ss-member-thumbnail { + display: none; + @media (max-width: 767px) { + width: 100%; + display: block; + } + } + } + + .ss-member-information-wrapper { + height: 100px; + display: table; + padding-left: 16px; + + overflow: hidden; + + @media (max-width: 767px) { + padding-left: 16px; + padding-right: 16px; + } + + .ss-member-information { + display: table-cell; + vertical-align: middle; + } + } + + .ss-member-name { + font-size: 18px; + color: black; + } + + .ss-member-title { + font-size: 14px; + color: #4c4c4c; + } + + .ss-member-description { + margin-top: 12px; + margin-bottom: 0; + + font-size: 13px; + color: #333; + } + } + } +} diff --git a/press/index.html b/press/index.html index 08fc7dd..def5fbb 100644 --- a/press/index.html +++ b/press/index.html @@ -4,143 +4,186 @@ headTitle: 언론 속의 StyleShare --- -
-
+
+ +
+ + “스타일쉐어, 패션 바이럴의 시작점” + +

이데일리, 2014년 3월 17일

+
+ +
+ + “스타일쉐어는 10~30대 젊은 층이 매일 들어가서 패션 정보를 찾을 수 있는 서비스가 될 겁니다” + +

한국경제, 2014년 3월 3일

+
+ +
+ + “이번 2.0 업데이트를 시작으로 더욱 적극적으로 해외공략” + +

전자신문, 2014년 2월 13일

+
+ +
+ + “런웨이와 일상적 패션의 갭을 메우다” + +

비석세스, 2014년 2월 11일

+
+ +
+ + “스타일쉐어, 베타 떼고 맵시 내고” + +

Bloter, 2014년 2월 9일

+
+ +
+ + “네이버-스타일쉐어, 패션 콘텐츠 분야 협력” + +

한국경제, 2013년 9월 2일

+
+ +
“'스타일쉐어'는 패션이라는 언어로 사람들과 소통할 수 있기에 글로벌 모델도 가능”

하이서울뉴, 2012.06.07

-
- “스타일쉐어, CeCi와 독자모델 선발 이벤트 실시” +
+ “스타일쉐어, CeCi와 독자모델 선발 이벤트 실시”

머니투데이, 2012.05.18

-
+
“친구와 떠났던 배낭여행이 우연히 창업으로”

머니투데이, 2012.05.07

-
+
“작품이 담긴 그릇이 미술관이 돋보이는 것이 아닌, 콘텐츠인 작품이 빛날 수 있게”

월간디자인 pp.114-115, 2012. 05

-
- “창업은 생각이 아니라 do do do!” +
+ “창업은 생각이 아니라 do do do! 생각만 해서는 아무것도 이룰 수 없죠”

중앙일보, 2012.04.06

-
+
“'오늘은 뭘 입을까' 일상의 패션 스타일을 즐긴다”

Fashionbiz pp.134-137, 2012. 04

-
- “스타일쉐어, 그루폰 패션몰 그룸과 티셔츠 증정 이벤트 실시” +
+ “스타일쉐어, 그루폰 패션몰 그룸과 티셔츠 증정 이벤트 실시”

머니투데이 2012.03.26

-
+
“이제는 브랜드와의 제휴를 통해 본격적인 마케팅 활동을 시작할 것”

ACROFAN, 2012.03.24

-
+
“웬만하지 않고는 ‘그 옷 어디서 샀어요?’라고 묻지 못한다. 스타일쉐어에서는 된다.”

한겨레, 2012.02.29

-
-
-
+
“커플앱 '비트윈'과 패션sns '스타일쉐어'가 연인들을 위한 ‘커플 패션왕 콘테스트’ 이벤트를 실시”

acrofana, 2012.02.08

-
+
“패션 전반을 아우르는 소셜네트워크서비스(sns) 업체가 되는 게 목표”

아시아경제, 2012.02.20

-
+
“옷차림을 공유할 수 있는 패션 소셜 네트워크 애플리케이션”

luxurya, 2012. 01

-
- “패션에 대한 대중의 소리에 귀를 기울이겠다는 것이 스타일쉐어의 목표” +
+ “패션에 대한 대중의 소리에 귀를 기울이겠다는 것이 스타일쉐어의 목표”

머니투데이, 2011.12.27

-
+
“‘스타일쉐어’는 매일 입는 나의 패션을 다른 사람과 공유하고 사고 싶은 옷을 쇼핑하게 도와주는 앱”

조선비즈, 2011.12.16

-
+
“'오늘 무엇을 입고 나갈까'라는 질문을 받아줄 사람이 없을 때 '스타일 sns'의 존재감은 빛을 발한다”

한국일보, 2011.12.15

-
+
“패션과 소셜 네트워크 서비스를 접목시킨 '스타일쉐어'”

제일기획 사보, 2011.12

-
+
“패션을 사랑하는 사람들의 소셜 네트워크 서비스”

instyle "5 free style apps", 2011. 12

-
+
“매일 아침 오늘은 뭘 입을까 하는 고민에서 사업 아이템을 발굴했다. 2달 만에 사용자 5만명을 넘어섰다. 세계로 진출해 사용자를 확보하고 패션 관련 수익모델을 만들어나갈 것”

매경이코노미, 2011.11.23

-
-
-
- “멋쟁이 그대를 위한 sns, ‘스타일쉐어’” +
+ “멋쟁이 그대를 위한 SNS, ‘스타일쉐어’”

bloter.net, 2011.11.22

-
+
“패션을 주제로 다양한 재미를 제공해 세계인의 sns 플랫폼을 만들겠다”

이코노미스트, 2011.11.14

-
+
“전 세계의 패션 피플들과 소통하다”

front magazine vol.8 pp.92-93, 2011. 11.

-
+
“I wondered what it would be like if people shared their fashion knowledge”

venture square, 2011.10.13

-
+
“나와 비슷한 사람들이 서로의 사진을 공유하기에 더 흥미로울 수 있다. 패션을 전공하는 학생에서부터 유명 디자이너에 이르기까지 패션 피플의 일상을 엿보는 재미도 쏠쏠하다”

한국경제매거진, 2011.09.28

-
+
“even before its launch, there were more than a thousand users leaving their addresses on the platform and many korean fashion corporations inquiring on advertisement of their own products on the style share domain”

sgentrepreneurs 2011.09.17

-
- “스타일쉐어를 ‘패션계의 페이스북’으로 성장시키겠다” +
+ “스타일쉐어를 ‘패션계의 페이스북’으로 성장시키겠다”

중앙일보 2011.09.16

-
+
“'길거리 패션 정보' 알려준다하니, 론칭도 하기전에 패션업계 떠들썩"”

머니투데이, 2011.09.01

-
+
“스타일쉐어, 미국에서 열리는 세계 최대 규모 스타트업 경진대회에 아시아 기업으로는 유일하게 참가권을 획득”

전자신문, 2011.06.26

+ + + diff --git a/press/presskit/index.html b/press/presskit/index.html index d0c1f2b..17354a2 100644 --- a/press/presskit/index.html +++ b/press/presskit/index.html @@ -39,5 +39,5 @@ 다운로드 + href="/presskit/Photo.zip">다운로드