Use link

Author: drwpow

docs/.vitepress/en.ts

@@ -138,9 +138,8 @@ export default defineConfig({
       },
     ],
     footer: {
-      message: `<div class="footer-spacer"></div>
-<div class="footer-license">Released under the <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT License</a>.</div>
-<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
+      message:
+        'Released under the <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT License</a>. Powered by <a href="https://netlify.com">Netlify</a>.',
     },
   },
 });

docs/.vitepress/ja.ts

@@ -64,9 +64,8 @@ export default defineConfig({
     sidebarMenuLabel: "メニュー",
     returnToTopLabel: "最上部に戻る",
     footer: {
-      message: `<div class="footer-spacer"></div>
-<div class="footer-license"><a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MITライセンス</a> に基づいて配布されています。</div>
-<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
+      message:
+        '<a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MITライセンス</a> に基づいて配布されています。',
     },
   },
 });
@@ -112,4 +111,4 @@ export const jaSearch: DefaultTheme.AlgoliaSearchOptions["locales"] = {
       },
     },
   },
-};
+};

docs/.vitepress/theme/CustomLayout.vue

@@ -39,7 +39,7 @@ const { Layout } = DefaultTheme;
       </a></template
     >
 
-    <!-- Silver sponsor logos -->
+    <!-- Sidebar sponsors -->
     <template #sidebar-nav-after>
       <div class="sidenav-sponsors">
         <h5>Gold Sponsors</h5>
@@ -58,16 +58,9 @@ const { Layout } = DefaultTheme;
             </a>
           </li>
         </ul>
-        <h5 style="margin-block-start: 4rem">Hosting</h5>
-        <div class="sidebar-hosting">
-          <a href="https://www.netlify.com"
-            ><img
-              width="73"
-              height="32"
-              src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg"
-              alt="Deploys by Netlify"
-          /></a>
-        </div>
+        <p class="sidebar-hosting">
+          Powered by <a href="https://netlify.com">Netlify</a>
+        </p>
       </div>
     </template>
   </Layout>
@@ -159,11 +152,22 @@ const { Layout } = DefaultTheme;
 }
 
 .sidebar-hosting {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  margin-block-start: 1rem;
-  text-align: center;
+  color: var(--vp-c-text-3);
+  font-size: 0.75rem;
+  font-weight: 500;
+  letter-spacing: 0.0625em;
+  margin-block-start: 2rem;
+  text-transform: uppercase;
+
+  a {
+    color: var(--vp-c-brand-1);
+    text-decoration: underline;
+
+    &:hover,
+    &:focus-visible {
+      color: var(--vp-c-brand-2);
+    }
+  }
 }
 </style>
 

docs/.vitepress/theme/style.css

@@ -235,25 +235,3 @@ code {
 .home-sponsor .donate {
   display: inline-block;
 }
-
-/* Home footer */
-.VPFooter .container .message {
-  --badge-width: 8rem;
-
-  align-items: center;
-  display: grid;
-  justify-items: center;
-  gap: 1.5rem;
-  text-align: center;
-
-  @media (width >= 600px) {
-    grid-template-columns: var(--badge-width) auto var(--badge-width);
-    gap: 0;
-  }
-}
-
-.footer-hosting {
-  display: inline-block;
-  height: 2rem;
-  width: 8rem;
-}

docs/.vitepress/zh.ts

@@ -53,9 +53,8 @@ export default defineConfig({
     },
 
     footer: {
-      message: `<div class="footer-spacer"></div>
-<div class="footer-license">基于 <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT</a> 许可发布</div>
-<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
+      message:
+        '基于 <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT</a> 许可发布',
     },
   },
 });