Add logo, favicon and social preview

GeneCodeCS/GeneCodeCS.csproj

@@ -17,12 +17,14 @@
     <PackageId>GeneCodeCS</PackageId>
     <PackageTags>genetic-programming;evolutionary-computation;machine-learning</PackageTags>
     <PackageReadmeFile>README.md</PackageReadmeFile>
+    <PackageIcon>icon.png</PackageIcon>
     <RepositoryUrl>https://github.com/EddPorter/GeneCodeCS</RepositoryUrl>
     <RepositoryType>git</RepositoryType>
   </PropertyGroup>
 
   <ItemGroup>
     <None Include="..\README.md" Pack="true" PackagePath="\" />
+    <None Include="icon.png" Pack="true" PackagePath="\" />
   </ItemGroup>
 
   <ItemGroup>

README.md

@@ -1,5 +1,4 @@
-GeneCodeCS
-==========
+<p align="center"><img src="https://raw.githubusercontent.com/EddPorter/GeneCodeCS/master/docs/assets/logo-horizontal.png" alt="GeneCodeCS" width="420"></p>
 
 A genetic programming library for performing breeding and natural selection on code bots.
 

docs/index.html

@@ -5,6 +5,15 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>GeneCodeCS – evolve programs in C#</title>
 <meta name="description" content="GeneCodeCS is a genetic programming library for .NET. Write the small methods your bot may call; it breeds, compiles and ranks programs that combine them.">
+<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="assets/favicon.ico" sizes="48x48">
+<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
+<meta property="og:type" content="website">
+<meta property="og:title" content="GeneCodeCS: evolve programs, not just parameters">
+<meta property="og:description" content="Genetic programming for .NET. Write the small methods your bot may call; GeneCodeCS breeds, compiles and ranks programs that combine them.">
+<meta property="og:url" content="https://eddporter.github.io/GeneCodeCS/">
+<meta property="og:image" content="https://eddporter.github.io/GeneCodeCS/assets/social-preview.png">
+<meta name="twitter:card" content="summary_large_image">
 <style>
 :root {
   --bg: #fbfaf7; --surface: #ffffff; --surface-2: #f2f0ea; --ink: #1d1f24; --ink-2: #565b66; --line: #dedbd2;
@@ -38,7 +47,8 @@
 
 /* nav + hero */
 nav { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; gap: 16px; }
-nav .brand { font-weight: 800; letter-spacing: -.02em; color: var(--ink); text-decoration: none; }
+nav .brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); text-decoration: none; }
+nav .brand img { display: block; }
 nav .links { display: flex; gap: 20px; font-size: .95rem; flex-wrap: wrap; justify-content: flex-end; }
 nav .links a { color: var(--ink-2); text-decoration: none; }
 nav .links a:hover { color: var(--ink); }
@@ -159,7 +169,7 @@
 <body>
 <div class="wrap">
   <nav aria-label="Main">
-    <a class="brand" href="#top">GeneCodeCS</a>
+    <a class="brand" href="#top"><img src="assets/logo-mark.svg" alt="" width="32" height="32">GeneCodeCS</a>
     <div class="links">
       <a href="#demo">Live demo</a>
       <a href="#how">How it works</a>