diff --git a/static/css/landing/landing.css b/static/css/landing/landing.css index 2671195..ea079b4 100644 --- a/static/css/landing/landing.css +++ b/static/css/landing/landing.css @@ -62,7 +62,7 @@ body::-webkit-scrollbar-track { position: relative; width: 100%; height: 100vh; - background-image: url("https://alaltalk.s3.ap-northeast-2.amazonaws.com/images/landing/algorithm_bg.jpg"); + background-image: url("static/images/landing/algorithm_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -304,7 +304,7 @@ body::-webkit-scrollbar-track { margin: 0; } -.landing_content_row_2_img > img { +.landing_content_row_2_img>img { width: 38%; position: relative; left: 0; @@ -321,7 +321,7 @@ body::-webkit-scrollbar-track { right: 1.4vh; width: min(3vw, 100px); height: min(3vw, 100px); - background-image: url("https://alaltalk.s3.ap-northeast-2.amazonaws.com/images/landing/landing_next_slide_button.png"); + background-image: url("static/images/landing/landing_next_slide_button.png"); background-size: cover; background-repeat: no-repeat; background-position: center; @@ -348,7 +348,8 @@ body::-webkit-scrollbar-track { /*margin-bottom: 32px;*/ } -.landing_content_row_2_text_1, .landing_content_row_2_text_2 { +.landing_content_row_2_text_1, +.landing_content_row_2_text_2 { text-align: left; } @@ -358,9 +359,7 @@ body::-webkit-scrollbar-track { } -.landing_content_row_2_text_2 { - -} +.landing_content_row_2_text_2 {} .landing_content_row_2_text_3 { text-align: left; @@ -510,9 +509,7 @@ body::-webkit-scrollbar-track { } -.landing_content_row_4_mac_content_wrapper { - -} +.landing_content_row_4_mac_content_wrapper {} .landing_content_row_4_mac_content { width: 100%; @@ -532,7 +529,7 @@ body::-webkit-scrollbar-track { top: 42%; right: 32px; z-index: 4; - background-image: url("https://alaltalk.s3.ap-northeast-2.amazonaws.com/images/landing/landing_next_slide_button_2.png"); + background-image: url("static/images/landing/landing_next_slide_button_2.png"); } @@ -553,7 +550,7 @@ body::-webkit-scrollbar-track { margin-left: 0; } -.landing_content_row_4_right > p { +.landing_content_row_4_right>p { margin-top: 1vw; width: 100%; text-align: left; @@ -910,6 +907,7 @@ body::-webkit-scrollbar-track { from { opacity: 0; } + to { opacity: 1; } @@ -920,6 +918,7 @@ body::-webkit-scrollbar-track { from { opacity: 1; } + to { opacity: 0; } diff --git a/templates/landing/landing_page.html b/templates/landing/landing_page.html index 44cdb7a..909eb16 100644 --- a/templates/landing/landing_page.html +++ b/templates/landing/landing_page.html @@ -1,223 +1,232 @@ + + {% load static %} - + - + welcome to AlAlTalk - {% load static %} + - + + -
- -
-
-
-

알고리즘으로
알아보는

-
- +
+ +
+
+
+

알고리즘으로
알아보는

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

Just

-

Chatting
with
Friend!

-

친구들과
실시간 채팅을 즐겨보세요.

-
-
- +
+
+
+

Just

+

Chatting
with
Friend!

+

친구들과
실시간 채팅을 즐겨보세요.

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

Then
We find your

+

Interest!

+

채팅로그를 기반으로
알알톡이 맞춤 정보를 추천해줘요.

+

다른 페이지로 이탈하지 않고도
원하는 정보를 검색할 수 + 있어요. +

-
-
-
-

Then
We find your

-

Interest!

-

채팅로그를 기반으로
알알톡이 맞춤 정보를 추천해줘요.

-

다른 페이지로 이탈하지 않고도
원하는 정보를 검색할 수 있어요. -

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

Info
From

-

- The information we provide is crawled
- and used on the following sites.
-

-

- 사이트를 이탈해서 사용해야하는
- 유튜브, 네이버, 교보문고, 쿠팡의 정보를
- 알알톡이 제공해줘요.
-

+
+
+

Info
From

+

+ The information we provide is crawled
+ and used on the following sites.
+

+

+ 사이트를 이탈해서 사용해야하는
+ 유튜브, 네이버, 교보문고, 쿠팡의 정보를
+ 알알톡이 제공해줘요.
+

+
-
-