ruby-jp
diff --git a/Diff for: ‎_layouts/default.html
+5-2 b/Diff for: ‎_layouts/default.html
+5-2
diff --git a/Diff for: ‎assets/apple-touch-icon.png
8.07 KB b/Diff for: ‎assets/apple-touch-icon.png
8.07 KB
diff --git a/Diff for: ‎assets/css/style.scss
+8-1 b/Diff for: ‎assets/css/style.scss
+8-1
diff --git a/Diff for: ‎assets/favicon.ico
17.5 KB b/Diff for: ‎assets/favicon.ico
17.5 KB
diff --git a/Diff for: ‎assets/ogp.png
13 KB b/Diff for: ‎assets/ogp.png
13 KB
diff --git a/Diff for: ‎assets/ruby-jp-white-big.svg
+19 b/Diff for: ‎assets/ruby-jp-white-big.svg
+19
@@ -16,11 +16,14 @@
     <meta name="theme-color" content="#b41d23">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
-    <link rel="icon" type="image/x-icon" href="{{ '/assets/favicon.ico?v=' | append: site.github.build_revision | relative_url }}">
+
+    <link rel="icon" href="{{ '/assets/favicon.ico?v=' | append: site.github.build_revision | relative_url }}">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/apple-touch-icon.png?v=' | append: site.github.build_revision | relative_url }}">
   </head>
+
   <body>
     <header class="page-header" role="banner">
-      <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
+      <h1 class="project-name"><a href="/"><img class="page-header-logo" src="{{ '/assets/ruby-jp-white-big.svg?v=' | append: site.github.build_revision | relative_url }}" alt="{{ page.title | default: site.title | default: site.github.repository_name }}"></a></h1>
       <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
       <a href="{{ site.slack_invite_link }}" class="btn"><strong>ruby-jp Slack ワークスペースに参加する</strong></a>
     </header>
 
@@ -8,5 +8,12 @@ body {
 }
 
 .page-header {
-  background-image: linear-gradient(120deg, #f26a6a, #A61401)
+  background-color: #E2203C;
+  background-image: linear-gradient(120deg, #ce2640, #e2203c, #f13955);
+
+  .page-header-logo {
+    @include large { width: 12rem; }
+    @include medium { width: 10rem; }
+    @include small { width: 8rem; }
+  }
 }
Original file line number	Diff line number	Diff line change
`@@ -8,5 +8,12 @@ body {`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.page-header {`
`11`		`- background-image: linear-gradient(120deg, #f26a6a, #A61401)`
	`11`	`+ background-color: #E2203C;`
	`12`	`+ background-image: linear-gradient(120deg, #ce2640, #e2203c, #f13955);`
	`13`	`+`
	`14`	`+ .page-header-logo {`
	`15`	`+ @include large { width: 12rem; }`
	`16`	`+ @include medium { width: 10rem; }`
	`17`	`+ @include small { width: 8rem; }`
	`18`	`+ }`
`12`	`19`	`}`