[LLM] favicon & og tag 추가 및 일부 레이아웃 수정 #60

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed

s0ooo0k wants to merge 3 commits into PETTY-HUB:main from s0ooo0k:feat/front

src/main/resources/application.yml

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -6,14 +6,14 @@ spring:
  
        import: "optional:classpath:application-secret.yml"

      profiles:

        active: prod

        active: dev

    logging:

      level:

        io.github.petty: DEBUG

        org.springframework.web: INFO

        software.amazon.awssdk: INFO

        com.google.cloud: INFO

        io.github.petty: ERROR

        org.springframework.web: ERROR

        software.amazon.awssdk: ERROR

        com.google.cloud: ERROR

    server:

      forward-headers-strategy: FRAMEWORK

src/main/resources/static/css/search.css

-Original file line number
+Diff line change
@@ Expand Up / @@ -178,7 +178,7 @@ @@
     }
     .petty-list-item-img-wrapper {
       flex: 0 0 180px;
-      max-height: 150px;
+      max-height: 100%;
       overflow: hidden;
       border-top-left-radius: var(--border-radius-md); /* 컨테이너 radius 와 일치 */
       border-bottom-left-radius: var(--border-radius-md);
@@ Expand Down @@

src/main/resources/static/favicon/apple-touch-icon.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/main/resources/static/favicon/favicon-96x96.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/main/resources/static/favicon/favicon.ico

Binary file not shown.

src/main/resources/static/favicon/favicon.svg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/main/resources/static/favicon/site.webmanifest

-Original file line number
+Diff line change
@@ -0,0 +1,21 @@
+    {
+      "name": "MyWebSite",
+      "short_name": "MySite",
+      "icons": [
+        {
+          "src": "/web-app-manifest-192x192.png",
+          "sizes": "192x192",
+          "type": "image/png",
+          "purpose": "maskable"
+        },
+        {
+          "src": "/web-app-manifest-512x512.png",
+          "sizes": "512x512",
+          "type": "image/png",
+          "purpose": "maskable"
+        }
+      ],
+      "theme_color": "#ffffff",
+      "background_color": "#ffffff",
+      "display": "standalone"
+    }

src/main/resources/static/favicon/web-app-manifest-192x192.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/main/resources/static/favicon/web-app-manifest-512x512.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/main/resources/templates/fragments/header.html

-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,36 @@ @@
     <html lang="ko" xmlns:th="http://www.thymeleaf.org">
     <body>
     <header th:fragment="mainHeader">
+        <!-- favicon -->
+        <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js"></script>
+        <link
+                rel="icon"
+                type="image/png"
+                href="./asset/favicon/favicon-96x96.png"
+                sizes="96x96"
+        />
+        <link rel="icon" type="image/svg+xml" href="./asset/favicon/favicon.svg" />
+        <link rel="shortcut icon" href="./asset/favicon/favicon.ico" />
+        <link
+                rel="apple-touch-icon"
+                sizes="180x180"
+                href="./asset/favicon/apple-touch-icon.png"
+        />
+        <link rel="manifest" href="./asset/favicon/site.webmanifest" />
+        <!-- og tag -->
+        <meta
+                property="og:title"
+                content="PETTY - 반려동물과 함께 떠나는 완벽한 여행"
+        />
+        <meta
+                property="og:description"
+                content="우리 아이(🐶🐱)와 여행을 떠나고 싶다면? PETTY가 최적의 숙소, 관광지, 음식점을 추천해 줄게요! 🐾"
+        />
+        <meta
+                property="og:image"
+                content="https://github.com/user-attachments/assets/42edc0f5-5e02-4709-97c5-3009ed6cdeb2"
+        />
         <div class="menu-icon" onclick="toggleMenu(event)">
             <span></span>
             <span></span>
@@ Expand Down @@

src/main/resources/templates/layouts/defaultLayout.html

-Original file line number
+Diff line change
@@ Expand Up / @@ -10,6 +10,26 @@ @@
         <link rel="stylesheet" th:href="@{/css/navbar.css}" />
         <link rel="stylesheet" th:href="@{/css/loading.css}" />
+        <!-- favicon -->
+        <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+        <link rel="shortcut icon" href="/favicon/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
+        <!-- og tag -->
+        <meta
+                property="og:title"
+                content="PETTY - 반려동물과 함께 떠나는 완벽한 여행"
+        />
+        <meta
+                property="og:description"
+                content="우리 아이(🐶🐱)와 여행을 떠나고 싶다면? PETTY가 최적의 숙소, 관광지, 음식점을 추천해 줄게요! 🐾"
+        />
+        <meta
+                property="og:image"
+                content="https://github.com/user-attachments/assets/42edc0f5-5e02-4709-97c5-3009ed6cdeb2"
+        />
         <th:block layout:fragment="css"></th:block>
     </head>
     <body onclick="closeMenuOnClickOutside(event)">
@@ Expand Down @@

src/main/resources/templates/recommendation_result.html

-Original file line number
+Diff line change
@@ Expand Up / @@ -25,7 +25,7 @@ @@
                 /* 이미지가 없을 때를 위한 플레이스홀더 스타일 (search.css 와 유사하게 또는 공통화) */
                 .petty-list-item-img-placeholder {
                     width: 180px;
-                    height: 150px;
+                    height: 100%;
                     background-color: #f0f0f0;
                     display: flex;
                     justify-content: center;
@@ Expand Down @@