Please enter the commit message for your changes. Lines starting

 with '' will be ignored, and an empty message aborts the commit.

 On branch main
 Your branch is up to date with 'origin/main'.

 Changes to be committed:
	new file:   public/android-chrome-128x128.png
	new file:   public/android-chrome-144x144.png
	new file:   public/android-chrome-152x152.png
	new file:   public/android-chrome-192x192.png
	new file:   public/android-chrome-256x256.png
	new file:   public/android-chrome-36x36.png
	new file:   public/android-chrome-384x384.png
	new file:   public/android-chrome-48x48.png
	new file:   public/android-chrome-512x512.png
	new file:   public/android-chrome-72x72.png
	new file:   public/android-chrome-96x96.png
	new file:   public/apple-touch-icon-114x114-precomposed.png
	new file:   public/apple-touch-icon-114x114.png
	new file:   public/apple-touch-icon-120x120-precomposed.png
	new file:   public/apple-touch-icon-120x120.png
	new file:   public/apple-touch-icon-144x144-precomposed.png
	new file:   public/apple-touch-icon-144x144.png
	new file:   public/apple-touch-icon-152x152-precomposed.png
	new file:   public/apple-touch-icon-152x152.png
	new file:   public/apple-touch-icon-180x180-precomposed.png
	new file:   public/apple-touch-icon-180x180.png
	new file:   public/apple-touch-icon-57x57-precomposed.png
	new file:   public/apple-touch-icon-57x57.png
	new file:   public/apple-touch-icon-60x60-precomposed.png
	new file:   public/apple-touch-icon-60x60.png
	new file:   public/apple-touch-icon-72x72-precomposed.png
	new file:   public/apple-touch-icon-72x72.png
	new file:   public/apple-touch-icon-76x76-precomposed.png
	new file:   public/apple-touch-icon-76x76.png
	new file:   public/apple-touch-icon-precomposed.png
	new file:   public/apple-touch-icon.png
	new file:   public/favicon.ico
	new file:   public/icon-128x128.png
	new file:   public/icon-144x144.png
	new file:   public/icon-152x152.png
	new file:   public/icon-160x160.png
	new file:   public/icon-16x16.png
	new file:   public/icon-192x192.png
	new file:   public/icon-196x196.png
	new file:   public/icon-24x24.png
	new file:   public/icon-256x256.png
	new file:   public/icon-32x32.png
	new file:   public/icon-36x36.png
	new file:   public/icon-384x384.png
	new file:   public/icon-48x48.png
	new file:   public/icon-512x512.png
	new file:   public/icon-72x72.png
	new file:   public/icon-96x96.png
	new file:   public/logo.png
	new file:   public/manifest.json
	new file:   public/robots.txt
	new file:   public/site-tile-150x150.png
	new file:   public/site-tile-310x150.png
	new file:   public/site-tile-310x310.png
	new file:   public/site-tile-70x70.png
	modified:   src/components/BaseHead.astro
	modified:   src/components/Layout/Header.astro
	modified:   src/layouts/Layout.astro

public/manifest.json

@@ -0,0 +1,79 @@
+{
+	"name":				"s0u7a.net",
+	"short_name":		"Only s0u7a's website",
+	"description":		"s0u7aのサイトです。様々なツールやブログなどを公開しています。",
+	"scope": "/",
+	"start_url":		"/",
+	"display":			"standalone",
+	"orientation":		"any",
+	"background_color":	"#fff",
+	"theme_color":		"#fff",
+	"icons": [
+		{
+			"src": "/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-128x128.png",
+			"sizes": "128x128",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-152x152.png",
+			"sizes": "152x152",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-256x256.png",
+			"sizes": "256x256",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-384x384.png",
+			"sizes": "384x384",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png",
+			"purpose": "maskable"
+		}
+	]
+}

public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent:*
+Disallow:

src/components/BaseHead.astro

@@ -18,8 +18,8 @@ function parseOGP(link: string): string {
 ---
 <meta charset="UTF-8" />
 <meta name="description" content={description} />
-<meta name="viewport" content="width=device-width" />
-<link rel="icon shortcut" type="image/svg+xml" href={icon} />
+<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="generator" content={Astro.generator} />
 <title>{title}</title>
 <!-- OGP -->
@@ -40,4 +40,49 @@ function parseOGP(link: string): string {
 <meta name="twitter:creator" content="@amex2189">
 <!-- HTMX RUNTIME -->
 <script src="https://unpkg.com/htmx.org" is:inline></script>
+<!-- MULTI PLATFORM ICONS -->
+<meta name="msapplication-square70x70logo" content="/site-tile-70x70.png">
+<meta name="msapplication-square150x150logo" content="/site-tile-150x150.png">
+<meta name="msapplication-wide310x150logo" content="/site-tile-310x150.png">
+<meta name="msapplication-square310x310logo" content="/site-tile-310x310.png">
+<meta name="msapplication-TileColor" content="#0078d7">
+<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
+<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
+<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="36x36" href="/android-chrome-36x36.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/android-chrome-48x48.png">
+<link rel="icon" type="image/png" sizes="72x72" href="/android-chrome-72x72.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/android-chrome-96x96.png">
+<link rel="icon" type="image/png" sizes="128x128" href="/android-chrome-128x128.png">
+<link rel="icon" type="image/png" sizes="144x144" href="/android-chrome-144x144.png">
+<link rel="icon" type="image/png" sizes="152x152" href="/android-chrome-152x152.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
+<link rel="icon" type="image/png" sizes="256x256" href="/android-chrome-256x256.png">
+<link rel="icon" type="image/png" sizes="384x384" href="/android-chrome-384x384.png">
+<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
+<link rel="icon" type="image/png" sizes="36x36" href="/icon-36x36.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/icon-48x48.png">
+<link rel="icon" type="image/png" sizes="72x72" href="/icon-72x72.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/icon-96x96.png">
+<link rel="icon" type="image/png" sizes="128x128" href="/icon-128x128.png">
+<link rel="icon" type="image/png" sizes="144x144" href="/icon-144x144.png">
+<link rel="icon" type="image/png" sizes="152x152" href="/icon-152x152.png">
+<link rel="icon" type="image/png" sizes="160x160" href="/icon-160x160.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png">
+<link rel="icon" type="image/png" sizes="196x196" href="/icon-196x196.png">
+<link rel="icon" type="image/png" sizes="256x256" href="/icon-256x256.png">
+<link rel="icon" type="image/png" sizes="384x384" href="/icon-384x384.png">
+<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/icon-16x16.png">
+<link rel="icon" type="image/png" sizes="24x24" href="/icon-24x24.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/icon-32x32.png">
+<link rel="manifest" href="/manifest.json">
 <ViewTransitions />

src/components/Layout/Header.astro

@@ -5,9 +5,9 @@
 <header>
   <nav class="bg-white border-gray-200 dark:bg-gray-900">
      <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
-        <a href="https://flowbite.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
-        <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>        
-        <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" />
+        <a href="https://s0u7a.net/" class="flex items-center space-x-3 rtl:space-x-reverse">
+        <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">s0u7a.net</span>        
+        <img src="https://s0u7a.net/logo.png" class="h-8" alt="s0u7a.net Logo" />
         </a>
         <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false">
            <span class="sr-only">Open main menu</span>

src/layouts/Layout.astro

@@ -13,7 +13,7 @@ const { title, description, icon } = Astro.props
 ---
 
 <!doctype html>
-<html lang="ja">
+<html lang="ja" itemtype="https://schema.org/WebSite" itemscope>
   <head>
     <BaseHead title={title} description={description} icon={icon} />
   </head>