Commit b0df2f59 authored by leeokhee's avatar leeokhee

.

parent f0405380
<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> <div id="design">
\ No newline at end of file <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>
<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> <footer class="footer">
\ No newline at end of file <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>
<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> <header class="header">
\ No newline at end of file <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>
<div id="job"><div class="section"><div class="container"><h2>직무소개</h2></div></div></div> <div id="job">
\ No newline at end of file <div class="section">
<div class="container">
<h2>직무소개</h2>
</div>
</div>
</div>
<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> <div id="layout">
\ No newline at end of file <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>
<div id="main"><div class="section main"><div class="text-center"><h2>업무 가이드</h2><p>update : 2019.1.30</p></div></div></div> <div id="main">
\ No newline at end of file <div class="section main">
<div class="text-center">
<h2>업무 가이드</h2>
<p>update : 2019.1.30</p>
</div>
</div>
</div>
<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> <div id="organization">
\ No newline at end of file <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>
<div id="people"><div class="section"><div class="container"><h2>인재상</h2></div></div></div> <div id="people">
\ No newline at end of file <div class="section">
<div class="container">
<h2>인재상</h2>
</div>
</div>
</div>
<div id="recruit"><div class="section"><div class="container"><h2>채용절차</h2></div></div></div> <div id="recruit">
\ No newline at end of file <div class="section">
<div class="container">
<h2>채용절차</h2>
</div>
</div>
</div>
<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> <div id="setting">
\ No newline at end of file <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>
<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> <div id="welfare">
\ No newline at end of file <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>
<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> <?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 \ No newline at end of file
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
<svg width="56" height="45" viewBox="0 0 128 102" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M67.744 30h-7.488C57.413 30 56 31.15 56 33.457v6.087C56 41.85 57.413 43 60.256 43h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.087c0-2.31-1.419-3.463-4.256-3.457zm0-15h-7.488C57.413 15 56 16.15 56 18.456v6.088C56 26.85 57.413 28 60.256 28h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.088C72 16.152 70.581 15 67.744 15zm0-15h-7.488C57.413 0 56 1.147 56 3.45v6.1c0 2.303 1.413 3.45 4.256 3.45h7.488c2.832 0 4.25-1.15 4.256-3.45v-6.1C72 1.143 70.581-.007 67.744 0z" fill="#B7D100"/><path d="M86.744 15h-7.488C76.413 15 75 16.15 75 18.456v6.088C75 26.85 76.413 28 79.256 28h7.488C89.581 28 91 26.848 91 24.544v-6.088C90.994 16.152 89.576 15 86.744 15z" fill="#005083"/><path d="M67.744 45h-7.488C57.413 45 56 46.15 56 48.457v6.087C56 56.85 57.413 58 60.256 58h7.488c2.832 0 4.25-1.152 4.256-3.456V48.43c0-2.293-1.419-3.436-4.256-3.43z" fill="#B7D100"/><path d="M79.302 13h7.396c2.862 0 4.296-1.11 4.302-3.331 0-1.94-1.031-3.902-3.093-5.889A13.857 13.857 0 0 0 80.16.098C76.717-.362 75 .8 75 3.564v5.997C75 11.848 76.428 13 79.302 13z" fill="#005083"/><path d="M67.744 60h-7.488C57.413 60 56 61.15 56 63.456v6.088C56 71.85 57.413 73 60.256 73h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.06C72 61.16 70.581 60 67.744 60z" fill="#B7D100"/><path d="M105.72 45h-7.413c-2.865 0-4.301 1.108-4.307 3.324 0 1.946.982 3.837 2.939 5.693a13.966 13.966 0 0 0 7.894 3.882c3.439.468 5.167-.694 5.167-3.468v-5.99c.017-2.3-1.41-3.447-4.28-3.441zm18.024-15h-7.488c-2.843 0-4.256 1.15-4.256 3.457v6.087c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.087c0-2.31-1.419-3.463-4.256-3.457zm0 15h-7.488c-2.843 0-4.256 1.15-4.256 3.457v6.087c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456V48.43c0-2.293-1.419-3.436-4.256-3.43zm0-30h-7.488c-2.843 0-4.256 1.15-4.256 3.456v6.088c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.088c0-2.304-1.419-3.456-4.256-3.456zm-18.043 15h-7.445c-2.832 0-4.25 1.152-4.256 3.457v6.086c0 2.31 1.419 3.463 4.256 3.457h7.488c2.837 0 4.256-1.152 4.256-3.457v-6.086c-.029-2.31-1.462-3.463-4.299-3.457zm18.043-30h-7.488C113.413 0 112 1.147 112 3.45v6.1c0 2.303 1.413 3.45 4.256 3.45h7.488c2.837 0 4.256-1.15 4.256-3.45v-6.1c0-2.306-1.419-3.456-4.256-3.45zm0 60h-7.488c-2.843 0-4.256 1.15-4.256 3.456v6.088c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.06c0-2.323-1.419-3.484-4.256-3.484z" fill="#005083"/><path fill="#231815" d="M17 102h-4.282v-6.764H4.24V102H0V85h4.24v6.816h8.478V85h4.24zm18 0H22V85h13v3.447h-8.638v3.446H35v3.404h-8.638v3.36H35zm18 0H40V85h13v3.447h-8.638v3.446H53v3.404h-8.638v3.36H53zm26 0h-3.113L61.384 90.799V102H57V85h3.122l14.494 11.201V85H79z"/><path d="M100.991 102h-4.48v-6.77H87.48V102H83V91.822c.027-1.92 1.002-3.714 2.625-4.83 3.8-2.656 8.942-2.656 12.74 0 1.635 1.108 2.616 2.906 2.635 4.83L100.991 102zm-4.48-10.187a2.913 2.913 0 0 0-1.335-2.397 5.545 5.545 0 0 0-6.361 0 2.93 2.93 0 0 0-1.326 2.397h9.022z" fill="#231815" fill-rule="nonzero"/><path fill="#231815" d="M126.921 101.991h-4.37V90.796l-6.6 5.115-6.58-5.107V102H105V85h3.138l7.866 6.089L123.871 85H127z"/><path d="M11.736 15H4.247C1.416 15 0 16.152 0 18.456v6.087c0 2.31 1.416 3.463 4.247 3.457h7.489C14.579 28 16 26.848 16 24.543v-6.087C16 16.152 14.579 15 11.736 15zm0 15H4.247C1.416 30 0 31.152 0 33.457v6.086c0 2.31 1.416 3.463 4.247 3.457h7.489C14.579 43 16 41.848 16 39.543v-6.086c0-2.31-1.421-3.463-4.264-3.457zm0-30H4.247C1.416 0 0 1.15 0 3.45v6.1c0 2.306 1.416 3.456 4.247 3.45h7.489C14.579 13 16 11.85 16 9.55v-6.1C16 1.143 14.579-.007 11.736 0zM30.75 45h-7.492C20.414 45 19 46.15 19 48.457v6.087C19 56.85 20.414 58 23.258 58h7.493c2.838 0 4.255-1.152 4.249-3.456V48.43c0-2.293-1.416-3.436-4.25-3.43zM11.736 60H4.247C1.416 60 0 61.152 0 63.456v6.088C0 71.848 1.416 73 4.247 73h7.489C14.579 73 16 71.848 16 69.544v-6.06C16 61.16 14.579 60 11.736 60zm0-15H4.247C1.416 45 0 46.152 0 48.457v6.087C0 56.848 1.416 58 4.247 58h7.489C14.579 58 16 56.848 16 54.544V48.43c0-2.293-1.421-3.436-4.264-3.43zm38.008 0h-7.488C39.413 45 38 46.15 38 48.457v6.087C38 56.85 39.413 58 42.256 58h7.488C52.581 58 54 56.848 54 54.544V48.43c0-2.293-1.419-3.436-4.256-3.43z" fill="#005083"/></g></svg> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <svg width="56px" height="45" viewBox="0 0 128 102" 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</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo">
<g>
<path d="M67.744312,30.0000232 L60.255688,30.0000232 C57.4127844,30.0000232 56,31.1491924 56,33.4565087 L56,39.5435145 C56,41.8508308 57.4127844,43 60.255688,43 L67.744312,43 C70.5756591,43 71.9942217,41.8478382 72,39.5435145 L72,33.4565087 C72,31.1461998 70.5814373,29.9940379 67.744312,30.0000232 Z" id="Path" fill="#B7D100"></path>
<path d="M67.744312,15 L60.255688,15 C57.4127844,15 56,16.1491713 56,18.4564917 L56,24.5435083 C56,26.8508287 57.4127844,28 60.255688,28 L67.744312,28 C70.5756591,28 71.9942217,26.8478361 72,24.5435083 L72,18.4564917 C72,16.1521639 70.5814373,15 67.744312,15 Z" id="Path" fill="#B7D100"></path>
<path d="M67.744312,2.3150704e-05 L60.255688,2.3150704e-05 C57.4127844,2.3150704e-05 56,1.14681642 56,3.44936229 L56,9.55066086 C56,11.8532067 57.4127844,13 60.255688,13 L67.744312,13 C70.5756591,13 71.9942217,11.8502203 72,9.55066086 L72,3.44936229 C72,1.14382998 70.5814373,-0.00594973092 67.744312,2.3150704e-05 Z" id="Path" fill="#B7D100"></path>
<path d="M86.744312,15 L79.255688,15 C76.4127844,15 75,16.1491713 75,18.4564917 L75,24.5435083 C75,26.8508287 76.4127844,28 79.255688,28 L86.744312,28 C89.5814373,28 91,26.8478361 91,24.5435083 L91,18.4564917 C90.9942217,16.1521639 89.5756591,15 86.744312,15 Z" id="Path" fill="#005083"></path>
<path d="M67.744312,45.0000234 L60.255688,45.0000234 C57.4127844,45.0000234 56,46.1491926 56,48.4565089 L56,54.5435145 C56,56.8508308 57.4127844,58 60.255688,58 L67.744312,58 C70.5756591,58 71.9942217,56.8478382 72,54.5435145 L72,48.4295752 C72,46.1372221 70.5814373,44.9940381 67.744312,45.0000234 Z" id="Path" fill="#B7D100"></path>
<path d="M79.3023001,13 L86.6976999,13 C89.5600584,13 90.9941585,11.8895378 91,9.66861331 C91,7.72980628 89.9689668,5.76698925 87.9069003,3.78016223 C85.7601366,1.75529221 83.0526786,0.468119332 80.1610077,0.0976293759 C76.7174151,-0.361561763 75,0.799921706 75,3.56407229 L75,9.56056833 C75,11.8475203 76.4282585,13 79.3023001,13 Z" id="Path" fill="#005083"></path>
<path d="M67.744312,60 L60.255688,60 C57.4127844,60 56,61.1491713 56,63.4564917 L56,69.5435083 C56,71.8508287 57.4127844,73 60.255688,73 L67.744312,73 C70.5756591,73 71.9942217,71.8478361 72,69.5435083 L72,63.4834254 C72,61.1611418 70.5814373,60 67.744312,60 Z" id="Path" fill="#B7D100"></path>
<path d="M105.719181,45.0000235 L98.3069745,45.0000235 C95.4415061,45.0000235 94.0058479,46.1079681 94,48.3238572 C94,50.2695161 94.9824463,52.1611288 96.9385671,54.0167108 C99.102961,56.1372523 101.86751,57.4967587 104.833225,57.8990207 C108.271787,58.3674201 109.99984,57.2054294 109.99984,54.431064 L109.99984,48.4409571 C110.017384,46.1409962 108.590498,44.9940183 105.719181,45.0000235 Z" id="Path" fill="#005083"></path>
<path d="M123.744312,30.0000232 L116.255688,30.0000232 C113.412784,30.0000232 112,31.1491924 112,33.4565087 L112,39.5435145 C112,41.8508308 113.412784,43 116.255688,43 L123.744312,43 C126.581437,43 128,41.8478382 128,39.5435145 L128,33.4565087 C128,31.1461998 126.581437,29.9940379 123.744312,30.0000232 Z" id="Path" fill="#005083"></path>
<path d="M123.744312,45.0000234 L116.255688,45.0000234 C113.412784,45.0000234 112,46.1491926 112,48.4565089 L112,54.5435145 C112,56.8508308 113.412784,58 116.255688,58 L123.744312,58 C126.581437,58 128,56.8478382 128,54.5435145 L128,48.4295752 C128,46.1372221 126.581437,44.9940381 123.744312,45.0000234 Z" id="Path" fill="#005083"></path>
<path d="M123.744312,15 L116.255688,15 C113.412784,15 112,16.1491713 112,18.4564917 L112,24.5435083 C112,26.8508287 113.412784,28 116.255688,28 L123.744312,28 C126.581437,28 128,26.8478361 128,24.5435083 L128,18.4564917 C128,16.1521639 126.581437,15 123.744312,15 Z" id="Path" fill="#005083"></path>
<path d="M105.700975,30.0000232 L98.255688,30.0000232 C95.4243409,30.0000232 94.0057783,31.152183 94,33.4565026 L94,39.5434974 C94,41.8538023 95.4185627,43.005962 98.255688,42.9999768 L105.744312,42.9999768 C108.581437,42.9999768 110,41.847817 110,39.5434974 L110,33.4565026 C109.971109,31.1461977 108.5381,29.994038 105.700975,30.0000232 Z" id="Path" fill="#005083"></path>
<path d="M123.744312,2.3150704e-05 L116.255688,2.3150704e-05 C113.412784,2.3150704e-05 112,1.14681642 112,3.44936229 L112,9.55066086 C112,11.8532067 113.412784,13 116.255688,13 L123.744312,13 C126.581437,13 128,11.8502203 128,9.55066086 L128,3.44936229 C128,1.14382998 126.581437,-0.00594973092 123.744312,2.3150704e-05 Z" id="Path" fill="#005083"></path>
<path d="M123.744312,60 L116.255688,60 C113.412784,60 112,61.1491713 112,63.4564917 L112,69.5435083 C112,71.8508287 113.412784,73 116.255688,73 L123.744312,73 C126.581437,73 128,71.8478361 128,69.5435083 L128,63.4834254 C128,61.1611418 126.581437,60 123.744312,60 Z" id="Path" fill="#005083"></path>
<polygon id="Path" fill="#231815" points="17 102 12.7182045 102 12.7182045 95.2361885 4.2394015 95.2361885 4.2394015 102 0 102 0 85 4.2394015 85 4.2394015 91.8155094 12.7182045 91.8155094 12.7182045 85 16.957606 85"></polygon>
<polygon id="Path" fill="#231815" points="35 102 22 102 22 85 35 85 35 88.4465281 26.3621262 88.4465281 26.3621262 91.8930563 35 91.8930563 35 95.2965028 26.3621262 95.2965028 26.3621262 98.6568677 35 98.6568677"></polygon>
<polygon id="Path" fill="#231815" points="53 102 40 102 40 85 53 85 53 88.4465281 44.3621262 88.4465281 44.3621262 91.8930563 53 91.8930563 53 95.2965028 44.3621262 95.2965028 44.3621262 98.6568677 53 98.6568677"></polygon>
<polygon id="Path" fill="#231815" points="79 102 75.8872061 102 61.3842168 90.7987836 61.3842168 102 57 102 57 85 60.1215624 85 74.6157832 96.2012164 74.6157832 85 79 85"></polygon>
<path d="M100.99104,102 L96.5111996,102 L96.5111996,95.2290831 L87.4798407,95.2290831 L87.4798407,102 L83,102 L83,91.8220612 C83.0272599,89.9016834 84.0019302,88.1083405 85.6251867,86.991853 C89.4240627,84.336049 94.5669777,84.336049 98.3658537,86.991853 C100.000419,88.0998124 100.980865,89.8976458 101,91.8220612 L100.99104,102 Z M96.5111996,91.8134359 C96.4999987,90.8521522 96.0015197,89.9568067 95.1762071,89.4155825 C93.2832906,88.0781855 90.7077497,88.0781855 88.8148333,89.4155825 C87.9952457,89.9607234 87.500984,90.8544925 87.4888004,91.8134359 L96.5111996,91.8134359 Z" id="Shape" fill="#231815" fill-rule="nonzero"></path>
<polygon id="Path" fill="#231815" points="126.921335 101.991388 122.551053 101.991388 122.551053 90.795846 115.951927 95.9113475 109.370282 90.804458 109.370282 102 105 102 105 85 108.137863 85 116.00437 91.0886525 123.870878 85 127 85"></polygon>
<path d="M11.7356446,15 L4.24702059,15 C1.41567353,15 0,16.1521618 0,18.4564855 L0,24.5434913 C0,26.8538002 1.41567353,28.0059621 4.24702059,27.9999768 L11.7356446,27.9999768 C14.5785482,27.9999768 16,26.847815 16,24.5434913 L16,18.4564855 C16,16.1521618 14.5785482,15 11.7356446,15 Z" id="Path" fill="#005083"></path>
<path d="M11.7356446,30.0000232 L4.24702059,30.0000232 C1.41567353,30.0000232 0,31.152183 0,33.4565026 L0,39.5434974 C0,41.8538023 1.41567353,43.005962 4.24702059,42.9999768 L11.7356446,42.9999768 C14.5785482,42.9999768 16,41.847817 16,39.5434974 L16,33.4565026 C16,31.1461977 14.5785482,29.994038 11.7356446,30.0000232 Z" id="Path" fill="#005083"></path>
<path d="M11.7356446,2.31506627e-05 L4.24702059,2.31506627e-05 C1.41567353,2.31506627e-05 0,1.14980082 0,3.44935614 L0,9.55064386 C0,11.8561721 1.41567353,13.0059497 4.24702059,12.9999768 L11.7356446,12.9999768 C14.5785482,12.9999768 16,11.8501992 16,9.55064386 L16,3.44935614 C16,1.14382794 14.5785482,-0.00594972032 11.7356446,2.31506627e-05 Z" id="Path" fill="#005083"></path>
<path d="M30.7506646,45.0000234 L23.2579899,45.0000234 C20.4135486,45.0000234 19,46.1491926 19,48.4565089 L19,54.5435145 C19,56.8508308 20.4135486,58 23.2579899,58 L30.7506646,58 C33.5893245,58 35.0057638,56.8478382 34.9999824,54.5435145 L34.9999824,48.4295752 C34.9999824,46.1372221 33.5835431,44.9940381 30.7506646,45.0000234 Z" id="Path" fill="#005083"></path>
<path d="M11.7356446,60 L4.24702059,60 C1.41567353,60 0,61.1521639 0,63.4564917 L0,69.5435083 C0,71.8478361 1.41567353,73 4.24702059,73 L11.7356446,73 C14.5785482,73 16,71.8478361 16,69.5435083 L16,63.4834254 C16,61.1611418 14.5785482,60 11.7356446,60 Z" id="Path" fill="#005083"></path>
<path d="M11.7356446,45.0000234 L4.24702059,45.0000234 C1.41567353,45.0000234 0,46.1521852 0,48.4565089 L0,54.5435145 C0,56.8478382 1.41567353,58 4.24702059,58 L11.7356446,58 C14.5785482,58 16,56.8478382 16,54.5435145 L16,48.4295752 C16,46.1372221 14.5785482,44.9940381 11.7356446,45.0000234 Z" id="Path" fill="#005083"></path>
<path d="M49.744312,45.0000234 L42.255688,45.0000234 C39.4127844,45.0000234 38,46.1491926 38,48.4565089 L38,54.5435145 C38,56.8508308 39.4127844,58 42.255688,58 L49.744312,58 C52.5814373,58 54,56.8478382 54,54.5435145 L54,48.4295752 C54,46.1372221 52.5814373,44.9940381 49.744312,45.0000234 Z" id="Path" fill="#005083"></path>
</g>
</g>
</g>
</svg>
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
<svg width="168" height="45" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".3" fill="#FF5232" 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 fill="#FF5232" 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"/><path d="M60.336 27.681a5.86 5.86 0 0 1-3.04-1.518l-.143-.136 11.4-7.84-.083-.149a13.55 13.55 0 0 0-.45-.76 7.834 7.834 0 0 0-5.178-3.309 8.46 8.46 0 0 0-1.528-.14 8.028 8.028 0 0 0-7.538 5.526 7.975 7.975 0 0 0 2.84 8.88 8.06 8.06 0 0 0 9.358.172l.16-.105-1.172-1.689-.156.108a5.75 5.75 0 0 1-4.47.96zm-4.43-3.514a5.722 5.722 0 0 1-.367-3.397 5.677 5.677 0 0 1 2.477-3.822 6.021 6.021 0 0 1 7.525.59l.14.132-9.7 6.671-.076-.174zm93.034 3.514a5.874 5.874 0 0 1-3.04-1.518l-.14-.136 11.397-7.84-.08-.149c-.14-.26-.29-.507-.449-.76a7.84 7.84 0 0 0-5.173-3.309 8.46 8.46 0 0 0-1.528-.14 8.028 8.028 0 0 0-7.534 5.528 7.975 7.975 0 0 0 2.84 8.878 8.06 8.06 0 0 0 9.358.172l.156-.105-1.181-1.695-.156.108a5.75 5.75 0 0 1-4.47.966zm-4.43-3.514a5.747 5.747 0 0 1-.367-3.397 5.702 5.702 0 0 1 2.477-3.822 6.024 6.024 0 0 1 7.528.59l.137.132-9.696 6.671-.08-.174z" fill="#1E2328" fill-rule="nonzero"/><path fill="#1E2328" d="M72.357 19.413h5.628v2.05h-5.628zm15.613-3.505a6.735 6.735 0 0 1 3.9 1.17l.121.082 1.592-1.356-.175-.143c-1.465-1.198-3.298-1.803-5.46-1.803-1.544.029-2.804.47-3.746 1.306a4.075 4.075 0 0 0-.5 5.704 5.512 5.512 0 0 0 2.737 1.626l3.14.757c.587.087 1.13.362 1.546.783.318.377.484.858.468 1.35a1.966 1.966 0 0 1-1.009 1.733 5.012 5.012 0 0 1-2.763.685 8.184 8.184 0 0 1-3.97-1.084l-.136-.073-1.363 1.585.188.117a9.99 9.99 0 0 0 5.271 1.477c1.678 0 3.079-.416 4.17-1.23a4.066 4.066 0 0 0 .732-5.872 4.78 4.78 0 0 0-2.546-1.452l-3.288-.846a3.162 3.162 0 0 1-1.566-.868 1.934 1.934 0 0 1-.494-1.334c.008-.62.297-1.202.786-1.585.542-.45 1.334-.7 2.366-.729z"/><path d="M110.49 16.042a8.052 8.052 0 0 0-10.824-.479l-.26.219V14.26h-2.057v18.766h2.06v-5.431l.26.218c3.292 2.772 8.195 2.459 11.104-.708a7.963 7.963 0 0 0-.28-11.074l-.004.01zm-1.455 9.852a5.717 5.717 0 0 1-4.221 1.74 5.781 5.781 0 0 1-4.209-1.727 6.14 6.14 0 0 1-1.18-1.617v-5.194a5.919 5.919 0 0 1 1.183-1.584 5.98 5.98 0 0 1 8.43.003 5.915 5.915 0 0 1-.003 8.392v-.013z" fill="#1E2328" fill-rule="nonzero"/><path fill="#1E2328" d="M116.716 14.97h2.06v14.869h-2.06zm0-4.471h2.06v2.608h-2.06z"/><path d="M130.678 13.858a8.024 8.024 0 0 0-7.697 5.692 7.974 7.974 0 0 0 3.269 8.973 8.057 8.057 0 0 0 9.572-.544l.264-.218v1.52h2.06V10.516h-2.06v5.419l-.264-.219a7.817 7.817 0 0 0-5.144-1.857zm5.411 5.425v5.144l-.019.031a5.76 5.76 0 0 1-1.184 1.585 5.653 5.653 0 0 1-4.205 1.75 5.969 5.969 0 0 1-5.512-3.668 5.922 5.922 0 0 1 1.291-6.474 5.788 5.788 0 0 1 4.221-1.74 5.692 5.692 0 0 1 4.208 1.728c.481.47.88 1.016 1.181 1.616l.02.028z" fill="#1E2328" fill-rule="nonzero"/><path d="M162.52 15.969l-.257.202v-1.2h-2.06v14.868h2.06V19.42l.019-.034c.26-.498.598-.953 1-1.347a5.178 5.178 0 0 1 3.82-1.584h.19v-2.041h-.19a7.234 7.234 0 0 0-4.582 1.556z" fill="#1E2328"/></g></svg> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <svg width="168px" height="45px" viewBox="0 0 168 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</title>
<desc>Created with Sketch.</desc>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo_espider">
<g id="VectorSmartObject_b8e0f184-bbcd-4e39-9ae8-4fbf235e1b19">
<polygon id="Path" fill-opacity="0.3" fill="#FF5232" 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" fill="#FF5232" 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" fill="#FF5232" 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" fill="#FF5232" points="19.8447254 0 0 11.4052817 0.159165267 21.9295775 29.0540278 5.32077465"></polygon>
<polygon id="Path" fill="#FF5232" points="19.4149792 44.8890845 39.5398355 33.3285211 39.3838536 22.8042254 10.342559 39.4954225"></polygon>
<path d="M60.3363693,27.681338 C59.1943897,27.486181 58.1363284,26.957871 57.2963127,26.1633803 L57.1530639,26.0271127 L68.5524803,18.1869718 L68.4697144,18.0380282 C68.329649,17.781338 68.1832169,17.5341549 68.0208683,17.2774648 C66.8202944,15.5172697 64.9492162,14.3220417 62.8416306,13.9690141 C62.3376239,13.8763528 61.8261735,13.8296803 61.313644,13.8295775 C57.8713331,13.8729806 54.8396439,16.0955407 53.776476,19.3551468 C52.713308,22.6147529 53.8551411,26.1863729 56.6152194,28.234652 C59.3752977,30.2829312 63.1396987,30.352272 65.974003,28.4070423 L66.1331683,28.3024648 L64.9617119,26.6133803 L64.8057299,26.7211268 C63.5143123,27.6446896 61.8954548,27.99249 60.3363693,27.681338 Z M55.9052082,24.1669014 C55.4399561,23.0976636 55.3122826,21.9128683 55.5391281,20.7697183 C55.7938056,19.2079387 56.6914371,17.8227413 58.0157397,16.9478873 C60.3497333,15.3523442 63.4864555,15.5980341 65.5410735,17.5373239 L65.6811389,17.6704225 L55.9816076,24.3411972 L55.9052082,24.1669014 Z" id="Shape" fill="#1E2328" fill-rule="nonzero"></path>
<path d="M148.94049,27.681338 C147.798752,27.4854504 146.740893,26.9572416 145.900433,26.1633803 L145.760368,26.0271127 L157.156601,18.1869718 L157.077018,18.0380282 C156.936953,17.778169 156.787338,17.5309859 156.628172,17.2774648 C155.428538,15.5192509 153.560288,14.3243607 151.455301,13.9690141 C150.951294,13.8763528 150.439844,13.8296803 149.927315,13.8295775 C146.485428,13.8743595 143.454901,16.0976273 142.39273,19.3571299 C141.33056,22.6166325 142.472945,26.1875407 145.232961,28.2352247 C147.992978,30.2829086 151.75687,30.3520163 154.590857,28.4070423 L154.746839,28.3024648 L153.565833,26.6070423 L153.409851,26.7147887 C152.119401,27.6405622 150.500461,27.9906762 148.94049,27.681338 Z M144.509329,24.1669014 C144.045643,23.0972531 143.918021,21.9129388 144.143249,20.7697183 C144.400867,19.2090656 145.297801,17.8249441 146.61986,16.9478873 C148.954851,15.3518538 152.092722,15.5975298 154.148377,17.5373239 L154.28526,17.6704225 L144.588911,24.3411972 L144.509329,24.1669014 Z" id="Shape" fill="#1E2328" fill-rule="nonzero"></path>
<rect id="Rectangle" fill="#1E2328" x="72.3565302" y="19.4133803" width="5.62808383" height="2.05035211"></rect>
<path d="M87.9706429,15.9084507 C89.3607624,15.8868791 90.7233234,16.2954732 91.8701919,17.0778169 L91.9911575,17.1602113 L93.5828102,15.8038732 L93.4077284,15.6612676 C91.9434079,14.4633803 90.109824,13.8580986 87.9483597,13.8580986 C86.4044566,13.8866197 85.1438677,14.3271127 84.2016093,15.1637324 C82.5018754,16.6121052 82.2796471,19.1485069 83.7018304,20.8679577 C84.4334361,21.6666801 85.3858918,22.2322804 86.439473,22.493662 L89.578212,23.2510563 C90.1655312,23.3380423 90.7085194,23.6127666 91.1252984,24.0338028 C91.4428815,24.4111227 91.609498,24.8918029 91.5932443,25.3838028 C91.5996117,26.1015878 91.212897,26.7658884 90.5841365,27.1172535 C89.7493256,27.6074839 88.7892698,27.8453193 87.8210275,27.8017606 C86.4265141,27.7843134 85.0597916,27.4111613 83.8514458,26.7179577 L83.7145636,26.6450704 L82.3521089,28.2295775 L82.539924,28.346831 C84.1239251,29.3198972 85.9501841,29.8315011 87.8114776,29.8235915 C89.4890795,29.8235915 90.8897338,29.4084507 91.9816076,28.5940141 C92.8859588,27.9297519 93.4764895,26.9248141 93.6149253,25.8145098 C93.7533612,24.7042054 93.4275451,23.5860386 92.7137678,22.721831 C92.0389626,21.9839149 91.1479947,21.4761257 90.1671235,21.2704225 L86.8787691,20.4242958 C86.2834098,20.2915543 85.7394243,19.989963 85.3125829,19.5559859 C84.9844031,19.1894753 84.8080739,18.7126925 84.8191706,18.221831 C84.8269629,17.6024404 85.1160505,17.0198701 85.605447,16.6373239 C86.1466089,16.1873239 86.9392519,15.9369718 87.9706429,15.9084507 Z" id="Path" fill="#1E2328"></path>
<path d="M110.489345,16.0415493 C107.550365,13.1160592 102.854026,12.9084229 99.6661066,15.5630282 L99.4050756,15.7816901 L99.4050756,14.2605634 L97.3486604,14.2605634 L97.3486604,33.0274648 L99.4082589,33.0274648 L99.4082589,27.5957746 L99.6692899,27.8144366 C102.961117,30.5856455 107.864157,30.2726227 110.77344,27.1055188 C113.682723,23.938415 113.558686,19.048919 110.492528,16.0320423 L110.489345,16.0415493 Z M109.034574,25.8940141 C107.932446,27.0340027 106.402553,27.6645765 104.813511,27.6338028 C103.232218,27.6567528 101.710814,27.0323635 100.605182,25.9066901 C100.125466,25.4358032 99.7265109,24.8898358 99.4241754,24.290493 L99.4241754,24.2588028 L99.4241754,19.128169 L99.4241754,19.0964789 C99.7269431,18.5059923 100.127249,17.9703627 100.608365,17.5119718 C102.936957,15.1955846 106.710924,15.1970034 109.037758,17.5151408 C111.364591,19.8332783 111.363166,23.5903029 109.034574,25.9066901 L109.034574,25.8940141 Z" id="Shape" fill="#1E2328" fill-rule="nonzero"></path>
<rect id="Rectangle" fill="#1E2328" x="116.71589" y="14.9704225" width="2.05959855" height="14.8690141"></rect>
<rect id="Rectangle" fill="#1E2328" x="116.71589" y="10.4989437" width="2.05959855" height="2.60809859"></rect>
<path d="M130.677867,13.8580986 C127.131012,13.8543475 124.001996,16.1680593 122.980916,19.5495125 C121.959836,22.9309657 123.288692,26.5787393 126.249721,28.5225357 C129.210751,30.466332 133.102173,30.2454619 135.822089,27.9792254 L136.086303,27.7605634 L136.086303,29.2816901 L138.145901,29.2816901 L138.145901,10.5147887 L136.086303,10.5147887 L136.086303,15.9338028 L135.822089,15.7151408 C134.389067,14.4976894 132.561674,13.8380084 130.677867,13.8580986 Z M136.089486,19.2834507 L136.089486,24.4267606 L136.070386,24.4584507 C135.770049,25.0504367 135.369454,25.5864536 134.886197,26.0429577 C133.794028,27.1889117 132.267525,27.8239204 130.68105,27.7922535 C128.26799,27.791421 126.092822,26.344218 125.169076,24.1249761 C124.245331,21.9057342 124.754758,19.3510961 126.459988,17.6514085 C127.566945,16.5184896 129.093613,15.8892453 130.68105,15.9116197 C132.264367,15.8779983 133.789867,16.5040686 134.88938,17.6387324 C135.370111,18.1087483 135.769196,18.654893 136.070386,19.2549296 L136.089486,19.2834507 Z" id="Shape" fill="#1E2328" fill-rule="nonzero"></path>
<path d="M162.52047,15.968662 L162.262623,16.1714789 L162.262623,14.9704225 L160.203024,14.9704225 L160.203024,29.8394366 L162.262623,29.8394366 L162.262623,19.4197183 L162.281723,19.3848592 C162.542356,18.8867947 162.879615,18.4323626 163.28128,18.0380282 C164.277224,17.0030876 165.661778,16.4287798 167.101247,16.4535211 L167.292245,16.4535211 L167.292245,14.4126761 L167.101247,14.4126761 C165.439881,14.3906643 163.821817,14.940284 162.52047,15.968662 Z" id="Path" fill="#1E2328"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
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
<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> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <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

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
<svg width="426" height="45" viewBox="0 0 703 73" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M67.744 30h-7.488C57.413 30 56 31.15 56 33.457v6.087C56 41.85 57.413 43 60.256 43h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.087c0-2.31-1.419-3.463-4.256-3.457zm0-15h-7.488C57.413 15 56 16.15 56 18.456v6.088C56 26.85 57.413 28 60.256 28h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.088C72 16.152 70.581 15 67.744 15zm0-15h-7.488C57.413 0 56 1.147 56 3.45v6.1c0 2.303 1.413 3.45 4.256 3.45h7.488c2.832 0 4.25-1.15 4.256-3.45v-6.1C72 1.143 70.581-.007 67.744 0z" fill="#B7D100"/><path d="M86.744 15h-7.488C76.413 15 75 16.15 75 18.456v6.088C75 26.85 76.413 28 79.256 28h7.488C89.581 28 91 26.848 91 24.544v-6.088C90.994 16.152 89.576 15 86.744 15z" fill="#005083"/><path d="M67.744 45h-7.488C57.413 45 56 46.15 56 48.457v6.087C56 56.85 57.413 58 60.256 58h7.488c2.832 0 4.25-1.152 4.256-3.456V48.43c0-2.293-1.419-3.436-4.256-3.43z" fill="#B7D100"/><path d="M79.302 13h7.396c2.862 0 4.296-1.11 4.302-3.331 0-1.94-1.031-3.902-3.093-5.889A13.857 13.857 0 0 0 80.16.098C76.717-.362 75 .8 75 3.564v5.997C75 11.848 76.428 13 79.302 13z" fill="#005083"/><path d="M67.744 60h-7.488C57.413 60 56 61.15 56 63.456v6.088C56 71.85 57.413 73 60.256 73h7.488c2.832 0 4.25-1.152 4.256-3.456v-6.06C72 61.16 70.581 60 67.744 60z" fill="#B7D100"/><path d="M105.72 45h-7.413c-2.865 0-4.301 1.108-4.307 3.324 0 1.946.982 3.837 2.939 5.693a13.966 13.966 0 0 0 7.894 3.882c3.439.468 5.167-.694 5.167-3.468v-5.99c.017-2.3-1.41-3.447-4.28-3.441zm18.024-15h-7.488c-2.843 0-4.256 1.15-4.256 3.457v6.087c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.087c0-2.31-1.419-3.463-4.256-3.457zm0 15h-7.488c-2.843 0-4.256 1.15-4.256 3.457v6.087c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456V48.43c0-2.293-1.419-3.436-4.256-3.43zm0-30h-7.488c-2.843 0-4.256 1.15-4.256 3.456v6.088c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.088c0-2.304-1.419-3.456-4.256-3.456zm-18.043 15h-7.445c-2.832 0-4.25 1.152-4.256 3.457v6.086c0 2.31 1.419 3.463 4.256 3.457h7.488c2.837 0 4.256-1.152 4.256-3.457v-6.086c-.029-2.31-1.462-3.463-4.299-3.457zm18.043-30h-7.488C113.413 0 112 1.147 112 3.45v6.1c0 2.303 1.413 3.45 4.256 3.45h7.488c2.837 0 4.256-1.15 4.256-3.45v-6.1c0-2.306-1.419-3.456-4.256-3.45zm0 60h-7.488c-2.843 0-4.256 1.15-4.256 3.456v6.088c0 2.307 1.413 3.456 4.256 3.456h7.488c2.837 0 4.256-1.152 4.256-3.456v-6.06c0-2.323-1.419-3.484-4.256-3.484zM11.736 15H4.247C1.416 15 0 16.152 0 18.456v6.087c0 2.31 1.416 3.463 4.247 3.457h7.489C14.579 28 16 26.848 16 24.543v-6.087C16 16.152 14.579 15 11.736 15zm0 15H4.247C1.416 30 0 31.152 0 33.457v6.086c0 2.31 1.416 3.463 4.247 3.457h7.489C14.579 43 16 41.848 16 39.543v-6.086c0-2.31-1.421-3.463-4.264-3.457zm0-30H4.247C1.416 0 0 1.15 0 3.45v6.1c0 2.306 1.416 3.456 4.247 3.45h7.489C14.579 13 16 11.85 16 9.55v-6.1C16 1.143 14.579-.007 11.736 0zM30.75 45h-7.492C20.414 45 19 46.15 19 48.457v6.087C19 56.85 20.414 58 23.258 58h7.493c2.838 0 4.255-1.152 4.249-3.456V48.43c0-2.293-1.416-3.436-4.25-3.43zM11.736 60H4.247C1.416 60 0 61.152 0 63.456v6.088C0 71.848 1.416 73 4.247 73h7.489C14.579 73 16 71.848 16 69.544v-6.06C16 61.16 14.579 60 11.736 60zm0-15H4.247C1.416 45 0 46.152 0 48.457v6.087C0 56.848 1.416 58 4.247 58h7.489C14.579 58 16 56.848 16 54.544V48.43c0-2.293-1.421-3.436-4.264-3.43zm38.008 0h-7.488C39.413 45 38 46.15 38 48.457v6.087C38 56.85 39.413 58 42.256 58h7.488C52.581 58 54 56.848 54 54.544V48.43c0-2.293-1.419-3.436-4.256-3.43z" fill="#005083"/><g fill="#231815"><path d="M217 73h-18.638V43.955h-36.908V73H143V0h18.454v29.267h36.908V0h18.453zm79 0h-57V0h57v14.8h-37.874v14.8H296v14.614h-37.874v14.43H296zm81 0h-57V0h57v14.8h-37.874v14.8H377v14.614h-37.874v14.43H377zm114 0h-13.583L414.13 24.9V73H395V0h13.621l63.248 48.1V0H491z"/><path d="M586.96 73H567.3V43.925h-39.638V73H508V29.295c.12-8.247 4.397-15.947 11.522-20.742 16.672-11.404 39.244-11.404 55.917 0 7.174 4.758 11.477 12.478 11.561 20.742L586.96 73zM567.3 29.258c-.05-4.128-2.238-7.973-5.86-10.297-8.308-5.743-19.612-5.743-27.92 0-3.596 2.34-5.766 6.179-5.82 10.297h39.6z" fill-rule="nonzero"/><path d="M702.657 72.963h-19.07V24.888L654.79 46.855l-28.72-21.93V73H607V0h13.692l34.327 26.145L689.346 0H703z"/></g></g></svg> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <svg width="426px" height="45px" viewBox="0 0 703 73" 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_horizontal</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo_horizontal">
<g id="Group-2">
<path d="M67.744312,30.0000232 L60.255688,30.0000232 C57.4127844,30.0000232 56,31.1491924 56,33.4565087 L56,39.5435145 C56,41.8508308 57.4127844,43 60.255688,43 L67.744312,43 C70.5756591,43 71.9942217,41.8478382 72,39.5435145 L72,33.4565087 C72,31.1461998 70.5814373,29.9940379 67.744312,30.0000232 Z" id="Path-Copy" fill="#B7D100"></path>
<path d="M67.744312,15 L60.255688,15 C57.4127844,15 56,16.1491713 56,18.4564917 L56,24.5435083 C56,26.8508287 57.4127844,28 60.255688,28 L67.744312,28 C70.5756591,28 71.9942217,26.8478361 72,24.5435083 L72,18.4564917 C72,16.1521639 70.5814373,15 67.744312,15 Z" id="Path-Copy-2" fill="#B7D100"></path>
<path d="M67.744312,2.3150704e-05 L60.255688,2.3150704e-05 C57.4127844,2.3150704e-05 56,1.14681642 56,3.44936229 L56,9.55066086 C56,11.8532067 57.4127844,13 60.255688,13 L67.744312,13 C70.5756591,13 71.9942217,11.8502203 72,9.55066086 L72,3.44936229 C72,1.14382998 70.5814373,-0.00594973092 67.744312,2.3150704e-05 Z" id="Path-Copy-3" fill="#B7D100"></path>
<path d="M86.744312,15 L79.255688,15 C76.4127844,15 75,16.1491713 75,18.4564917 L75,24.5435083 C75,26.8508287 76.4127844,28 79.255688,28 L86.744312,28 C89.5814373,28 91,26.8478361 91,24.5435083 L91,18.4564917 C90.9942217,16.1521639 89.5756591,15 86.744312,15 Z" id="Path-Copy-4" fill="#005083"></path>
<path d="M67.744312,45.0000234 L60.255688,45.0000234 C57.4127844,45.0000234 56,46.1491926 56,48.4565089 L56,54.5435145 C56,56.8508308 57.4127844,58 60.255688,58 L67.744312,58 C70.5756591,58 71.9942217,56.8478382 72,54.5435145 L72,48.4295752 C72,46.1372221 70.5814373,44.9940381 67.744312,45.0000234 Z" id="Path-Copy-5" fill="#B7D100"></path>
<path d="M79.3023001,13 L86.6976999,13 C89.5600584,13 90.9941585,11.8895378 91,9.66861331 C91,7.72980628 89.9689668,5.76698925 87.9069003,3.78016223 C85.7601366,1.75529221 83.0526786,0.468119332 80.1610077,0.0976293759 C76.7174151,-0.361561763 75,0.799921706 75,3.56407229 L75,9.56056833 C75,11.8475203 76.4282585,13 79.3023001,13 Z" id="Path-Copy-6" fill="#005083"></path>
<path d="M67.744312,60 L60.255688,60 C57.4127844,60 56,61.1491713 56,63.4564917 L56,69.5435083 C56,71.8508287 57.4127844,73 60.255688,73 L67.744312,73 C70.5756591,73 71.9942217,71.8478361 72,69.5435083 L72,63.4834254 C72,61.1611418 70.5814373,60 67.744312,60 Z" id="Path-Copy-7" fill="#B7D100"></path>
<path d="M105.719181,45.0000235 L98.3069745,45.0000235 C95.4415061,45.0000235 94.0058479,46.1079681 94,48.3238572 C94,50.2695161 94.9824463,52.1611288 96.9385671,54.0167108 C99.102961,56.1372523 101.86751,57.4967587 104.833225,57.8990207 C108.271787,58.3674201 109.99984,57.2054294 109.99984,54.431064 L109.99984,48.4409571 C110.017384,46.1409962 108.590498,44.9940183 105.719181,45.0000235 Z" id="Path-Copy-8" fill="#005083"></path>
<path d="M123.744312,30.0000232 L116.255688,30.0000232 C113.412784,30.0000232 112,31.1491924 112,33.4565087 L112,39.5435145 C112,41.8508308 113.412784,43 116.255688,43 L123.744312,43 C126.581437,43 128,41.8478382 128,39.5435145 L128,33.4565087 C128,31.1461998 126.581437,29.9940379 123.744312,30.0000232 Z" id="Path-Copy-9" fill="#005083"></path>
<path d="M123.744312,45.0000234 L116.255688,45.0000234 C113.412784,45.0000234 112,46.1491926 112,48.4565089 L112,54.5435145 C112,56.8508308 113.412784,58 116.255688,58 L123.744312,58 C126.581437,58 128,56.8478382 128,54.5435145 L128,48.4295752 C128,46.1372221 126.581437,44.9940381 123.744312,45.0000234 Z" id="Path-Copy-10" fill="#005083"></path>
<path d="M123.744312,15 L116.255688,15 C113.412784,15 112,16.1491713 112,18.4564917 L112,24.5435083 C112,26.8508287 113.412784,28 116.255688,28 L123.744312,28 C126.581437,28 128,26.8478361 128,24.5435083 L128,18.4564917 C128,16.1521639 126.581437,15 123.744312,15 Z" id="Path-Copy-11" fill="#005083"></path>
<path d="M105.700975,30.0000232 L98.255688,30.0000232 C95.4243409,30.0000232 94.0057783,31.152183 94,33.4565026 L94,39.5434974 C94,41.8538023 95.4185627,43.005962 98.255688,42.9999768 L105.744312,42.9999768 C108.581437,42.9999768 110,41.847817 110,39.5434974 L110,33.4565026 C109.971109,31.1461977 108.5381,29.994038 105.700975,30.0000232 Z" id="Path-Copy-12" fill="#005083"></path>
<path d="M123.744312,2.3150704e-05 L116.255688,2.3150704e-05 C113.412784,2.3150704e-05 112,1.14681642 112,3.44936229 L112,9.55066086 C112,11.8532067 113.412784,13 116.255688,13 L123.744312,13 C126.581437,13 128,11.8502203 128,9.55066086 L128,3.44936229 C128,1.14382998 126.581437,-0.00594973092 123.744312,2.3150704e-05 Z" id="Path-Copy-13" fill="#005083"></path>
<path d="M123.744312,60 L116.255688,60 C113.412784,60 112,61.1491713 112,63.4564917 L112,69.5435083 C112,71.8508287 113.412784,73 116.255688,73 L123.744312,73 C126.581437,73 128,71.8478361 128,69.5435083 L128,63.4834254 C128,61.1611418 126.581437,60 123.744312,60 Z" id="Path-Copy-14" fill="#005083"></path>
<path d="M11.7356446,15 L4.24702059,15 C1.41567353,15 0,16.1521618 0,18.4564855 L0,24.5434913 C0,26.8538002 1.41567353,28.0059621 4.24702059,27.9999768 L11.7356446,27.9999768 C14.5785482,27.9999768 16,26.847815 16,24.5434913 L16,18.4564855 C16,16.1521618 14.5785482,15 11.7356446,15 Z" id="Path-Copy-15" fill="#005083"></path>
<path d="M11.7356446,30.0000232 L4.24702059,30.0000232 C1.41567353,30.0000232 0,31.152183 0,33.4565026 L0,39.5434974 C0,41.8538023 1.41567353,43.005962 4.24702059,42.9999768 L11.7356446,42.9999768 C14.5785482,42.9999768 16,41.847817 16,39.5434974 L16,33.4565026 C16,31.1461977 14.5785482,29.994038 11.7356446,30.0000232 Z" id="Path-Copy-16" fill="#005083"></path>
<path d="M11.7356446,2.31506627e-05 L4.24702059,2.31506627e-05 C1.41567353,2.31506627e-05 0,1.14980082 0,3.44935614 L0,9.55064386 C0,11.8561721 1.41567353,13.0059497 4.24702059,12.9999768 L11.7356446,12.9999768 C14.5785482,12.9999768 16,11.8501992 16,9.55064386 L16,3.44935614 C16,1.14382794 14.5785482,-0.00594972032 11.7356446,2.31506627e-05 Z" id="Path-Copy-17" fill="#005083"></path>
<path d="M30.7506646,45.0000234 L23.2579899,45.0000234 C20.4135486,45.0000234 19,46.1491926 19,48.4565089 L19,54.5435145 C19,56.8508308 20.4135486,58 23.2579899,58 L30.7506646,58 C33.5893245,58 35.0057638,56.8478382 34.9999824,54.5435145 L34.9999824,48.4295752 C34.9999824,46.1372221 33.5835431,44.9940381 30.7506646,45.0000234 Z" id="Path-Copy-18" fill="#005083"></path>
<path d="M11.7356446,60 L4.24702059,60 C1.41567353,60 0,61.1521639 0,63.4564917 L0,69.5435083 C0,71.8478361 1.41567353,73 4.24702059,73 L11.7356446,73 C14.5785482,73 16,71.8478361 16,69.5435083 L16,63.4834254 C16,61.1611418 14.5785482,60 11.7356446,60 Z" id="Path-Copy-19" fill="#005083"></path>
<path d="M11.7356446,45.0000234 L4.24702059,45.0000234 C1.41567353,45.0000234 0,46.1521852 0,48.4565089 L0,54.5435145 C0,56.8478382 1.41567353,58 4.24702059,58 L11.7356446,58 C14.5785482,58 16,56.8478382 16,54.5435145 L16,48.4295752 C16,46.1372221 14.5785482,44.9940381 11.7356446,45.0000234 Z" id="Path-Copy-20" fill="#005083"></path>
<path d="M49.744312,45.0000234 L42.255688,45.0000234 C39.4127844,45.0000234 38,46.1491926 38,48.4565089 L38,54.5435145 C38,56.8508308 39.4127844,58 42.255688,58 L49.744312,58 C52.5814373,58 54,56.8478382 54,54.5435145 L54,48.4295752 C54,46.1372221 52.5814373,44.9940381 49.744312,45.0000234 Z" id="Path-Copy-21" fill="#005083"></path>
<g id="Group" transform="translate(143.000000, 0.000000)" fill="#231815">
<polygon id="Path" points="74 73 55.361596 73 55.361596 43.9553979 18.4538653 43.9553979 18.4538653 73 0 73 0 0 18.4538653 0 18.4538653 29.2665991 55.361596 29.2665991 55.361596 0 73.8154613 0"></polygon>
<polygon id="Path" points="153 73 96 73 96 0 153 0 153 14.7997973 115.126246 14.7997973 115.126246 29.5995945 153 29.5995945 153 44.2143943 115.126246 44.2143943 115.126246 58.6441967 153 58.6441967"></polygon>
<polygon id="Path" points="234 73 177 73 177 0 234 0 234 14.7997973 196.126246 14.7997973 196.126246 29.5995945 234 29.5995945 234 44.2143943 196.126246 44.2143943 196.126246 58.6441967 234 58.6441967"></polygon>
<polygon id="Path" points="348 73 334.416899 73 271.131128 24.9006589 271.131128 73 252 73 252 0 265.621363 0 328.868872 48.0993411 328.868872 0 348 0"></polygon>
<path d="M443.960677,73 L424.299154,73 L424.299154,43.9248863 L384.661523,43.9248863 L384.661523,73 L365,73 L365,29.2947335 C365.119641,21.0484054 369.39736,13.3475796 376.521653,8.55325112 C393.194497,-2.85108371 415.76618,-2.85108371 432.439024,8.55325112 C439.612951,13.3109589 443.916018,21.0310673 444,29.2947335 L443.960677,73 Z M424.299154,29.2576952 C424.249994,25.12983 422.062225,21.2851111 418.44002,18.9610307 C410.13222,13.2180907 398.828457,13.2180907 390.520657,18.9610307 C386.923578,21.3019301 384.754319,25.1398794 384.700846,29.2576952 L424.299154,29.2576952 Z" id="Shape" fill-rule="nonzero"></path>
<polygon id="Path" points="559.656734 72.9630193 540.586412 72.9630193 540.586412 24.8880446 511.790226 46.8546099 483.070322 24.9250253 483.070322 73 464 73 464 0 477.692491 0 512.01907 26.1453901 546.34565 0 560 0"></polygon>
</g>
</g>
</g>
</g>
</svg>
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_2.jpg

679 KB | W: | H:

docs/images/main_2.jpg

680 KB | W: | H:

docs/images/main_2.jpg
docs/images/main_2.jpg
docs/images/main_2.jpg
docs/images/main_2.jpg
  • 2-up
  • Swipe
  • Onion skin
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
"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); // Uncomment to enable Bootstrap tooltips
\ No newline at end of file // 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);
});
}
/* W3.JS 1.03 December 2017 by w3schools.com */
'use strict';
var w3 = {};
w3.hide = function (sel) {
w3.hideElements(w3.getElements(sel));
};
w3.hideElements = function (elements) {
var i, l = elements.length;
for (i = 0; i < l; i++) {
w3.hideElement(elements[i]);
}
};
w3.hideElement = function (element) {
w3.styleElement(element, 'display', 'none');
};
w3.show = function (sel, a) {
var elements = w3.getElements(sel);
if (a) {w3.hideElements(elements);}
w3.showElements(elements);
};
w3.showElements = function (elements) {
var i, l = elements.length;
for (i = 0; i < l; i++) {
w3.showElement(elements[i]);
}
};
w3.showElement = function (element) {
w3.styleElement(element, 'display', 'block');
};
w3.addStyle = function (sel, prop, val) {
w3.styleElements(w3.getElements(sel), prop, val);
};
w3.styleElements = function (elements, prop, val) {
var i, l = elements.length;
for (i = 0; i < l; i++) {
w3.styleElement(elements[i], prop, val);
}
};
w3.styleElement = function (element, prop, val) {
element.style.setProperty(prop, val);
};
w3.toggleShow = function (sel) {
var i, x = w3.getElements(sel), l = x.length;
for (i = 0; i < l; i++) {
if (x[i].style.display == 'none') {
w3.styleElement(x[i], 'display', 'block');
} else {
w3.styleElement(x[i], 'display', 'none');
}
}
};
w3.addClass = function (sel, name) {
w3.addClassElements(w3.getElements(sel), name);
};
w3.addClassElements = function (elements, name) {
var i, l = elements.length;
for (i = 0; i < l; i++) {
w3.addClassElement(elements[i], name);
}
};
w3.addClassElement = function (element, name) {
var i, arr1, arr2;
arr1 = element.className.split(' ');
arr2 = name.split(' ');
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) {element.className += ' ' + arr2[i];}
}
};
w3.removeClass = function (sel, name) {
w3.removeClassElements(w3.getElements(sel), name);
};
w3.removeClassElements = function (elements, name) {
var i, l = elements.length, arr1, arr2, j;
for (i = 0; i < l; i++) {
w3.removeClassElement(elements[i], name);
}
};
w3.removeClassElement = function (element, name) {
var i, arr1, arr2;
arr1 = element.className.split(' ');
arr2 = name.split(' ');
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
}
}
element.className = arr1.join(' ');
};
w3.toggleClass = function (sel, c1, c2) {
w3.toggleClassElements(w3.getElements(sel), c1, c2);
};
w3.toggleClassElements = function (elements, c1, c2) {
var i, l = elements.length;
for (i = 0; i < l; i++) {
w3.toggleClassElement(elements[i], c1, c2);
}
};
w3.toggleClassElement = function (element, c1, c2) {
var t1, t2, t1Arr, t2Arr, j, arr, allPresent;
t1 = (c1 || '');
t2 = (c2 || '');
t1Arr = t1.split(' ');
t2Arr = t2.split(' ');
arr = element.className.split(' ');
if (t2Arr.length == 0) {
allPresent = true;
for (j = 0; j < t1Arr.length; j++) {
if (arr.indexOf(t1Arr[j]) == -1) {allPresent = false;}
}
if (allPresent) {
w3.removeClassElement(element, t1);
} else {
w3.addClassElement(element, t1);
}
} else {
allPresent = true;
for (j = 0; j < t1Arr.length; j++) {
if (arr.indexOf(t1Arr[j]) == -1) {allPresent = false;}
}
if (allPresent) {
w3.removeClassElement(element, t1);
w3.addClassElement(element, t2);
} else {
w3.removeClassElement(element, t2);
w3.addClassElement(element, t1);
}
}
};
w3.getElements = function (id) {
if (typeof id == 'object') {
return [id];
} else {
return document.querySelectorAll(id);
}
};
w3.filterHTML = function(id, sel, filter) {
var a, b, c, i, ii, iii, hit;
a = w3.getElements(id);
for (i = 0; i < a.length; i++) {
b = w3.getElements(sel);
for (ii = 0; ii < b.length; ii++) {
hit = 0;
if (b[ii].innerHTML.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
hit = 1;
}
c = b[ii].getElementsByTagName('*');
for (iii = 0; iii < c.length; iii++) {
if (c[iii].innerHTML.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
hit = 1;
}
}
if (hit == 1) {
b[ii].style.display = '';
} else {
b[ii].style.display = 'none';
}
}
}
};
w3.sortHTML = function(id, sel, sortvalue) {
var a, b, i, ii, y, bytt, v1, v2, cc, j;
a = w3.getElements(id);
for (i = 0; i < a.length; i++) {
for (j = 0; j < 2; j++) {
cc = 0;
y = 1;
while (y == 1) {
y = 0;
b = a[i].querySelectorAll(sel);
for (ii = 0; ii < (b.length - 1); ii++) {
bytt = 0;
if (sortvalue) {
v1 = b[ii].querySelector(sortvalue).innerHTML.toLowerCase();
v2 = b[ii + 1].querySelector(sortvalue).innerHTML.toLowerCase();
} else {
v1 = b[ii].innerHTML.toLowerCase();
v2 = b[ii + 1].innerHTML.toLowerCase();
}
if ((j == 0 && (v1 > v2)) || (j == 1 && (v1 < v2))) {
bytt = 1;
break;
}
}
if (bytt == 1) {
b[ii].parentNode.insertBefore(b[ii + 1], b[ii]);
y = 1;
cc++;
}
}
if (cc > 0) {break;}
}
}
};
w3.slideshow = function (sel, ms, func) {
var i, ss, x = w3.getElements(sel), l = x.length;
ss = {};
ss.current = 1;
ss.x = x;
ss.ondisplaychange = func;
if (!isNaN(ms) || ms == 0) {
ss.milliseconds = ms;
} else {
ss.milliseconds = 1000;
}
ss.start = function() {
ss.display(ss.current)
if (ss.ondisplaychange) {ss.ondisplaychange();}
if (ss.milliseconds > 0) {
window.clearTimeout(ss.timeout);
ss.timeout = window.setTimeout(ss.next, ss.milliseconds);
}
};
ss.next = function() {
ss.current += 1;
if (ss.current > ss.x.length) {ss.current = 1;}
ss.start();
};
ss.previous = function() {
ss.current -= 1;
if (ss.current < 1) {ss.current = ss.x.length;}
ss.start();
};
ss.display = function (n) {
w3.styleElements(ss.x, 'display', 'none');
w3.styleElement(ss.x[n - 1], 'display', 'block');
}
ss.start();
return ss;
};
w3.includeHTML = function(cb) {
var z, i, elmnt, file, xhttp;
z = document.getElementsByTagName('*');
for (i = 0; i < z.length; i++) {
elmnt = z[i];
file = elmnt.getAttribute('w3-include-html');
if (file) {
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = 'Page not found.';}
elmnt.removeAttribute('w3-include-html');
w3.includeHTML(cb);
}
}
xhttp.open('GET', file, true);
xhttp.send();
return;
}
}
if (cb) cb();
};
w3.getHttpData = function (file, func) {
w3.http(file, function () {
if (this.readyState == 4 && this.status == 200) {
func(this.responseText);
}
});
};
w3.getHttpObject = function (file, func) {
w3.http(file, function () {
if (this.readyState == 4 && this.status == 200) {
func(JSON.parse(this.responseText));
}
});
};
w3.displayHttp = function (id, file) {
w3.http(file, function () {
if (this.readyState == 4 && this.status == 200) {
w3.displayObject(id, JSON.parse(this.responseText));
}
});
};
w3.http = function (target, readyfunc, xml, method) {
var httpObj;
if (!method) {method = 'GET'; }
if (window.XMLHttpRequest) {
httpObj = new XMLHttpRequest();
} else if (window.ActiveXObject) {
httpObj = new ActiveXObject('Microsoft.XMLHTTP');
}
if (httpObj) {
if (readyfunc) {httpObj.onreadystatechange = readyfunc;}
httpObj.open(method, target, true);
httpObj.send(xml);
}
};
w3.getElementsByAttribute = function (x, att) {
var arr = [], arrCount = -1, i, l, y = x.getElementsByTagName('*'), z = att.toUpperCase();
l = y.length;
for (i = -1; i < l; i += 1) {
if (i == -1) {y[i] = x;}
if (y[i].getAttribute(z) !== null) {arrCount += 1; arr[arrCount] = y[i];}
}
return arr;
};
w3.dataObject = {},
w3.displayObject = function (id, data) {
var htmlObj, htmlTemplate, html, arr = [], a, l, rowClone, x, j, i, ii, cc, repeat, repeatObj, repeatX = '';
htmlObj = document.getElementById(id);
htmlTemplate = init_template(id, htmlObj);
html = htmlTemplate.cloneNode(true);
arr = w3.getElementsByAttribute(html, 'w3-repeat');
l = arr.length;
for (j = (l - 1); j >= 0; j -= 1) {
cc = arr[j].getAttribute('w3-repeat').split(' ');
if (cc.length == 1) {
repeat = cc[0];
} else {
repeatX = cc[0];
repeat = cc[2];
}
arr[j].removeAttribute('w3-repeat');
repeatObj = data[repeat];
if (repeatObj && typeof repeatObj == 'object' && repeatObj.length != 'undefined') {
i = 0;
for (x in repeatObj) {
i += 1;
rowClone = arr[j];
rowClone = w3_replace_curly(rowClone, 'element', repeatX, repeatObj[x]);
a = rowClone.attributes;
for (ii = 0; ii < a.length; ii += 1) {
a[ii].value = w3_replace_curly(a[ii], 'attribute', repeatX, repeatObj[x]).value;
}
(i === repeatObj.length) ? arr[j].parentNode.replaceChild(rowClone, arr[j]) : arr[j].parentNode.insertBefore(rowClone, arr[j]);
}
} else {
console.log('w3-repeat must be an array. ' + repeat + ' is not an array.');
continue;
}
}
html = w3_replace_curly(html, 'element');
htmlObj.parentNode.replaceChild(html, htmlObj);
function init_template(id, obj) {
var template;
template = obj.cloneNode(true);
if (w3.dataObject.hasOwnProperty(id)) {return w3.dataObject[id];}
w3.dataObject[id] = template;
return template;
}
function w3_replace_curly(elmnt, typ, repeatX, x) {
var value, rowClone, pos1, pos2, originalHTML, lookFor, lookForARR = [], i, cc, r;
rowClone = elmnt.cloneNode(true);
pos1 = 0;
while (pos1 > -1) {
originalHTML = (typ == 'attribute') ? rowClone.value : rowClone.innerHTML;
pos1 = originalHTML.indexOf('{{', pos1);
if (pos1 === -1) {break;}
pos2 = originalHTML.indexOf('}}', pos1 + 1);
lookFor = originalHTML.substring(pos1 + 2, pos2);
lookForARR = lookFor.split('||');
value = undefined;
for (i = 0; i < lookForARR.length; i += 1) {
lookForARR[i] = lookForARR[i].replace(/^\s+|\s+$/gm, ''); //trim
if (x) {value = x[lookForARR[i]];}
if (value == undefined && data) {value = data[lookForARR[i]];}
if (value == undefined) {
cc = lookForARR[i].split('.');
if (cc[0] == repeatX) {value = x[cc[1]]; }
}
if (value == undefined) {
if (lookForARR[i] == repeatX) {value = x;}
}
if (value == undefined) {
if (lookForARR[i].substr(0, 1) == '"') {
value = lookForARR[i].replace(/"/g, '');
} else if (lookForARR[i].substr(0,1) == '\'') {
value = lookForARR[i].replace(/'/g, '');
}
}
if (value != undefined) {break;}
}
if (value != undefined) {
r = '{{' + lookFor + '}}';
if (typ == 'attribute') {
rowClone.value = rowClone.value.replace(r, value);
} else {
w3_replace_html(rowClone, r, value);
}
}
pos1 = pos1 + 1;
}
return rowClone;
}
function w3_replace_html(a, r, result) {
var b, l, i, a, x, j;
if (a.hasAttributes()) {
b = a.attributes;
l = b.length;
for (i = 0; i < l; i += 1) {
if (b[i].value.indexOf(r) > -1) {b[i].value = b[i].value.replace(r, result);}
}
}
x = a.getElementsByTagName('*');
l = x.length;
a.innerHTML = a.innerHTML.replace(r, result);
}
};
\ No newline at end of file
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;
}
}
}
.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;
}
$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;
}
}
}
...@@ -90,7 +90,7 @@ function fonts() { ...@@ -90,7 +90,7 @@ function fonts() {
function extras() { function extras() {
return src([ return src([
'app/*', 'app/**/*',
'!app/*.html' '!app/*.html'
], { ], {
dot: true 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