Feature/packages

assets/elm/Views/Header.elm

@@ -27,7 +27,7 @@ logo =
           , class "header-item header-item-logo"
           ] [
             img [ class "header-item-icon"
-                , src "https://poac.pm/images/poacpm-speed.png"
+                , src "/images/icon.svg"
                 , alt "icon", width 30, height 30
                 ] [],
             text "poac"
@@ -63,7 +63,7 @@ headerMenu =
                 ]
             ],
             li [] [
-                a [ href "https://poacpm.github.io/poac/"
+                a [ href "https://docs.poac.pm/"
                   , class "header-item"
                   ] [
                     text "DOCS"

assets/scss/header.scss

@@ -35,7 +35,8 @@
   color: white;
 }
 .header-item-icon {
-  border-radius: 50%;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
 }
 
 .header-list-menu li {

assets/scss/index.scss

@@ -3,7 +3,6 @@
   .top {
     background-size: cover;
     background-color: #0f071c;
-    //background-image: url("/images/poacpm-speed.png");
     .text {
       display: block;
       width: 80%;

lib/poacpm_web/templates/layout/app.html.eex

@@ -16,22 +16,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <title>poacpm</title>
-    <meta name="description" content="Modern Package Manager for C++ Developers. poacpm is the package manager that for open source. Easy to introduce to your C++ project, you can use the package intuitively.">
+    <meta name="description" content="Modern Package Manager for C++ Developers. poac is the package manager that for open source. Easy to introduce to your C++ project, you can use the package intuitively.">
     <meta name="author" content="matken">
-    <meta property="og:title" content="poacpm">
-    <meta property="og:site_name" content="poac.pm">
+    <meta property="og:title" content="poac">
+    <meta property="og:site_name" content="poac">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://poac.pm">
-    <!-- <meta property="og:image" content="ogpのURL貼る">  -->
-    <meta property="og:description" content="Modern Package Manager for C++ Developers. poacpm is the package manager that for open source. Easy to introduce to your C++ project, you can use the package intuitively.">
-    <!-- <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="サイトのURL貼る">
-    <meta name="twitter:image" content="ogpのURL貼る"> -->
+    <meta property="og:image" content="https://poac.pm/images/icon-512x512.png">
+    <meta property="og:description" content="Modern Package Manager for C++ Developers. poac is the package manager that for open source. Easy to introduce to your C++ project, you can use the package intuitively.">
+    <meta name="twitter:card" content="poac | Package manager for C/C++">
+    <meta name="twitter:site" content="https://poac.pm">
+    <meta name="twitter:image" content="https://poac.pm">
 
-    <!--
     <link rel="icon" type="image/x-icon" href="<%= static_path(@conn, "/static/images/favicon.ico") %>" />
     <link rel="apple-touch-icon" sizes="152x152" href="<%= static_path(@conn, "/static/images/apple-touch-icon.png") %>" />
-    -->
 
     <meta name="csrf" content="<%= Plug.CSRFProtection.get_csrf_token() %>">