update logo (#425)

Author: romainmenke

README.md

@@ -1,4 +1,4 @@
-# cssdb [<img src="https://cssdb.org/images/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb]
+# cssdb [<img src="https://cssdb.org/images/css.svg" alt="" width="90" height="90" align="right">][cssdb]
 
 [![NPM Version][npm-img]][npm-url]
 [![Build Status][cli-img]][cli-url]

public/favicon.ico

@@ -3,7 +3,7 @@ import { html } from "../util/html.mjs";
 export function renderHeader() {
 	return html`
 		<header class="cssdb-header">
-			<img class="cssdb-header-branding" src="/images/cssdb.svg" alt="cssdb logo" width="90" height="90" role="presentation">
+			<img class="cssdb-header-branding" src="/images/css-tools.svg" alt="CSS Tools" width="220" height="100" role="presentation">
 			<div class="cssdb-header-heading">
 				<h1 class="cssdb-header-title">
 					What’s next for CSS?

public/images/css-tools.svg

@@ -25,7 +25,7 @@ export function renderIndex() {
 	<meta name="twitter:site" content="@css_tools_">
 	<meta property="og:title" content="CSS Database">
 	<meta property="og:description" content="A comprehensive list of CSS features and their positions in the process of becoming implemented web standards.">
-	<meta property="og:image" content="https://cssdb.org/images/cssdb.jpg">
+	<meta property="og:image" content="https://cssdb.org/images/css.png">
 	<meta property="og:site_name" content="cssdb">
 	<meta property="og:type" content="website">
 	<meta property="og:url" content="https://cssdb.org/">

public/images/css.2x.png

@@ -137,36 +137,10 @@ img {
 /* Header
 /* ========================================================================== */
 
-.cssdb-header {
-	@media (width >= 960px) {
-		align-items: center;
-		display: flex;
-
-		& > * {
-			display: inline-block;
-			vertical-align: top;
-		}
-
-		& > script {
-			display: none;
-		}
-	}
-}
-
 .cssdb-header-branding {
-	flex-shrink: 0;
-	height: 114px;
-	margin-inline-end: 36px;
-	width: 114px;
-
-	@media (width < 960px) {
-		float: inline-start;
-		margin-block-end: 20px;
-	}
-}
-
-.cssdb-header-heading {
-	flex-grow: 1;
+	height: 100px;
+	margin-block-end: 36px;
+	width: 220px;
 }
 
 .cssdb-header-title {
@@ -183,12 +157,6 @@ img {
 	max-width: 44em;
 }
 
-.cssdb-header-link {
-	margin-inline-start: 60px;
-	text-align: end;
-	white-space: nowrap;
-}
-
 /* Features
 /* ========================================================================== */