Skip to content

H
HEENAM-DEV
Commit b0df2f59 authored by leeokhee's avatar leeokhee
Browse files
Options

.

parent f0405380
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1356 additions and 18 deletions
docs/html/design.html
View file @ b0df2f59
<div id="design"><div class="section"><div class="container"><h2>디자인</h2><ul class="list-unstyled"><li><a target="_blank" href="https://rfpro.gettyimageskorea.com">게티이미지</a> (heenamsoft / heenam!@01) - 동시접속 최대3명까지/월 100개</li></ul><h5>회사로고</h5><div class="d-flex align-items-center small"><span class="color mr-2 heenam-primary"></span> #005083 <span class="color mx-2 heenam-secondary"></span> #B7D100 <span class="color mx-2 heenam-text"></span> #231815</div><div class="row"><div class="col-md"><h6>.png</h6><div class="d-flex border p-4"><img src="images/logo.png" alt=""> <img src="images/logo_x.png" alt="" class="ml-3"></div></div><div class="col-md"><h6>.svg</h6><div class="d-flex border p-4"><img src="images/logo.svg" alt=""> <img src="images/logo_x.svg" alt="" class="ml-3"></div></div></div><div class="d-flex align-items-center small mt-3"><span class="color mr-2 espider-primary"></span> #FF5232 <span class="color mx-2 espider-text"></span> #1E2328</div><div class="row mt-2"><div class="col-md"><h6>.png</h6><div class="d-flex border p-4"><img src="images/logo_espider_y.png" alt=""> <img src="images/logo_espider.png" alt="" class="ml-3"></div></div><div class="col-md"><h6>.svg</h6><div class="d-flex border p-4"><img src="images/logo_espider_y.svg" alt=""> <img src="images/logo_espider.svg" alt="" class="ml-3"></div></div></div></div></div></div>
\ No newline at end of file
<div id="design">
<div class="section">
<div class="container">
<h2>디자인</h2>
<ul class="list-unstyled">
<li><a target="_blank" href="https://rfpro.gettyimageskorea.com">게티이미지</a> (heenamsoft / heenam!@01) - 동시접속 최대3명까지/월 100개</li>
</ul>
<h5>회사로고</h5>
<!--<h6 class="mt-4">희남</h6>-->
<div class="d-flex align-items-center small">
<span class="color mr-2 heenam-primary"></span> #005083
<span class="color mx-2 heenam-secondary"></span> #B7D100
<span class="color mx-2 heenam-text"></span> #231815
</div>
<div class="row">
<div class="col-md">
<h6>.png</h6>
<div class="d-flex border p-4">
<img src="images/logo.png" alt="">
<img src="images/logo_x.png" alt="" class="ml-3">
</div>
</div>
<div class="col-md">
<h6>.svg</h6>
<div class="d-flex border p-4">
<img src="images/logo.svg" alt="">
<img src="images/logo_x.svg" alt="" class="ml-3">
</div>
</div>
</div>
<!--<h6 class="mt-4">이스파이더</h6>-->
<div class="d-flex align-items-center small mt-3">
<span class="color mr-2 espider-primary"></span> #FF5232
<span class="color mx-2 espider-text"></span> #1E2328
</div>
<div class="row mt-2">
<div class="col-md">
<h6>.png</h6>
<div class="d-flex border p-4">
<img src="images/logo_espider_y.png" alt="">
<img src="images/logo_espider.png" alt="" class="ml-3">
</div>
</div>
<div class="col-md">
<h6>.svg</h6>
<div class="d-flex border p-4">
<img src="images/logo_espider_y.svg" alt="">
<img src="images/logo_espider.svg" alt="" class="ml-3">
</div>
</div>
</div>
</div>
</div>
</div>
docs/html/footer.html
View file @ b0df2f59
<footer class="footer"><a href="#main" class="btn btn-default btn-top"><span class="sr-only">go top</span></a><div class="container small text-center"><address>서울특별시 영등포구 문래북로 116 (문래동3가, 트리플렉스) 804호<br>© 2019 HEENAM Inc.</address><ul class="list-unstyled mt-2 list-inline"><li class="list-inline-item">Tel : 070-4633-5359</li><li class="list-inline-item">Fax : 02-6008-0255</li><li class="list-inline-item">E-mail : heenam.dev@gmail.com</li></ul></div></footer>
\ No newline at end of file
<footer class="footer">
<a href="#main" class="btn btn-default btn-top"><span class="sr-only">go top</span></a>
<div class="container small text-center">
<address>서울특별시 영등포구 문래북로 116 (문래동3가, 트리플렉스) 804호 <br>© 2019 HEENAM Inc.</address>
<ul class="list-unstyled mt-2 list-inline">
<li class="list-inline-item">Tel : 070-4633-5359</li>
<li class="list-inline-item">Fax : 02-6008-0255</li>
<li class="list-inline-item">E-mail : heenam.dev@gmail.com</li>
</ul>
</div>
</footer>
docs/html/header.html
View file @ b0df2f59
<header class="header"><nav class="navbar navbar-expand-lg navbar-light bg-light"><div class="container"><a class="navbar-brand" href="#main">HEENAM.DEV</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbar"><ul class="navbar-nav mr-auto"><li class="nav-item"><a id="menu5" href="#setting" class="nav-link">환경설정</a></li><li class="nav-item"><a id="menu6" href="#organization" class="nav-link">조직도</a></li><li class="nav-item"><a id="menu7" href="#layout" class="nav-link">배치도</a></li><li class="nav-item"><a id="menu8" href="#design" class="nav-link">디자인</a></li></ul></div><a href="http://www.heenam.co.kr" target="_blank" class="btn btn-outline-dark ml-1 d-md-block d-none">HEENAM</a></div></nav></header>
\ No newline at end of file
<header class="header">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#main">HEENAM.DEV</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<!--<li class="nav-item"><a id="menu1" href="#people" class="nav-link">인재상</a></li>-->
<!--<li class="nav-item"><a id="menu2" href="#recruit" class="nav-link">채용절차</a></li>-->
<!--<li class="nav-item"><a id="menu3" href="#job" class="nav-link">직무소개</a></li>-->
<!--<li class="nav-item"><a id="menu4" href="#welfare" class="nav-link">복리후생</a></li>-->
<li class="nav-item"><a id="menu5" href="#setting" class="nav-link">환경설정</a></li>
<li class="nav-item"><a id="menu6" href="#organization" class="nav-link">조직도</a></li>
<li class="nav-item"><a id="menu7" href="#layout" class="nav-link">배치도</a></li>
<li class="nav-item"><a id="menu8" href="#design" class="nav-link">디자인</a></li>
</ul>
</div>
<a href="http://www.heenam.co.kr" target="_blank" class="btn btn-outline-dark ml-1 d-md-block d-none">HEENAM</a>
</div>
</nav>
</header>
docs/html/job.html
View file @ b0df2f59
<div id="job"><div class="section"><div class="container"><h2>직무소개</h2></div></div></div>
\ No newline at end of file
<div id="job">
<div class="section">
<div class="container">
<h2>직무소개</h2>
</div>
</div>
</div>
docs/html/layout.html
View file @ b0df2f59
<div id="layout"><div class="section"><div class="container"><h2>배치도</h2><div class="row small text-center no-gutters"><div class="col-md-7 border p-3"><h5>대표실</h5><div class="row p-3"><div class="col border">김대희 대표이사</div><div class="col border ml-4">김동환 대표이사</div></div><div class="row mt-2 no-gutters justify-content-between"><div class="col-2"><div class="alert-success">여용주 이사 <small>사업부</small></div></div><div class="col-2 offset-md-1"><div class="alert-danger">김정민 사원 <small>경영지원</small></div><div class="alert-success my-2">조아라 대리 <small>사업1팀</small></div><div class="alert-success">김명규 과장 <small>사업1팀</small></div></div><div class="col-2"><div class="alert-info">오명환 과장 <small>CODEF(기획/디자인)</small></div><div class="alert-info my-2">남소라 과장 <small>CODEF(기획/디자인)</small></div><div class="alert-info">서성권 이사 <small>CODEF</small></div></div><div class="col-2"><div class="alert-info">이옥희 차장 <small>CODEF(기획/디자인)</small></div><div class="alert-info my-2">정성현 차장 <small>CODEF(개발/운영)</small></div><div class="alert-info">곽대종 차장 <small>CODEF(개발/운영)</small></div></div><div class="col-2"><div class="alert-info">최동철 사원 <small>CODEF(개발/운영)</small></div><div class="alert-secondary my-2">안창희 대리 <small>연구소</small></div><div class="alert-secondary">권정운 이사 <small>연구소</small></div></div></div></div><div class="col-md border p-3 ml-md-3 mt-3 mt-md-0 text-center"><h5>스크래핑 센터</h5><div class="row p-3"><div class="col border">이창환 소장</div><div class="col border ml-4">정진호 부장</div></div><div class="row mt-2 no-gutters"><div class="col"><div class="alert-primary">모듈TO <small>모듈운영팀</small></div><div class="alert-primary my-2">김정만 사원 <small>모듈운영팀</small></div><div class="alert-primary">조혜민 대리 <small>품질관리</small></div></div><div class="col ml-2"><div class="alert-primary">한혜란 사원 <small>모듈운영팀</small></div><div class="alert-primary my-2">강민철 사원 <small>모듈운영팀</small></div><div class="alert-primary">윤은미 대리 <small>모듈운영팀</small></div></div><div class="col ml-2"><div class="alert-primary">장두혁 사원 <small>모듈운영팀</small></div><div class="alert-primary my-2">오명관 사원 <small>모듈운영팀</small></div><div class="alert-primary">원치홍 대리 <small>모듈운영팀</small></div></div><div class="col ml-2"><div class="alert-warning">조명현 사원 <small>웹/앱 기술팀</small></div><div class="alert-warning my-2">김진환 사원 <small>웹/앱 기술팀</small></div><div class="alert-warning">웹TO <small>웹/앱 기술팀</small></div></div></div></div></div></div></div></div>
\ No newline at end of file
<div id="layout">
<div class="section">
<div class="container">
<h2>배치도</h2>
<div class="row small text-center no-gutters">
<div class="col-md-7 border p-3">
<h5>대표실</h5>
<div class="row p-3">
<div class="col border">김대희 대표이사</div>
<div class="col border ml-4">김동환 대표이사</div>
</div>
<div class="row mt-2 no-gutters justify-content-between">
<div class="col-2">
<div class="alert-success">여용주 이사
<small>사업부</small>
</div>
</div>
<div class="col-2 offset-md-1">
<div class="alert-danger">김정민 사원
<small>경영지원</small>
</div>
<div class="alert-success my-2">조아라 대리
<small>사업1팀</small>
</div>
<div class="alert-success">김명규 과장
<small>사업1팀</small>
</div>
</div>
<div class="col-2">
<div class="alert-info">오명환 과장
<small>CODEF(기획/디자인)</small>
</div>
<div class="alert-info my-2">남소라 과장
<small>CODEF(기획/디자인)</small>
</div>
<div class="alert-info">서성권 이사
<small>CODEF</small>
</div>
</div>
<div class="col-2">
<div class="alert-info">이옥희 차장
<small>CODEF(기획/디자인)</small>
</div>
<div class="alert-info my-2">정성현 차장
<small>CODEF(개발/운영)</small>
</div>
<div class="alert-info">곽대종 차장
<small>CODEF(개발/운영)</small>
</div>
</div>
<div class="col-2">
<div class="alert-info">최동철 사원
<small>CODEF(개발/운영)</small>
</div>
<div class="alert-secondary my-2">안창희 대리
<small>연구소</small>
</div>
<div class="alert-secondary">권정운 이사
<small>연구소</small>
</div>
</div>
</div>
</div>
<div class="col-md border p-3 ml-md-3 mt-3 mt-md-0 text-center">
<h5>스크래핑 센터</h5>
<div class="row p-3">
<div class="col border">이창환 소장</div>
<div class="col border ml-4">정진호 부장</div>
</div>
<div class="row mt-2 no-gutters">
<div class="col">
<div class="alert-primary">모듈TO
<small>모듈운영팀</small>
</div>
<div class="alert-primary my-2">김정만 사원
<small>모듈운영팀</small>
</div>
<div class="alert-primary">조혜민 대리
<small>품질관리</small>
</div>
</div>
<div class="col ml-2">
<div class="alert-primary">한혜란 사원
<small>모듈운영팀</small>
</div>
<div class="alert-primary my-2">강민철 사원
<small>모듈운영팀</small>
</div>
<div class="alert-primary">윤은미 대리
<small>모듈운영팀</small>
</div>
</div>
<div class="col ml-2">
<div class="alert-primary">장두혁 사원
<small>모듈운영팀</small>
</div>
<div class="alert-primary my-2">오명관 사원
<small>모듈운영팀</small>
</div>
<div class="alert-primary">원치홍 대리
<small>모듈운영팀</small>
</div>
</div>
<div class="col ml-2">
<div class="alert-warning">조명현 사원
<small>웹/앱 기술팀</small>
</div>
<div class="alert-warning my-2">김진환 사원
<small>웹/앱 기술팀</small>
</div>
<div class="alert-warning">웹TO
<small>웹/앱 기술팀</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
docs/html/main.html
View file @ b0df2f59
<div id="main"><div class="section main"><div class="text-center"><h2>업무 가이드</h2><p>update : 2019.1.30</p></div></div></div>
\ No newline at end of file
<div id="main">
<div class="section main">
<div class="text-center">
<h2>업무 가이드</h2>
<p>update : 2019.1.30</p>
</div>
</div>
</div>
docs/html/organization.html
View file @ b0df2f59
<div id="organization"><div class="section"><div class="container"><h2>조직도</h2><div class="p-3 small"><div class="row text-center"><div class="col-md-6 border mx-auto">대표이사</div></div><div class="row text-center mt-2"><div class="mt-2 mt-md-0 col-md"><div class="row flex-column flex-grow-1"><div class="col border">경영지원부</div><div class="col border mt-2">연구소</div></div></div><div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">사업부<div class="row flex-column p-2"><div class="col border">사업1팀</div></div></div><div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">CODEF(TF)<div class="row flex-column p-2"><div class="col border">개발/운영</div><div class="col mt-2 border">기획/디자인</div></div></div><div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">스크래핑센터<div class="row flex-column p-2"><div class="col border">모듈운영팀</div><div class="col mt-2 border">웹/앱기술팀</div></div></div></div></div></div></div></div>
\ No newline at end of file
<div id="organization">
<div class="section">
<div class="container">
<h2>조직도</h2>
<div class="p-3 small">
<div class="row text-center">
<div class="col-md-6 border mx-auto">대표이사</div>
</div>
<div class="row text-center mt-2">
<div class="mt-2 mt-md-0 col-md">
<div class="row flex-column flex-grow-1">
<div class="col border">경영지원부</div>
<div class="col border mt-2">연구소</div>
</div>
</div>
<div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">
사업부
<div class="row flex-column p-2">
<div class="col border">사업1팀</div>
</div>
</div>
<div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">
CODEF(TF)
<div class="row flex-column p-2">
<div class="col border">개발/운영</div>
<div class="col mt-2 border">기획/디자인</div>
</div>
</div>
<div class="mt-2 mt-md-0 ml-md-2 col-md border p-3">
스크래핑센터
<div class="row flex-column p-2">
<div class="col border">모듈운영팀</div>
<div class="col mt-2 border">웹/앱기술팀</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
docs/html/people.html
View file @ b0df2f59
<div id="people"><div class="section"><div class="container"><h2>인재상</h2></div></div></div>
\ No newline at end of file
<div id="people">
<div class="section">
<div class="container">
<h2>인재상</h2>
</div>
</div>
</div>
docs/html/recruit.html
View file @ b0df2f59
<div id="recruit"><div class="section"><div class="container"><h2>채용절차</h2></div></div></div>
\ No newline at end of file
<div id="recruit">
<div class="section">
<div class="container">
<h2>채용절차</h2>
</div>
</div>
</div>
docs/html/setting.html
View file @ b0df2f59
<div id="setting"><div class="section"><div class="container"><h2>환경설정</h2><h5>계정생성</h5><ul class="list-unstyled"><li><a href="https://office.heenam.co.kr" target="_blank">https://office.heenam.co.kr</a></li></ul><h5>파일서버</h5><ul class="list-unstyled"><li>afp://www.heenam.co.kr</li></ul><h5>업무공지 및 휴가등록</h5><ul class="list-unstyled"><li>맨티스 : <a href="http://mantis.heenam.co.kr" target="_blank">http://mantis.heenam.co.kr</a></li><li>아지트 : <a href="https://heenam.agit.io" target="_blank">https://heenam.agit.io</a></li></ul><h5>업무메일 및 휴가등록</h5><ul class="list-unstyled"><li>heenam.cal@gmail.com / 희남2016#$ (휴가등록 캘린더)</li><li>heenam.dev@gmail.com / 희남2016%^ (개발관련 업무메일)</li></ul><h5>지문등록 및 비품관련</h5><ul class="list-unstyled"><li>경영지원팀 <strong class="text-danger">김정민</strong> 사원</li></ul><h5>WIFI</h5><ul class="list-unstyled"><li>Heenam_INT2_5G / 희남1201</li></ul><h5>프린터</h5><ul class="list-unstyled"><li><a href="https://goo.gl/dFXTYY" target="_blank">1. 캐논 드라이버 설치 (복합기 > 컬러 디지털 복합기 > iR ADV C3320, OS 선택)</a></li><li><a href="../assets/2018100211292501.mac-UFRII-v10170-02.dmg">2. Mac OS 10.14 Mojave 기준 드라이버 다운로드</a><br><img src="../images/print.png" alt="" style="width:500px"></li></ul><h5>내부IP현황</h5><ul class="list-unstyled"><li><a target="_blank" href="https://goo.gl/jvRcka">https://goo.gl/jvRcka</a></li></ul><h5>비상연락망</h5><ul class="list-unstyled"><li><a target="_blank" href="https://goo.gl/GrAqF8">https://goo.gl/GrAqF8</a></li></ul></div></div></div>
\ No newline at end of file
<div id="setting">
<div class="section">
<div class="container">
<h2>환경설정</h2>
<h5>계정생성</h5>
<ul class="list-unstyled">
<li><a href="https://office.heenam.co.kr" target="_blank">https://office.heenam.co.kr</a></li>
</ul>
<h5>파일서버</h5>
<ul class="list-unstyled">
<li>afp://www.heenam.co.kr</li>
</ul>
<h5>업무공지 및 휴가등록</h5>
<ul class="list-unstyled">
<li>맨티스 : <a href="http://mantis.heenam.co.kr" target="_blank">http://mantis.heenam.co.kr</a></li>
<li>아지트 : <a href="https://heenam.agit.io" target="_blank">https://heenam.agit.io</a></li>
</ul>
<h5>업무메일 및 휴가등록</h5>
<ul class="list-unstyled">
<li>heenam.cal@gmail.com / 희남2016#$ (휴가등록 캘린더)</li>
<li>heenam.dev@gmail.com / 희남2016%^ (개발관련 업무메일)</li>
</ul>
<h5>지문등록 및 비품관련</h5>
<ul class="list-unstyled">
<li>경영지원팀 <strong class="text-danger">김정민</strong> 사원</li>
</ul>
<h5>WIFI</h5>
<ul class="list-unstyled">
<li>Heenam_INT2_5G / 희남1201</li>
</ul>
<h5>프린터</h5>
<ul class="list-unstyled">
<li><a href="https://goo.gl/dFXTYY" target="_blank">1. 캐논 드라이버 설치 (복합기 > 컬러 디지털 복합기 > iR ADV C3320, OS 선택)</a></li>
<li><a href="../assets/2018100211292501.mac-UFRII-v10170-02.dmg">2. Mac OS 10.14 Mojave 기준 드라이버 다운로드</a> <br>
<img src="../images/print.png" alt="" style="width: 500px;">
</li>
</ul>
<h5>내부IP현황</h5>
<ul class="list-unstyled">
<li><a target="_blank" href="https://goo.gl/jvRcka">https://goo.gl/jvRcka</a></li>
</ul>
<h5>비상연락망</h5>
<ul class="list-unstyled">
<li><a target="_blank" href="https://goo.gl/GrAqF8">https://goo.gl/GrAqF8</a></li>
</ul>
</div>
</div>
</div>
docs/html/welfare.html
View file @ b0df2f59
<div id="welfare"><div class="section"><div class="container"><h2>복리후생</h2><div class="row"><div class="col-md"><h4>4대보험</h4><ul class="list-unstyled"><li>국민연금</li><li>고용보험</li><li>산재보험</li><li>건강보험</li></ul></div><div class="col-md"><h4>급여제도</h4><ul class="list-unstyled"><li>상여 3회(설, 추석, 하계휴가)</li><li>퇴직금</li></ul></div><div class="col-md"><h4>휴일/연차</h4><ul class="list-unstyled"><li>연차</li></ul></div></div></div></div></div>
\ No newline at end of file
<div id="welfare">
<div class="section">
<div class="container">
<h2>복리후생</h2>
<div class="row">
<div class="col-md">
<h4>4대보험</h4>
<ul class="list-unstyled">
<li>국민연금</li>
<li>고용보험</li>
<li>산재보험</li>
<li>건강보험</li>
</ul>
</div>
<div class="col-md">
<h4>급여제도</h4>
<ul class="list-unstyled">
<li>상여 3회(설, 추석, 하계휴가)</li>
<li>퇴직금</li>
</ul>
</div>
<div class="col-md">
<h4>휴일/연차</h4>
<ul class="list-unstyled">
<li>연차</li>
</ul>
</div>
</div>
</div>
</div>
</div>
docs/images/ico_up.svg
View file @ b0df2f59
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g fill="#6A6E7C"><path d="M256 118.4c-2.8 0-5.5 1.1-7.6 3.2L3 375.7c-4 4.2-3.9 10.9.3 14.9s10.9 3.9 14.9-.3l245.5-254c4-4.2 3.9-10.9-.3-14.9-2.1-2-4.8-3-7.4-3z"/><path d="M256 118.4c-2.6 0-5.3 1-7.3 3-4.2 4-4.3 10.7-.3 14.9l245.5 254c4 4.2 10.7 4.3 14.9.3 4.2-4 4.3-10.7.3-14.9l-245.5-254c-2.1-2.2-4.8-3.3-7.6-3.3z"/></g></svg>
\ No newline at end of file
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" id="Layer_1" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M256,118.4c-2.8,0-5.5,1.1-7.6,3.2L3,375.7c-4,4.2-3.9,10.9,0.3,14.9c4.2,4,10.9,3.9,14.9-0.3l245.5-254 c4-4.2,3.9-10.9-0.3-14.9C261.3,119.4,258.6,118.4,256,118.4z" fill="#6A6E7C"/><path d="M256,118.4c-2.6,0-5.3,1-7.3,3c-4.2,4-4.3,10.7-0.3,14.9l245.5,254c4,4.2,10.7,4.3,14.9,0.3 c4.2-4,4.3-10.7,0.3-14.9l-245.5-254C261.5,119.5,258.8,118.4,256,118.4z" fill="#6A6E7C"/></g></svg>
\ No newline at end of file
docs/images/logo.png
View replaced file @ f0405380 View file @ b0df2f59
docs/images/logo.png

2.54 KB | W: | H:

docs/images/logo.png

4.99 KB | W: | H:

docs/images/logo.png
docs/images/logo.png
docs/images/logo.png
docs/images/logo.png
  • 2-up
  • Swipe
  • Onion skin
docs/images/logo.svg
View file @ b0df2f59
This diff is collapsed.
docs/images/logo_espider.png
View replaced file @ f0405380 View file @ b0df2f59
docs/images/logo_espider.png

15.7 KB | W: | H:

docs/images/logo_espider.png

20.7 KB | W: | H:

docs/images/logo_espider.png
docs/images/logo_espider.png
docs/images/logo_espider.png
docs/images/logo_espider.png
  • 2-up
  • Swipe
  • Onion skin
docs/images/logo_espider.svg
View file @ b0df2f59
This diff is collapsed.
docs/images/logo_espider_y.png
View replaced file @ f0405380 View file @ b0df2f59
docs/images/logo_espider_y.png

4.28 KB | W: | H:

docs/images/logo_espider_y.png

6.96 KB | W: | H:

docs/images/logo_espider_y.png
docs/images/logo_espider_y.png
docs/images/logo_espider_y.png
docs/images/logo_espider_y.png
  • 2-up
  • Swipe
  • Onion skin
docs/images/logo_espider_y.svg
View file @ b0df2f59
<svg width="40" height="45" xmlns="http://www.w3.org/2000/svg"><g fill="#FF5232" fill-rule="evenodd"><path fill-opacity=".3" d="M10.677 15.883L.083 21.973l9.543 5.677 10.563-6.072zm3.377 13.43L3.46 35.401l15.955 9.488 9.021-5.181 1.522-.878z"/><path d="M.331 33.54l5.32 3.164L39.3 17.363l-.092-6.173-5.393-3.115L.24 27.37zM19.845 0L0 11.405.16 21.93 29.053 5.32zm-.43 44.89L39.54 33.328l-.156-10.525-29.041 16.691z"/></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="40px" height="45px" viewBox="0 0 40 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>logo_espider_y</title>
<desc>Created with Sketch.</desc>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo_espider_y" fill="#FF5232">
<g id="VectorSmartObject_b8e0f184-bbcd-4e39-9ae8-4fbf235e1b19-Copy">
<polygon id="Path" fill-opacity="0.3" points="10.6768061 15.8830986 0.0827659386 21.9739437 9.62631532 27.6496479 20.1885224 21.5778169"></polygon>
<polygon id="Path" fill-opacity="0.3" points="14.054293 29.3133803 3.4602529 35.4010563 19.4149792 44.8890845 28.4364665 39.7077465 29.9580865 38.8299296"></polygon>
<polygon id="Path" points="0.331063755 33.5408451 5.65036696 36.7035211 39.3010876 17.3630282 39.2087718 11.1897887 33.8162525 8.07464789 0.2387479 27.3707746"></polygon>
<polygon id="Path" points="19.8447254 0 0 11.4052817 0.159165267 21.9295775 29.0540278 5.32077465"></polygon>
<polygon id="Path" points="19.4149792 44.8890845 39.5398355 33.3285211 39.3838536 22.8042254 10.342559 39.4954225"></polygon>
</g>
</g>
</g>
</svg>
\ No newline at end of file
docs/images/logo_x.png
View replaced file @ f0405380 View file @ b0df2f59
docs/images/logo_x.png

5.28 KB | W: | H:

docs/images/logo_x.png

9.57 KB | W: | H:

docs/images/logo_x.png
docs/images/logo_x.png
docs/images/logo_x.png
docs/images/logo_x.png
  • 2-up
  • Swipe
  • Onion skin
docs/images/logo_x.svg
View file @ b0df2f59
This diff is collapsed.
docs/images/main_1.jpg
View replaced file @ f0405380 View file @ b0df2f59
docs/images/main_1.jpg

366 KB | W: | H:

docs/images/main_1.jpg

367 KB | W: | H:

docs/images/main_1.jpg
docs/images/main_1.jpg
docs/images/main_1.jpg
docs/images/main_1.jpg
  • 2-up
  • Swipe
  • Onion skin
docs/images/main_3.jpg
View replaced file @ f0405380 View file @ b0df2f59
docs/images/main_3.jpg

288 KB | W: | H:

docs/images/main_3.jpg

289 KB | W: | H:

docs/images/main_3.jpg
docs/images/main_3.jpg
docs/images/main_3.jpg
docs/images/main_3.jpg
  • 2-up
  • Swipe
  • Onion skin
docs/scripts/main.js
View file @ b0df2f59
"use strict";var m;function init(){m=!$(".navbar-toggler").is(":hidden"),header(),common()}function header(){var e=m?-58:-55,o=new ScrollMagic.Controller({globalSceneOptions:{offset:e,triggerHook:0,duration:0}}),t=new ScrollMagic.Controller({globalSceneOptions:{offset:e,triggerHook:0,duration:$("#setting").height()}}),n=new ScrollMagic.Controller({globalSceneOptions:{offset:e,triggerHook:0,duration:$("#organization").height()}}),i=new ScrollMagic.Controller({globalSceneOptions:{offset:e,triggerHook:0,duration:$("#layout").height()}}),l=new ScrollMagic.Controller({globalSceneOptions:{offset:e,triggerHook:.1,duration:$("#design").height()}});new ScrollMagic.Scene({triggerElement:"#section"}).setClassToggle("html","fixed").addTo(o),new ScrollMagic.Scene({triggerElement:"#setting"}).setClassToggle("#menu5","active").addTo(t),new ScrollMagic.Scene({triggerElement:"#organization"}).setClassToggle("#menu6","active").addTo(n),new ScrollMagic.Scene({triggerElement:"#layout"}).setClassToggle("#menu7","active").addTo(i),new ScrollMagic.Scene({triggerElement:"#design"}).setClassToggle("#menu8","active").addTo(l),$(".article").each(function(){new ScrollMagic.Scene({triggerElement:this,triggerHook:0}).setClassToggle(this,"active").addTo(o)}),m&&$(".header .nav-link").on("click",function(){$(".navbar-toggler").trigger("click")})}function common(){$(document).on("click",'a[href^="#"]',function(e){var o=$(this).attr("href"),t=$(o);if(0!==t.length){e.preventDefault();var n=t.offset().top;$("body, html").animate({scrollTop:n})}});var e=$(window).scrollTop();$(window).on("scroll",function(){$(".btn-top").animate({right:0===e?-100:25},100)})}w3.includeHTML(init);
\ No newline at end of file
// Uncomment to enable Bootstrap tooltips
// https://getbootstrap.com/docs/4.0/components/tooltips/#example-enable-tooltips-everywhere
// $(function () { $('[data-toggle="tooltip"]').tooltip(); });
// Uncomment to enable Bootstrap popovers
// https://getbootstrap.com/docs/4.0/components/popovers/#example-enable-popovers-everywhere
// $(function () { $('[data-toggle="popover"]').popover(); });
var m;
w3.includeHTML(init);
function init() {
m = !$('.navbar-toggler').is(':hidden'); // 모바일 체크
header();
common();
}
function header() {
const x = m ? -58 : -55;
const controller = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: 0}});
// const controller1 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $("#people").height()}});
// const controller2 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $("#recruit").height()}});
// const controller3 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $("#job").height()}});
// const controller4 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $("#welfare").height()}});
const controller5 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $('#setting').height()}});
const controller6 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $('#organization').height()}});
const controller7 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: 0, duration: $('#layout').height()}});
const controller8 = new ScrollMagic.Controller({globalSceneOptions: {offset: x, triggerHook: .1, duration: $('#design').height()}});
new ScrollMagic.Scene({triggerElement: '#section'}).setClassToggle('html', 'fixed').addTo(controller);
// new ScrollMagic.Scene({triggerElement: "#people"}).setClassToggle("#menu1", "active").addTo(controller1);
// new ScrollMagic.Scene({triggerElement: "#recruit"}).setClassToggle("#menu2", "active").addTo(controller2);
// new ScrollMagic.Scene({triggerElement: "#job"}).setClassToggle("#menu3", "active").addTo(controller3);
// new ScrollMagic.Scene({triggerElement: "#welfare"}).setClassToggle("#menu4", "active").addTo(controller4);
new ScrollMagic.Scene({triggerElement: '#setting'}).setClassToggle('#menu5', 'active').addTo(controller5);
new ScrollMagic.Scene({triggerElement: '#organization'}).setClassToggle('#menu6', 'active').addTo(controller6);
new ScrollMagic.Scene({triggerElement: '#layout'}).setClassToggle('#menu7', 'active').addTo(controller7);
new ScrollMagic.Scene({triggerElement: '#design'}).setClassToggle('#menu8', 'active').addTo(controller8);
$('.article').each(function () {
new ScrollMagic.Scene({
triggerElement: this,
triggerHook: 0
})
.setClassToggle(this, 'active')
.addTo(controller);
});
if (m) {
$('.header .nav-link').on('click', function () {
$('.navbar-toggler').trigger('click');
});
}
}
function common() {
$(document).on('click', 'a[href^="#"]', function (e) {
var id = $(this).attr('href');
var $id = $(id);
if ($id.length === 0) return;
e.preventDefault();
var top = $id.offset().top;
$('body, html').animate({scrollTop: top});
});
const top = $(window).scrollTop();
$(window).on('scroll', function () {
$('.btn-top').animate({
right: top === 0 ? -100 : 25
}, 100);
});
}
docs/scripts/w3.js 0 → 100644
View file @ b0df2f59
This diff is collapsed.
docs/styles/_base.scss 0 → 100644
View file @ b0df2f59
html {
-webkit-font-smoothing: antialiased;
}
body {
font-family: 'Spoqa Han Sans', Dotum, '돋움', Helvetica, 'Apple SD Gothic Neo', Arial, sans-serif;
font-weight: 300;
color: #333;
line-height: 1.6;
}
img {
max-width: 100%;
}
h1, h2, h3 {
font-weight: 100;
}
::placeholder {
font-weight: 300;
color: #999;
}
.btn {
transition: all .2s;
}
.xsmall {
font-size: 70%;
}
.nav-tabs {
.nav-link {
border: 0;
border-radius: 0;
color: #666;
&:hover, &:focus {
border-color: transparent;
}
&.active {
background-color: transparent;
border-bottom: 4px solid $secondary;
font-weight: 700;
color: $secondary;
}
}
}
.nav-pills {
.nav-link {
text-align: center;
border-radius: 2px;
border: 1px solid $primary;
}
}
.btn-top {
position: fixed;
bottom: 20px;
right: -100px;
background: rgba(255, 255, 255, 0.9) url(../images/ico_up.svg) 50%/18px no-repeat;
width: 40px;
height: 40px;
box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.fixed {
.navbar {
box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
background-color: #fff !important;
}
}
.active {
.section {
transition: all .1s;
padding-top: 100px;
}
}
.section {
position: relative;
background-color: #fff;
padding: 6vh 0;
@include media-breakpoint-down(md) {
padding-left: 10px !important;
padding-right: 10px !important;
}
&.active {
border: 1px solid #00f;
}
h2 {
margin-bottom: 30px;
@include media-breakpoint-down(md) {
text-align: center;
}
}
.list-unstyled {
font-size: 80%;
font-weight: 300;
}
}
.header {
position: fixed !important;
top: 0;
width: 100%;
z-index: 100;
background-color: #fff;
@include media-breakpoint-up(md) {
.navbar {
padding-bottom: 0;
}
.navbar-brand {
margin-top: -10px;
}
}
.navbar {
background-color: transparent !important;
}
.navbar-brand {
color: $primary;
font-weight: 700;
min-width: 60px;
}
.nav-link {
transition: all .2s;
font-size: .9rem;
font-weight: 700;
color: #333;
@include media-breakpoint-up(md) {
margin-left: 30px !important;
margin-right: 30px !important;
border-bottom: 4px solid transparent;
padding-bottom: 12px;
}
&.active, &:hover {
color: $primary;
border-color: $primary;
}
}
.btn-outline-dark {
border-radius: 30px;
font-size: .6rem;
font-weight: 700;
line-height: 1.4;
margin-top: -8px;
}
.navbar-toggler {
border: 1px solid $border;
padding: 4px;
background-color: #fff;
}
.show {
margin-top: 10px;
.nav-item {
border-top: 1px solid $border;
}
}
}
.footer {
background-color: $dark;
padding: 30px 0;
color: #999;
a {
color: #999;
}
.navbar-brand {
margin-top: 4px;
height: 36px;
width: 50px;
}
address {
margin: 0;
}
.col-md .list-unstyled {
font-weight: 700;
.list-unstyled {
font-weight: 400;
margin-top: 4px;
}
}
}
.main {
background: $primary 50% 70%/contain no-repeat;
h2 {
font-weight: 700;
margin-bottom: 30px;
line-height: 1.3;
@include media-breakpoint-up(md) {
font-size: 3rem;
}
}
h2, p {
color: #fff;
text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.btn {
margin-top: 6vh;
margin-bottom: 10vh;
padding-left: 40px;
padding-right: 40px;
}
.swiper-slide {
display: flex;
min-height: 100vh;
padding-top: 120px;
text-align: center;
align-items: center;
}
.visual-1 {
background: #fff url(/2019/images/main_1.jpg) 50% 20%/cover no-repeat;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
}
@include media-breakpoint-up(md) {
p br {
display: none;
}
}
}
docs/styles/_swiper.scss 0 → 100644
View file @ b0df2f59
.swiper-slide {
display: flex;
justify-content: center;
align-items: start;
background: 50% 50% /cover no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background: none;
font-size: 3rem;
font-weight: 100;
line-height: 1;
color: $primary;
}
@include media-breakpoint-up(md) {
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 30px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 30px;
}
}
.swiper-pagination-bullet-active {
background-color: $primary;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 1px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #ea4c89;
}
docs/styles/main.scss 0 → 100644
View file @ b0df2f59
$heenam-primary : #005083;
$heenam-secondary : #B7D100;
$heenam-text : #231815;
$espider-primary : #FF5232;
$espider-text : #1E2328;
$primary: #0E1D52;
$dark: #333;
$border: #ddd;
$danger: $espider-primary;
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import "../../node_modules/bootstrap/scss/bootstrap.scss";
@import "../../node_modules/swiper/dist/css/swiper";
@import "swiper";
@import "base";
body {
@include media-breakpoint-down(md) {
font-size: 13px;
}
}
.small {
font-weight: 300 !important;
}
.heenam-primary {
background-color: $heenam-primary;
}
.heenam-secondary {
background-color: $heenam-secondary;
}
.heenam-text {
background-color: $heenam-text;
}
.espider-primary {
background-color: $espider-primary;
}
.espider-text {
background-color: $espider-text;
}
.color {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 3px 50% 50% 50%;
}
#main {
.section {
padding: 100px 0 30px;
h2 {
margin-bottom: 20px;
}
}
}
#organization {
.col, .col-md, .col-md-6 {
min-height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
font-weight: 400;
}
.border {
border-radius: 3px;
background-color: #fff;
}
.row .row.p-2 .col {
border-width: 0 !important;
background-color: #f4f7f8;
font-weight: 300;
}
}
#layout { // 배치도
.border, [class^="alert-"] {
border-radius: 3px;
padding: 5px 3px;
}
small {
display: block;
}
}
#design {
padding-bottom: 200px;
img {
height: 42px;
@include media-breakpoint-down(md) {
height: 23px;
}
}
}
gulpfile.js
View file @ b0df2f59
......@@ -90,7 +90,7 @@ function fonts() {
function extras() {
return src([
'app/*',
'app/**/*',
'!app/*.html'
], {
dot: true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment