PT Serif → PT Sans

src/index.tsx

@@ -40,7 +40,9 @@ export const webServer = express()
       res.send(
         renderHTML(
           <Layout>
-            <h1>“{name}” Inbox Created</h1>
+            <p>
+              <strong>“{name}” Inbox Created</strong>
+            </p>
             <Created identifier={identifier}></Created>
           </Layout>
         )
@@ -147,7 +149,7 @@ function Layout({ children }: { children: React.ReactNode }) {
         <link
           rel="stylesheet"
           type="text/css"
-          href="/fonts/typeface-pt-serif/index.css"
+          href="/fonts/typeface-pt-sans/index.css"
         />
         <link
           rel="stylesheet"

static/fonts/typeface-pt-sans/README.md

@@ -1,11 +1,11 @@
 
-# typeface-pt-serif
+# typeface-pt-sans
 
-The CSS and web font files to easily self-host “PT Serif”.
+The CSS and web font files to easily self-host “PT Sans”.
 
 ## Install
 
-`npm install --save typeface-pt-serif`
+`npm install --save typeface-pt-sans`
 
 ## Use
 
@@ -20,8 +20,8 @@ and [Create React App](https://github.com/facebookincubator/create-react-app).
 To use, simply require the package in your project’s entry file e.g.
 
 ```javascript
-// Load PT Serif typeface
-require('typeface-pt-serif')
+// Load PT Sans typeface
+require('typeface-pt-sans')
 ```
 
 ## About the Typefaces project.

static/fonts/typeface-pt-sans/files-hash.json

@@ -0,0 +1 @@
+{"hash":"80de7b5256341aa0474a0b3bafa42e14","updatedAt":"2019-02-28T18:41:14.640Z"}

static/fonts/typeface-pt-sans/index.css

@@ -0,0 +1,52 @@
+/* pt-sans-400normal - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src:
+    local('PT Sans Regular '),
+    local('PT Sans-Regular'),
+    url('./files/pt-sans-latin-400.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./files/pt-sans-latin-400.woff') format('woff'); /* Modern Browsers */
+}
+
+/* pt-sans-400italic - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-display: swap;
+  font-weight: 400;
+  src:
+    local('PT Sans Regular italic'),
+    local('PT Sans-Regularitalic'),
+    url('./files/pt-sans-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./files/pt-sans-latin-400italic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* pt-sans-700normal - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src:
+    local('PT Sans Bold '),
+    local('PT Sans-Bold'),
+    url('./files/pt-sans-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./files/pt-sans-latin-700.woff') format('woff'); /* Modern Browsers */
+}
+
+/* pt-sans-700italic - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-display: swap;
+  font-weight: 700;
+  src:
+    local('PT Sans Bold italic'),
+    local('PT Sans-Bolditalic'),
+    url('./files/pt-sans-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./files/pt-sans-latin-700italic.woff') format('woff'); /* Modern Browsers */
+}
+

static/fonts/typeface-pt-sans/package.json

@@ -0,0 +1,48 @@
+{
+  "_from": "typeface-pt-sans",
+  "_id": "typeface-pt-sans@0.0.72",
+  "_inBundle": false,
+  "_integrity": "sha512-eDMv72dE+0dwjIDltzZAUusF+cDgOfZKazHZK08uKCOG/BEzY6oc/WqtQLN71j5/voTXFi5M4+nXNbZnCayDMQ==",
+  "_location": "/typeface-pt-sans",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "typeface-pt-sans",
+    "name": "typeface-pt-sans",
+    "escapedName": "typeface-pt-sans",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/typeface-pt-sans/-/typeface-pt-sans-0.0.72.tgz",
+  "_shasum": "c47d198510b2ed1272ad6329cf1ae5f782ebf4cf",
+  "_spec": "typeface-pt-sans",
+  "_where": "/Users/leafac/Projects/www.kill-the-newsletter.com/static",
+  "author": {
+    "name": "Kyle Mathews",
+    "email": "mathews.kyle@gmail.com"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
+  "description": "PT Sans typeface",
+  "keywords": [
+    "typeface",
+    "font",
+    "font family",
+    "google fonts",
+    "pt-sans"
+  ],
+  "license": "MIT",
+  "main": "index.css",
+  "name": "typeface-pt-sans",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/KyleAMathews/typefaces/tree/master/packages/pt-sans"
+  },
+  "version": "0.0.72"
+}

static/fonts/typeface-pt-serif/files-hash.json

@@ -1 +0,0 @@
-{"hash":"f24beeb816ce0f4678f1a9f6a6d421da","updatedAt":"2019-02-28T18:41:29.859Z"}

static/fonts/typeface-pt-serif/index.css

@@ -1,52 +0,0 @@
-/* pt-serif-400normal - latin */
-@font-face {
-  font-family: 'PT Serif';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    local('PT Serif Regular '),
-    local('PT Serif-Regular'),
-    url('./files/pt-serif-latin-400.woff2') format('woff2'), /* Super Modern Browsers */
-    url('./files/pt-serif-latin-400.woff') format('woff'); /* Modern Browsers */
-}
-
-/* pt-serif-400italic - latin */
-@font-face {
-  font-family: 'PT Serif';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    local('PT Serif Regular italic'),
-    local('PT Serif-Regularitalic'),
-    url('./files/pt-serif-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */
-    url('./files/pt-serif-latin-400italic.woff') format('woff'); /* Modern Browsers */
-}
-
-/* pt-serif-700normal - latin */
-@font-face {
-  font-family: 'PT Serif';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 700;
-  src:
-    local('PT Serif Bold '),
-    local('PT Serif-Bold'),
-    url('./files/pt-serif-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-    url('./files/pt-serif-latin-700.woff') format('woff'); /* Modern Browsers */
-}
-
-/* pt-serif-700italic - latin */
-@font-face {
-  font-family: 'PT Serif';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 700;
-  src:
-    local('PT Serif Bold italic'),
-    local('PT Serif-Bolditalic'),
-    url('./files/pt-serif-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
-    url('./files/pt-serif-latin-700italic.woff') format('woff'); /* Modern Browsers */
-}
-

static/fonts/typeface-pt-serif/package.json

@@ -1,48 +0,0 @@
-{
-  "_from": "typeface-pt-serif",
-  "_id": "typeface-pt-serif@0.0.72",
-  "_inBundle": false,
-  "_integrity": "sha512-R/ZnbjL3H8mfeWrkYSU1fCk8TAsz+dyw+W5jnqlXXJPcsdu7sT/cGJGqx02zskaMeDCHwdNfTCORN8/NxN7x9w==",
-  "_location": "/typeface-pt-serif",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "tag",
-    "registry": true,
-    "raw": "typeface-pt-serif",
-    "name": "typeface-pt-serif",
-    "escapedName": "typeface-pt-serif",
-    "rawSpec": "",
-    "saveSpec": null,
-    "fetchSpec": "latest"
-  },
-  "_requiredBy": [
-    "#USER",
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/typeface-pt-serif/-/typeface-pt-serif-0.0.72.tgz",
-  "_shasum": "d8761c02a298bd0203e53a2028081b6f03246cd5",
-  "_spec": "typeface-pt-serif",
-  "_where": "/Users/leafac/Projects/www.leafac.com",
-  "author": {
-    "name": "Kyle Mathews",
-    "email": "mathews.kyle@gmail.com"
-  },
-  "bundleDependencies": false,
-  "deprecated": false,
-  "description": "PT Serif typeface",
-  "keywords": [
-    "typeface",
-    "font",
-    "font family",
-    "google fonts",
-    "pt-serif"
-  ],
-  "license": "MIT",
-  "main": "index.css",
-  "name": "typeface-pt-serif",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/KyleAMathews/typefaces/tree/master/packages/pt-serif"
-  },
-  "version": "0.0.72"
-}

static/styles.css

@@ -1,106 +1,29 @@
 body {
-  font-family: "PT Serif", Charter, Georgia, serif;
+  font-family: "PT Sans", sans-serif;
   line-height: 1.5;
-  max-width: 600px;
-  padding: 0 2em;
-  margin: 2em auto;
+  text-align: center;
+  margin: 2em 0;
 }
 
 a {
   color: black;
+  text-decoration: none;
 }
 
 code {
-  font-family: "PT Mono", Menlo, Consolas, monospace;
-}
-
-h1,
-h2 {
-  line-height: 1.3;
-  margin-top: 2em;
+  font-family: "PT Mono", monospace;
 }
 
 h1 {
   font-size: 1.5em;
 }
 
-h2 {
-  font-size: 1.25em;
-  font-weight: normal;
-  font-style: italic;
-}
-
-header a {
-  text-decoration: none;
-}
-
 footer {
   font-size: 0.875em;
 }
 
-nav,
-figure {
-  text-align: center;
-  margin: 2em 0;
-}
-
-figcaption {
-  font-style: italic;
-}
-
-img,
-svg,
-video {
-  max-width: 100%;
-  height: auto;
-  border-radius: 3px;
-}
-
-video,
-audio {
-  width: 100%;
-}
-
-summary {
-  cursor: pointer;
-}
-
-pre,
-fieldset,
-input,
-textarea {
+input {
   border: 1px solid #dfdfdf;
   border-radius: 3px;
-}
-
-pre {
-  --grvsc-padding-h: 1em;
-  --grvsc-border-radius: 3px;
-  --grvsc-line-highlighted-background-color: #eee;
-}
-
-legend + pre {
-  --grvsc-padding-v: 0;
-  --grvsc-padding-h: 0;
-  border: none;
-  margin: 0;
-}
-
-pre code {
-  font-size: 0.75em;
-}
-
-legend {
-  font-weight: bold;
-}
-
-input,
-textarea {
   padding: 0.25em;
 }
-
-textarea {
-  box-sizing: border-box;
-  width: 100%;
-  resize: none;
-}