From b4362723579adcf0fbafa70cd88e2f0616f1f7d0 Mon Sep 17 00:00:00 2001
From: Sesh Sadasivam <seshrs@umich.edu>
Date: Tue, 5 Apr 2022 22:15:54 -0700
Subject: [PATCH] Add Primer Spec logo to README

---
 README.md     | 18 ++++++++++++------
 demo/logo.svg |  5 +++++
 2 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 demo/logo.svg

diff --git a/README.md b/README.md
index 5a906ce5..86859d5c 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,18 @@
-<!-- prettier-ignore-start -->
-<!-- omit in toc -->
-# Primer Spec
-<!-- prettier-ignore-end -->
-
 [![cibuild](https://github.com/eecs485staff/primer-spec/actions/workflows/cibuild.yml/badge.svg?branch=develop)](https://github.com/eecs485staff/primer-spec/actions/workflows/cibuild.yml)
 [![Nightly Preview](https://img.shields.io/badge/develop-preview-blue.svg)](https://preview.sesh.rs/previews/eecs485staff/primer-spec/develop-preview/)
 
-_Primer Spec is a Jekyll theme that makes long informative web pages easier to read. In addition to aesthetic styling, the theme generates a table of contents displayed in a sidebar. You can [preview the theme to see what it looks like](http://eecs485staff.github.io/primer-spec), or even [use it today](#usage)._
+<div align="center">
+	<img src="demo/logo.svg" alt="Primer Spec logo" />
+	<h1>Primer Spec</h1>
+	<p>
+		<b>A website theme for long informative web pages.</b>
+	</p>
+	<br>
+	<br>
+	<br>
+</div>
+
+_Primer Spec is a Jekyll theme that makes long informative web pages (like project specifications!) easier to read. In addition to aesthetic styling, the theme generates a table of contents displayed in a sidebar. You can [preview the theme to see what it looks like](http://eecs485staff.github.io/primer-spec), or even [use it today](#usage)._
 
 [![Primer Spec live preview][2]][1]
 
diff --git a/demo/logo.svg b/demo/logo.svg
new file mode 100644
index 00000000..a6d2ab2c
--- /dev/null
+++ b/demo/logo.svg
@@ -0,0 +1,5 @@
+<svg class="primer-spec-theme-preview-default-light" viewBox="30.774 27.546 298.133 175.743" xmlns="http://www.w3.org/2000/svg" role="img" style="background-color: white;">
+<defs><style>.primer-spec-theme-preview-default-light .sidebar-bg{fill:white;stroke:white;}.primer-spec-theme-preview-default-light .sidebar-heading{fill:black;}.primer-spec-theme-preview-default-light .sidebar-toc-h1-link{fill:#0366d6;}.primer-spec-theme-preview-default-light .sidebar-active-toc-section-bg{fill:#faed27;}.primer-spec-theme-preview-default-light .sidebar-active-toc-section-link{fill:black;}.primer-spec-theme-preview-default-light .sidebar-toc-section-link{fill:black;}.primer-spec-theme-preview-default-light .sidebar-toc-h1-border-color{fill:lightgrey;}.primer-spec-theme-preview-default-light .main-heading-link{fill:#0366d6;}.primer-spec-theme-preview-default-light .main-text{fill:black;}.primer-spec-theme-preview-default-light .main-header-border-bottom{fill:none;stroke:#eaecef;stroke-miterlimit:10;}.primer-spec-theme-preview-default-light .main-link{fill:#0366d6;}.primer-spec-theme-preview-default-light .main-table-pre{fill:#f6f8fa;stroke:none;stroke-width:0.2}.primer-spec-theme-preview-default-light .sidebar-border{fill:none;stroke:#eaecef;stroke-miterlimit:10;}</style></defs>
+<rect class="sidebar-bg" x="30.79" y="27.669" width="93.85" height="175.646"></rect><rect class="sidebar-heading" x="43.588" y="43.623" width="41" height="10.26" rx="5"></rect><rect class="sidebar-toc-h1-link" x="43.588" y="62.993" width="58" height="10.26" rx="5"></rect><path class="sidebar-active-toc-section-bg" d="M 65.268 81.893 L 124.518 81.893 C 124.518 81.893 124.518 81.893 124.518 81.893 L 124.518 99.893 C 124.518 99.893 124.518 99.893 124.518 99.893 L 65.268 99.893 C 60.435 99.893 56.518 95.976 56.518 91.143 L 56.518 90.633 C 56.523 85.805 60.439 81.893 65.268 81.893 Z"></path><rect class="sidebar-active-toc-section-link" x="64.748" y="85.853" width="47.77" height="10.26" rx="5.13"></rect><rect class="sidebar-toc-section-link" x="64.438" y="105.573" width="48.08" height="10.26" rx="5"></rect><rect class="sidebar-toc-section-link" x="64.438" y="124.573" width="48.08" height="10.26" rx="5.13"></rect><rect class="sidebar-toc-h1-border-color" x="-50.518" y="-135.883" width="2" height="55" transform="matrix(-1, 0, 0, -1, 0, 0)"></rect><rect class="main-heading-link" x="141.588" y="43.623" width="106.93" height="21.26" rx="4.49"></rect><rect class="main-text" x="141.518" y="80.893" width="162" height="6" rx="3"></rect><line class="main-header-border-bottom" x1="141.588" y1="72.623" x2="306.858" y2="72.623"></line><rect class="main-text" x="141.518" y="103.893" width="101" height="6" rx="3"></rect><rect class="main-link" x="245.388" y="103.623" width="28.13" height="6.26" rx="3.13"></rect><rect class="main-text" x="276.518" y="103.623" width="27" height="6" rx="3"></rect><rect class="main-table-pre" x="141.518" y="170.893" width="162" height="32.424" style=""></rect><circle class="main-text" cx="144.088" cy="136.123" r="2"></circle><circle class="main-text" cx="144.088" cy="160.123" r="2"></circle><circle class="main-text" cx="144.088" cy="148.123" r="2"></circle><rect class="main-link" x="151.288" y="133.063" width="27.23" height="6" rx="3"></rect><rect class="main-link" x="151.288" y="145.063" width="27.23" height="6" rx="3"></rect><rect class="sidebar-toc-h1-link" x="43.638" y="148.663" width="58" height="10.26" rx="5"></rect><rect class="sidebar-toc-h1-border-color" x="-50.518" y="-203.281" width="1.95" height="36.728" transform="matrix(-1, 0, 0, -1, 0, 0)" style=""></rect><rect class="sidebar-toc-section-link" x="64.888" y="166.803" width="48.08" height="10.26" rx="5"></rect><rect class="sidebar-toc-section-link" x="64.888" y="183.803" width="48.08" height="10.26" rx="5.13"></rect><path class="sidebar-toc-section-link" d="M 65.248 203.3 C 66.2 202.04 67.796 201.283 69.504 201.283 L 107.283 201.283 C 108.94 201.285 110.459 202.119 111.424 203.317" style=""></path><rect class="main-text" x="141.518" y="92.893" width="162" height="6" rx="3"></rect><rect class="main-text" x="141.518" y="115.893" width="162" height="6" rx="3"></rect><rect class="main-link" x="151.398" y="157.243" width="27.23" height="6" rx="3"></rect><line class="sidebar-border" x1="124.588" y1="27.623" x2="124.588" y2="203.317" style=""></line>
+<path class="background" style="fill: transparent; stroke: lightgrey;" d="M 47 28 L 304,28 C 312,28 320,36 320,44 L 320,187 C 320,195 312,203 304,203 L 47,203 C 39,203 31,195 31,187 L 31,44 C 31,36 39,28 47,28"></path>
+</svg>
\ No newline at end of file