Add gtfs-sqljs logo with feather and G design

README.md

@@ -1,6 +1,8 @@
-# gtfs-sqljs
-
-A TypeScript library for loading GTFS (General Transit Feed Specification) data into a sql.js SQLite database for querying in both browser and Node.js environments.
+<div align="center">
+  <img src="logo.svg" alt="gtfs-sqljs logo" width="200" height="200">
+  <h1>gtfs-sqljs</h1>
+  <p>A TypeScript library for loading GTFS (General Transit Feed Specification) data into a sql.js SQLite database for querying in both browser and Node.js environments.</p>
+</div>
 
 ## Author
 

website/demo.html

@@ -4,12 +4,18 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Demo - gtfs-sqljs</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="./logo-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./logo-16.png">
+  <link rel="icon" type="image/svg+xml" href="./logo.svg">
   <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
-      <h1 class="logo">gtfs-sqljs</h1>
+      <div class="logo">
+        <img src="./logo.svg" alt="gtfs-sqljs logo" width="40" height="40" style="vertical-align: middle; margin-right: 10px;">
+        <span>gtfs-sqljs</span>
+      </div>
       <ul class="nav-links">
         <li><a href="./index.html">Documentation</a></li>
         <li><a href="./demo.html" class="active">Demo</a></li>

website/index.html

@@ -4,12 +4,18 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>gtfs-sqljs - GTFS Data with SQL.js</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="./logo-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./logo-16.png">
+  <link rel="icon" type="image/svg+xml" href="./logo.svg">
   <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
-      <h1 class="logo">gtfs-sqljs</h1>
+      <div class="logo">
+        <img src="./logo.svg" alt="gtfs-sqljs logo" width="40" height="40" style="vertical-align: middle; margin-right: 10px;">
+        <span>gtfs-sqljs</span>
+      </div>
       <ul class="nav-links">
         <li><a href="./index.html">Documentation</a></li>
         <li><a href="./demo.html">Demo</a></li>
@@ -20,6 +26,7 @@ <h1 class="logo">gtfs-sqljs</h1>
 
   <main class="container">
     <section class="hero">
+      <img src="./logo.svg" alt="gtfs-sqljs logo" width="120" height="120" style="margin-bottom: 20px;">
       <h1>gtfs-sqljs</h1>
       <p class="subtitle">Load GTFS data into sql.js SQLite database for querying in browser and Node.js</p>
       <div class="hero-buttons">