Add blockquote .callout style

retypeapp · Aug 2, 2023 · dba791f · dba791f
1 parent e13c335
commit dba791f
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -8,7 +8,8 @@ icon: home
 
 [Retype](https://retype.com/) is an :sparkles: ultra-high-performance :sparkles: static website generator that builds a website based on simple text files. Focus on your writing while Retype builds the rest.
 
-> “Retype is the perfect fit for my user persona - tech savvy non-devs who want to write using the best web standards out there” – jonnyfeelgood
+{.callout}
+> “Retype is the perfect fit for my user persona - tech savvy non-devs who want to write using the best web standards out there” *- jonnyfeelgood*
 
 No coding is required and just one Markdown file, such as a [README.md](https://www.makeareadme.com/), will get you started.
 

diff --git a/_includes/head.html b/_includes/head.html
@@ -1 +1,2 @@
-<!-- Add content to _includes/head.html to include here -->
+<!-- Add content to _includes/head.html to include here -->
+<link href="/static/styles.css?v={{ nonce }}" rel="stylesheet">
diff --git a/retype.yml b/retype.yml
@@ -10,7 +10,7 @@ branding:
   label: v3.1
 
 meta:
-  title: " - Generate, publish, and share documentation"
+  title: " - Documentation Generator"
 
 outbound:
   exclude:

diff --git a/static/styles.css b/static/styles.css
@@ -0,0 +1,8 @@
+blockquote.callout, .dark blockquote.callout {
+    font-size: 1.875rem;
+    font-weight: 500;
+    text-align: center;
+    background-color: transparent;
+    border-left-width: 0;
+    line-height: 1.5em;
+}