Index: arms/img/landing/14767866-3d-person-human-character-3d-rendering-picture.png =================================================================== diff -u -rde3ddbab7d8fb2039984a5c07159e15248a0dfe1 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb Binary files differ Index: arms/img/landing/14869081-3d-사람-사람-사람과-물음표.jpg =================================================================== diff -u -r63b59a76c9d7fa4013b51b3ba6ef02890ca7c468 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb Binary files differ Index: arms/img/landing/17075783-3d-people-at-the-meeting-table-man-person-development.png =================================================================== diff -u -rde3ddbab7d8fb2039984a5c07159e15248a0dfe1 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb Binary files differ Index: arms/img/landing/develop.png =================================================================== diff -u Binary files differ Index: arms/img/landing/review.png =================================================================== diff -u Binary files differ Index: arms/img/landing/what.jpg =================================================================== diff -u Binary files differ Index: arms/index/assets/css/style.css =================================================================== diff -u -r630b6cf3febddbc2002a3b451e3c2405cbad86d5 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb --- arms/index/assets/css/style.css (.../style.css) (revision 630b6cf3febddbc2002a3b451e3c2405cbad86d5) +++ arms/index/assets/css/style.css (.../style.css) (revision 1cc3c53ce2e18aa1fa8033a473c360f40ed473eb) @@ -306,19 +306,21 @@ } .preview-btn { - margin: 5px; + position: absolute; + bottom: 80px; + overflow: hidden; } .preview-btn a { display: inline-block; - margin: 30px 0 0 30px; padding: 10px 35px; color: #0563bb; font-size: 16px; background-color: rgb(239, 239, 239); border-radius: 60px; box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05); text-underline: none; + transform: translateY(100%); } .preview-btn a:active { @@ -474,24 +476,6 @@ animation: fadeIn 3s forwards 2s; } -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} - /*-------------------------------------------------------------- # Services --------------------------------------------------------------*/ @@ -765,6 +749,75 @@ } /*-------------------------------------------------------------- +# ARMS +--------------------------------------------------------------*/ +#main { + margin: 0 !important; +} + +.landing-content { + display: flex; + justify-content: center; + align-items: center; + position: relative; +} + +.content-view { + position: relative; + width: 100%; + max-width: 650px; + aspect-ratio: 4 / 3; +} + +.content-item { + position: absolute; + height: 100%; + opacity: 0; +} + +.content-item img { + width: 100%; + height: 100%; + object-fit: fill; +} + +.content-item.plan { + animation: fadeIn 0.5s forwards 1s, fadeOut 0.5s forwards 2s; +} + +.content-item.review { + animation: fadeIn 0.5s forwards 2s, fadeOut 0.5s forwards 3s; +} + +.content-item.develop { + animation: fadeIn 0.5s forwards 3s, fadeOut 0.5s forwards 4s; +} + +.content-item.what { + animation: fadeIn 0.5s forwards 4s, fadeOut 0.5s forwards 5s; +} + +.content-item.developer { + animation: fadeIn 0.5s forwards 5s, fadeOut 0.5s forwards 6s; +} + +.content-item.stop { + animation: fadeIn 0.5s forwards 6s, fadeOut 0.5s forwards 7s; +} + +.content-item.arms { + animation: fadeIn 0.5s forwards 7s; +} + +.preview-btn a { + animation: slideUp 0.5s forwards 7s; +} + +.contact { + display: none; +} + +/*-------------------------------------------------------------- # responsive --------------------------------------------------------------*/ @media (max-width: 992px) { @@ -819,3 +872,34 @@ min-width: auto; } } + +@keyframes fadeIn { + from { + opacity: 0; + scale: 1.5; + } + to { + opacity: 1; + scale: 1; + } +} + +@keyframes slideUp { + from { + transform: translateY(100%); + } + to { + transform: translateY(0); + } +} + +@keyframes fadeOut { + from { + opacity: 1; + scale: 1; + } + to { + opacity: 0; + scale: 0; + } +} Index: arms/index/assets/js/main.js =================================================================== diff -u -rd9d0b06a382ed8e6db92c2a7add764e66d906b54 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb --- arms/index/assets/js/main.js (.../main.js) (revision d9d0b06a382ed8e6db92c2a7add764e66d906b54) +++ arms/index/assets/js/main.js (.../main.js) (revision 1cc3c53ce2e18aa1fa8033a473c360f40ed473eb) @@ -271,7 +271,6 @@ index = i; } - console.log("##############", s, index); el[index].classList.add("on"); } @@ -289,6 +288,10 @@ }); }); + setTimeout(() => { + document.querySelector(".contact").style.display = "block"; + }, 7000); + /** * Initiate Pure Counter */ Index: arms/landing.html =================================================================== diff -u -r630b6cf3febddbc2002a3b451e3c2405cbad86d5 -r1cc3c53ce2e18aa1fa8033a473c360f40ed473eb --- arms/landing.html (.../landing.html) (revision 630b6cf3febddbc2002a3b451e3c2405cbad86d5) +++ arms/landing.html (.../landing.html) (revision 1cc3c53ce2e18aa1fa8033a473c360f40ed473eb) @@ -70,459 +70,503 @@ - + -
- - -
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-

- -

-
-
-
-
-
- project charter - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- project charter - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- project charter - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
- PREVIEW -
-
-
+ + + + + + + -
-
-
-
-
- SRS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- SRS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- SRS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-
-
-
- SDS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- SDS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- SDS - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-
-
-
- QA Checklist - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- QA Checklist - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- QA Checklist - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-
-
-
- Endpoint - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- Endpoint - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- Endpoint - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
- Endpoint - bla blaa bla bla bla bla blaaaa bla bla bala bla blaa bla bla bla bla -
-
-
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-
-

- atlassian - RMS -

-

- atlassian - Requirements Managment System - 은 전세계에서 유일한 Jira 를 기반한 요구사항 관리 시스템입니다. -

-
+ + + + + + + + + + + + + + + + + -
-
-
-

- - - -

+ + + + + + + + -
-

Scope

-

- 제품(서비스)의 요구사항이 Jira의 -
- END USER 까지 공유 -

-
-
-
-
-
-

- - - -

+ + + + + + + + + + + + + + + + + -
-

Cost

-

- 제품(서비스)의 Jira 분석 -
- ➔ 정확한 Resource 통계 -

-
-
-
-
-
-

- - - -

+ + + + + + + + + + + + + + + + + -
-

Time

-

- 제품(서비스) Jira Project 맵핑 -
- ➔ 실질적인 진척도 측정 -

-
-
-
-
-
-
-
-

- - - -

+ + + + + + + + + + + + + + + + + + + -
-

제품(서비스)

-

- aRMS는 제품과 서비스를 기준 -
- ➔ 데이터를 구조화 합니다. -

-
-
-
-
-
-

- - - -

-
-

요구사항

-

- ARMS는 제품과 서비스를 기준 -
- ➔ 요구사항을 관리합니다. -

-
-
-
-
-
-

- - - -

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-

Test(QA)

-

- ARMS는 제품과 서비스를 기준 -
- ➔ 요구사항의 테스트를 관리 -

-
-
-
+ + + + + + + + + + + + + + + +
+
+
+ plan
+
+ review +
+ +
+ develop +
+
+ what +
+
+ developer +
+
+ stop +
+
+ arms +
+ +
+ PREVIEW +
- -