간단한 웹사이트 클론 및 배포하기
주어진 웹사이트의 첫 화면과 최대한 비슷하게 만들어서 Github Pages로 배포합시다!
index.html, styles.css, action.js 로 구성하기. action.js는 굳이 없어도 됩니다.
상단 로고(DSC UOS), 가운데 슬로건(Connecting the Dots), 양 옆 버튼(Frontend, Backend)이 적당한 글꼴과 여백과 함께 있어야 합니다.
아래 동영상을 이용해서 배경을 꽉 채우고, 페이지가 처음 로딩되었을 때 자동재생되어야 합니다.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/226a26d3-e8b5-4079-828f-95885308e65d/hd1000.mp4
양 옆 버튼에 마우스 버튼을 갖다 대거나 벗어나면 달라지는 효과를 줘야 합니다.(아래는 예시이고 아무 애니메이션이나 상관없이 갖다 대면 모습이 바뀌게 만들기)
가운데 슬로건에 타이핑 효과를 줍니다.
Github에 repository를 만들고 결과물을 Github Pages로 배포합니다.
Github Pages → Project Site → Start from scratch