feat: 프로젝트 설정

- og:image 디자인팀에게 받은 이미지로 설정 - A2HS 추가 - 리드미 수정
imddoy · Jul 22, 2024 · ea4dc75 · ea4dc75
1 parent abd40fe
commit ea4dc75
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,8 @@
 <div align="center">
-
-<h2> BEAT </h2>
-<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<div style="width: 100%; display: flex; gap: 8px; margin: 10px 0;">
+<svg width="100" height="100" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3999_41443)">
-<rect width="192" height="192" rx="96" fill="#0F0F0F"/>
+<rect width="192" height="192" rx="8" fill="#0F0F0F"/>
 <path d="M125.859 96.856L112.182 53.9171L105.474 32L98.9363 54.2286L84.3723 111.844L73.0839 82.05L66.2455 60.3145L57.3845 81.7515L50.1807 96.856H37V108.976H60.3599L66.0889 98.1926L78.8912 137.187L86.6952 159L92.098 136.733L106.362 80.2852L115.497 108.976H155V96.856H125.859Z" fill="url(#paint0_linear_3999_41443)"/>
 </g>
 <defs>
@@ -16,9 +15,15 @@
 </clipPath>
 </defs>
 </svg>
+
+<div style="text-align: left">
+
+# BEAT
+간편하게 소규모 공연을 등록하고 관리할 수 있는 티켓 예매 플랫폼
+</div>
+</div>
 <img src="https://github.com/user-attachments/assets/0efee26a-a268-49ea-9ef9-dba61c685695" />
 <img src="https://github.com/user-attachments/assets/54068895-2813-4feb-9bef-8fe5186ae044" />
-<h1>간편하게 소규모 공연을 등록하고 관리할 수 있는<br /> 티켓 예매 플랫폼</h1>
 
 </div>
 

diff --git a/index.html b/index.html
@@ -6,15 +6,23 @@
     <link rel="mask-icon" href="/BEAT.svg" color="#FF006B" />
     <link rel="apple-touch-icon" href="/BEAT.svg" />
     <link rel="stylesheet" href="./src/styles/fonts/fonts.css" />
+    <link rel="manifest" href="/manifest.json" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="keywords" content="공연, 밴드, 뮤지컬, 비트, beat" />
     <meta property="og:title" content="BEAT" />
     <meta property="og:description" content="BE AT WHERE YOUR HEART BEATS" />
-    <meta property="og:image" content="https://www.beatlive.kr/BEAT.png" />
+    <meta property="og:image" content="https://www.beatlive.kr/og_img.png" />
     <title>BEAT</title>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
+    <script>
+      (function () {
+        if ("serviceWorker" in navigator) {
+          navigator.serviceWorker.register("/service-worker.js");
+        }
+      })();
+    </script>
   </body>
 </html>
diff --git a/public/BEAT.jpg b/public/BEAT.jpg
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "BEAT",
+  "short_name": "BEAT",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#FFFFFF",
+  "theme_color": "#FF006B",
+  "icons": [
+    {
+      "src": "/BEAT.svg",
+      "sizes": "192x192",
+      "type": "image/svg+xml"
+    },
+    {
+      "src": "/BEAT.svg",
+      "sizes": "512x512",
+      "type": "image/svg+xml"
+    }
+  ]
+}
diff --git a/public/og_img.png b/public/og_img.png
diff --git a/public/service-worker.js b/public/service-worker.js
@@ -0,0 +1 @@
+self.addEventListener("fetch", (e) => {});