chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

initial serif typography

Browse Source
This commit is contained in:
Chuck Dries 2021-05-31 02:10:12 -07:00
parent cc3d8edc4a
commit 4b820352ea
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gatsby/src/pages/index.js
View File

@ -12,11 +12,11 @@ const IndexPage = ({ data }) => {
console.log('images', images) console.log('images', images)
return ( return (
<main className=""> <main className="font-serif">
<section className="m-2 py-6 intro flex flex-col justify-center flex-auto bg-black rounded-xl"> <section className="m-2 h-1/2 py-6 intro flex flex-col justify-center flex-auto bg-black rounded-xl">
<div className="mx-auto px-4 md:px-2 w-full md:w-8 "> <div className="mx-auto px-4 md:px-2 w-full md:w-8 ">
<h1 className="text-6xl text-pink-600">Chuck Dries</h1> <h1 className="italic font-semibold text-6xl text-pink-600">Chuck Dries</h1>
<h2 className="text-blue-300">Software Engineer in web &amp; VR</h2> <h2 className="text-blue-300 text-2xl">Software Engineer in web &amp; VR</h2>
<ul> <ul>
<li>Software Developer, <span className="text-gray-300 italic">Axosoft</span></li> <li>Software Developer, <span className="text-gray-300 italic">Axosoft</span></li>
<li><a className="hover:text-pink-400 underline" href="mailto:chuck@chuckdries.com">chuck@chuckdries.com</a> / <span>602.618.0414</span></li> <li><a className="hover:text-pink-400 underline" href="mailto:chuck@chuckdries.com">chuck@chuckdries.com</a> / <span>602.618.0414</span></li>

9
gatsby/tailwind.config.js
View File

@ -1,3 +1,5 @@
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = { module.exports = {
purge: ['./src/**/*.{js,jsx,ts,tsx}'], purge: ['./src/**/*.{js,jsx,ts,tsx}'],
darkMode: 'media', // or 'media' or 'class' darkMode: 'media', // or 'media' or 'class'
@ -10,7 +12,12 @@ module.exports = {
'5': '32px', '5': '32px',
'6': '48px', '6': '48px',
'7': '80px', '7': '80px',
'8': '700px' '8': '800px'
},
fontFamily: {
...defaultTheme.fontFamily,
// serif: ['Didot', 'Didot LT', 'STD', 'Hoefler Text' , 'Garamond', 'Times New Roman', 'serif']
serif: ['Baskerville', 'Baskerville Old Face', 'Hoefler Text' , 'Garamond', 'Times New Roman', 'serif']
}, },
extend: {}, extend: {},
}, },