Update meta description and logo positioning

pione-os · Jan 24, 2024 · 8e82341 · 8e82341
1 parent 579d096
commit 8e82341
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -6,17 +6,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>PioneOS</title>
 
-    <meta name="description"
-        content="PioneOSは、PioneOS Groupが開発する日本製のLinuxディストリビューションです。安定的で軽快な動作を目指しています。">
+    <meta name="description" content="PioneOSは、PioneOS Groupが開発する日本製のLinuxディストリビューションです。安定的で軽快な動作を目指しています。">
     <meta name="keywords" content="PioneOS,ぶどう島,PioneOSGroup,OS,Debian,Linux,ディストリビューション,安定,軽快">
     <meta name="author" content="PioneOS Group">
     <meta property="og:title" content="PioneOS">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://ospio.net/">
     <meta property="og:image" content="https://ospio.net/images/ogp/2.png">
     <meta property="og:site_name" content="PioneOS">
-    <meta property="og:description"
-        content="PioneOSは、PioneOS Groupが開発する日本製のLinuxディストリビューションです。安定的で軽快な動作を目指しています。">
+    <meta property="og:description" content="PioneOSは、PioneOS Groupが開発する日本製のLinuxディストリビューションです。安定的で軽快な動作を目指しています。">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="@gbudou">
     <meta name="theme-color" content="#c866e8">
@@ -51,12 +49,29 @@
         main section#about {
             background: var(--dark-background);
         }
+
+        #logo {
+            width: 5em;
+            height: auto;
+            margin: 0 auto;
+            display: block;
+        }
+
+        header > div {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
     </style>
 </head>
 
 <body>
     <header>
-        <h1>PioneOS</h1><img id="logo" src="/images/logo1.svg" alt="logo" height="175"><br>
+        <div>
+            <img id="logo" src="/images/logo1.svg" alt="logo">
+            <h1>PioneOS</h1>
+        </div>
+        <br>
         <p>Be stable, be nimble, be Pione.</p>
     </header>
 
@@ -91,7 +106,8 @@ <h2>PioneOSとは</h2>
                 </p>
                 <h3>PioneOS Groupとは</h3>
                 <p>
-                    PioneOS Groupは、コンピューター好き中高生が中心に集まるDiscordコミュニティ<br>「<a href="https://gbudou.com/discord/">ぶどう島</a>」を拠点に活動しているPioneOSの開発グループです。
+                    PioneOS Groupは、コンピューター好き中高生が中心に集まるDiscordコミュニティ<br>「<a
+                        href="https://gbudou.com/discord/">ぶどう島</a>」を拠点に活動しているPioneOSの開発グループです。
                 </p>
             </div>
         </section>
@@ -132,4 +148,4 @@ <h3>Debian 12ベース</h3>
     </footer>
 </body>
 
-</html>
+</html>
diff --git a/styles/main.css b/styles/main.css
@@ -157,7 +157,7 @@ h6 {
 }
 
 header {
-    height: 83vh;
+    height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;