#38 타이틀 정보 DB로 부터 로드

UTA-CONNECT · Jun 23, 2021 · 1353701 · 1353701
1 parent 3c849f9
commit 1353701
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -236,9 +236,11 @@ div.date-place-info {
     font-weight: bold;
     margin-top: 40px;
     text-align: center;
-    transform: rotate(7deg);
+    /* transform: rotate(7deg); */
     font-size: 1.5em;
     letter-spacing: 7px;
+    font-style: italic;
+    transform: scale(1) rotate(7deg) translate(0px, 0px) skew(18deg, 0deg);
     /* padding: 20px; */
 }
 
@@ -247,9 +249,11 @@ div.date-place-info-small {
     font-weight: bold;
     margin-top: 40px;
     text-align: center;
-    transform: rotate(7deg);
-    font-size: 1.2em;
+    /* transform: rotate(7deg); */
+    font-size: 1.1em;
     letter-spacing: 2.5px;
+    font-style: italic;
+    transform: scale(1) rotate(7deg) translate(0px, 0px) skew(18deg, 0deg);
     /* padding: 20px; */
 }
 

diff --git a/public/index.html b/public/index.html
@@ -48,7 +48,7 @@
                             <div class="col" style="height: 25px;"></div>
                         </div>
                         <div class="row">
-                            <div class="col-12 col-lg-12 date-place-info-small">2021. 4. 1. 8:00AM /// [장소명]</div>
+                            <div class="col-12 col-lg-12 date-place-info-small">----. -. -. --:--AM /// [장소명]</div>
                         </div>
                         <div class="row justify-content-center">
                             <div class="col-12 col-md-10 col-lg-10 col-xl-9" style="padding: 0;">
@@ -86,7 +86,7 @@
             <div class="container conne-top-container">
                 <div class="row" style="height: 25px;"></div>
                 <div class="row">
-                    <div class="col-12 col-lg-12 date-place-info">2021. 4. 1. 8:00AM /// [장소명]</div>
+                    <div class="col-12 col-lg-12 date-place-info">----. -. -. --:--AM /// [장소명]</div>
                 </div>
                 <div class="row justify-content-center">
                     <div class="col-12 col-md-10 col-lg-10 col-xl-9">
@@ -425,5 +425,6 @@ <h2 id="name" class="artist-title"></h2>
         <script src="src/artist.js"></script>
         <script src="src/firebase-script.js"></script>
         <script src="src/sns.js"></script>
+        <script src="src/title.js"></script>
     </body>
 </html>
diff --git a/public/src/title.js b/public/src/title.js
@@ -0,0 +1,18 @@
+firebase.firestore().collection("page").doc("utaconne-landing").get()
+    .then((snapshot) => {
+        if (snapshot.exists && snapshot.data()['top-title']) {
+            document.querySelector('div.date-place-info-small').textContent = snapshot.data()['top-title']
+            document.querySelector('div.date-place-info').textContent = snapshot.data()['top-title']
+        } else {
+            analytics.logEvent('top-title-text', {
+                status: 'warn',
+                message: 'Empty top title string received.'
+            });
+        }
+    })
+    .catch(err => {
+        analytics.logEvent('top-title-text', {
+            status: 'fail',
+            message: err.message
+        });
+    })