cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial customizations

Browse source
This commit is contained in:
Cory Dransfeldt 2022-05-21 18:10:31 -07:00
parent d799808203
commit dec820fd01
19 changed files with 133 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/Footer.tsx
View file

@ -8,24 +8,21 @@ export default function Footer() {
<div className="mt-16 flex flex-col items-center">
<div className="mb-3 flex space-x-4">
<SocialIcon kind="mail" href={`mailto:${siteMetadata.email}`} size={6} />
<SocialIcon kind="github" href={siteMetadata.github} size={6} />
<SocialIcon kind="facebook" href={siteMetadata.facebook} size={6} />
<SocialIcon kind="instagram" href={siteMetadata.instagram} size={6} />
<SocialIcon kind="youtube" href={siteMetadata.youtube} size={6} />
<SocialIcon kind="linkedin" href={siteMetadata.linkedin} size={6} />
<SocialIcon kind="twitter" href={siteMetadata.twitter} size={6} />
<SocialIcon kind="spotify" href={siteMetadata.spotify} size={6} />
<SocialIcon kind="applemusic" href={siteMetadata.applemusic} size={6} />
<SocialIcon kind="lastfm" href={siteMetadata.lastfm} size={6} />
</div>
<div className="mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400">
<div className="mb-8 flex space-x-2 text-sm text-gray-500 dark:text-gray-400">
<div>{siteMetadata.author}</div>
<div>{` • `}</div>
<div>{`© ${new Date().getFullYear()}`}</div>
<div>{` • `}</div>
<Link href="/">{siteMetadata.title}</Link>
</div>
<div className="mb-8 text-sm text-gray-500 dark:text-gray-400">
<Link href="https://github.com/timlrx/tailwind-nextjs-starter-blog">
Tailwind Nextjs Theme
</Link>
</div>
</div>
</footer>
)

2
components/LayoutWrapper.tsx
View file

@ -5,7 +5,6 @@ import Link from './Link'
import SectionContainer from './SectionContainer'
import Footer from './Footer'
import MobileNav from './MobileNav'
import ThemeSwitch from './ThemeSwitch'
import { ReactNode } from 'react'
interface Props {
@ -45,7 +44,6 @@ const LayoutWrapper = ({ children }: Props) => {
</Link>
))}
</div>
<ThemeSwitch />
<MobileNav />
</div>
</header>

3
components/ScrollTopAndComment.tsx
View file

@ -1,3 +1,4 @@
import siteMetadata from '@/data/siteMetadata'
import { useEffect, useState } from 'react'
const ScrollTopAndComment = () => {
@ -23,6 +24,7 @@ const ScrollTopAndComment = () => {
<div
className={`fixed right-8 bottom-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}
>
{siteMetadata.comment.provider && (
<button
aria-label="Scroll To Comment"
type="button"
@ -37,6 +39,7 @@ const ScrollTopAndComment = () => {
/>
</svg>
</button>
)}
<button
aria-label="Scroll To Top"
type="button"

1
components/social-icons/applemusic.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apple Music</title><path d="M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 00-1.877-.726 10.496 10.496 0 00-1.564-.15c-.04-.003-.083-.01-.124-.013H5.986c-.152.01-.303.017-.455.026-.747.043-1.49.123-2.193.4-1.336.53-2.3 1.452-2.865 2.78-.192.448-.292.925-.363 1.408-.056.392-.088.785-.1 1.18 0 .032-.007.062-.01.093v12.223c.01.14.017.283.027.424.05.815.154 1.624.497 2.373.65 1.42 1.738 2.353 3.234 2.801.42.127.856.187 1.293.228.555.053 1.11.06 1.667.06h11.03a12.5 12.5 0 001.57-.1c.822-.106 1.596-.35 2.295-.81a5.046 5.046 0 001.88-2.207c.186-.42.293-.87.37-1.324.113-.675.138-1.358.137-2.04-.002-3.8 0-7.595-.003-11.393zm-6.423 3.99v5.712c0 .417-.058.827-.244 1.206-.29.59-.76.962-1.388 1.14-.35.1-.706.157-1.07.173-.95.045-1.773-.6-1.943-1.536a1.88 1.88 0 011.038-2.022c.323-.16.67-.25 1.018-.324.378-.082.758-.153 1.134-.24.274-.063.457-.23.51-.516a.904.904 0 00.02-.193c0-1.815 0-3.63-.002-5.443a.725.725 0 00-.026-.185c-.04-.15-.15-.243-.304-.234-.16.01-.318.035-.475.066-.76.15-1.52.303-2.28.456l-2.325.47-1.374.278c-.016.003-.032.01-.048.013-.277.077-.377.203-.39.49-.002.042 0 .086 0 .13-.002 2.602 0 5.204-.003 7.805 0 .42-.047.836-.215 1.227-.278.64-.77 1.04-1.434 1.233-.35.1-.71.16-1.075.172-.96.036-1.755-.6-1.92-1.544-.14-.812.23-1.685 1.154-2.075.357-.15.73-.232 1.108-.31.287-.06.575-.116.86-.177.383-.083.583-.323.6-.714v-.15c0-2.96 0-5.922.002-8.882 0-.123.013-.25.042-.37.07-.285.273-.448.546-.518.255-.066.515-.112.774-.165.733-.15 1.466-.296 2.2-.444l2.27-.46c.67-.134 1.34-.27 2.01-.403.22-.043.442-.088.663-.106.31-.025.523.17.554.482.008.073.012.148.012.223.002 1.91.002 3.822 0 5.732z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
components/social-icons/github.svg
View file

@ -1 +0,0 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 827 B

12
components/social-icons/index.tsx
View file

@ -1,19 +1,23 @@
import Mail from './mail.svg'
import Github from './github.svg'
import Facebook from './facebook.svg'
import Instagram from './instagram.svg'
import Youtube from './youtube.svg'
import Linkedin from './linkedin.svg'
import Twitter from './twitter.svg'
import Spotify from './spotify.svg'
import AppleMusic from './applemusic.svg'
import Lastfm from './lastfm.svg'
// Icons taken from: https://simpleicons.org/
const components = {
mail: Mail,
github: Github,
facebook: Facebook,
instagram: Instagram,
youtube: Youtube,
linkedin: Linkedin,
twitter: Twitter,
spotify: Spotify,
applemusic: AppleMusic,
lastfm: Lastfm,
}
const SocialIcon = ({ kind, href, size = 8 }) => {

1
components/social-icons/instagram.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

1
components/social-icons/lastfm.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Last.fm</title><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 803 B

1
components/social-icons/linkedin.svg
View file

@ -1 +0,0 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 615 B

1
components/social-icons/spotify.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 697 B

38
data/authors/default.md
View file

@ -1,16 +1,34 @@
---
name: Tails Azimuth
name: Augury
avatar: /static/images/avatar.png
occupation: Professor of Atmospheric Science
company: Stanford University
email: address@yoursite.com
twitter: https://twitter.com/Twitter
linkedin: https://www.linkedin.com
github: https://github.com
email: info@augurymetal.com
twitter: https://twitter.com/augurymetal,
facebook: https://www.facebook.com/augury,
instagram: https://instagram.com/augurymetal,
youtube: https://youtube.com/augurymetal,
spotify: http://open.spotify.com/artist/7Iy3W9Pe1ivZzIM3jZvW59,
applemusic: https://music.apple.com/us/artist/augury/1101253774,
lastfm: https://www.last.fm/music/augury,
---
Tails Azimuth is a professor of atmospheric sciences at the Stanford AI Lab. His research interests includes complexity modelling of tailwinds, headwinds and crosswinds.
Augury is a relatively new name in Montréal's musical landscape, yet the very idea of the band was in the air since the musicians met in 1997.
He leads the clean energy group which develops 3D air pollution-climate models, writes differential equation solvers, and manufactures titanium plated air ballons. In his free time he bakes raspberry pi.
But serious stuff began in the winter of 2001/2002 when lead/classical guitarist Mathieu Marcotte left his band Spasme and started auditioning a string of drummers to seriously start a complete outfit. Shortly after, he was joined by soprano vocalist Arianne Fleury and demented bass wizard Dominic "Forest" Lapointe and started to jam complete songs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.
In the mean time, vocalist Patrick Loisel had pledged to join and, in February 2002, took a hiatus left his outfit Kralizec to become the band's other lead guitarist as well. In June of 2002, former Adenine's drummer Mathieu Groulx completed the line-up and helped the band shape their first six songs and play its first show.However, lack of time and different musical tastes led him to depart Augury.
For a few months, the drummer-less outfit spent time writing more songs, focusing on strings instruments arrangements. Then, to the relief of everyone, the final missing piece fell in the puzzle as drummer Étienne Gallo took over the seat. After months of arranging and rehearsing the songs, AUGURY finally commit their work into an album. Concealed was recorded by Yannick St-Amand and mixed by Jean-François Dagenais.
Augury doesn't identify itself with any pre-established school of music, but it can be fit into the extreme metal category since they favor fast playing, low tuning and rough vocals. A further link can be made with the Norwegian symphonic Black Metal scene, for the use of classical, Celtic and medieval overtones and the lush vocal harmonies that embellish about half of the songs.
Triplet feels and guitar/bass dual and triple harmonies are indeed a staple of Augury's music. Yet, there is no keyboard, no fake vampire image and a totally different lyrical concept. Also, the musicians add influences from a lot of other sources. All members are big fans of progressive rock, classical baroque and jazz and there is a big flamenco influence (Strunz & Farrah, Paco de Lucia, Don Ross) in the playing. Strings players alone total almost 50 years of practicing their instruments and Patrick started singing in the late 80's while Arianne is classically trained. Yet, everyone still yearns to widen his or her horizon...
---
Patrick Loisel has appeared in Kralizec.
Mathieu Marcotte also appears in Humanoid.
Antoine Baril has appeared in Symbolic and Deviant Process
Dominic 'Forest' Lapointe has appeared in Atheretic and Beyond Creation.

9
data/headerNavLinks.ts
View file

@ -1,8 +1,9 @@
const headerNavLinks = [
{ href: '/blog', title: 'Blog' },
{ href: '/tags', title: 'Tags' },
{ href: '/projects', title: 'Projects' },
{ href: '/about', title: 'About' },
{ href: '/', title: 'Home' },
{ href: '/blog', title: 'News' },
{ href: '/band', title: 'Band' },
{ href: '/media', title: 'Media' },
{ href: 'https://augurymetal.bandcamp.com/merch', title: 'Store' },
]
export default headerNavLinks

37
data/siteMetadata.js
View file

@ -1,22 +1,25 @@
const siteMetadata = {
title: 'Next.js Starter Blog',
author: 'Tails Azimuth',
headerTitle: 'TailwindBlog',
description: 'A blog created with Next.js and Tailwind.css',
language: 'en-us',
theme: 'system', // system, dark or light
siteUrl: 'https://tailwind-nextjs-starter-blog.vercel.app',
siteRepo: 'https://github.com/timlrx/tailwind-nextjs-starter-blog',
title: 'Augury',
author: 'Augury',
headerTitle: 'Augury',
description:
'The official website of progressive death metal titans Augury. Check in for the latest news, tour dates, music and videos.',
language: 'en-ca',
theme: 'dark', // system, dark or light
siteUrl: 'https://augurymetal.com',
siteRepo: 'https://github.com/cdransf/augurymetal.com',
siteLogo: '/static/images/logo.png',
image: '/static/images/avatar.png',
socialBanner: '/static/images/twitter-card.png',
email: 'address@yoursite.com',
github: 'https://github.com',
twitter: 'https://twitter.com/Twitter',
facebook: 'https://facebook.com',
youtube: 'https://youtube.com',
linkedin: 'https://www.linkedin.com',
locale: 'en-US',
email: 'info@augurymetal.com',
twitter: 'https://twitter.com/augurymetal',
facebook: 'https://www.facebook.com/augury',
instagram: 'https://instagram.com/augurymetal',
youtube: 'https://youtube.com/augurymetal',
spotify: 'http://open.spotify.com/artist/7Iy3W9Pe1ivZzIM3jZvW59',
applemusic: 'https://music.apple.com/us/artist/augury/1101253774',
lastfm: 'https://www.last.fm/music/augury',
locale: 'en-CA',
analytics: {
// If you want to use an analytics provider you have to add it to the
// content security policy in the `next.config.js` file.
@ -29,14 +32,14 @@ const siteMetadata = {
newsletter: {
// supports mailchimp, buttondown, convertkit, klaviyo
// Please add your .env file and modify it according to your selection
provider: 'buttondown',
provider: '',
},
comment: {
// If you want to use a commenting system other than giscus you have to add it to the
// content security policy in the `next.config.js` file.
// Select a provider and use the environment variables associated to it
// https://vercel.com/docs/environment-variables
provider: 'giscus', // supported providers: giscus, utterances, disqus
provider: '', // supported providers: giscus, utterances, disqus
giscusConfig: {
// Visit the link below, and follow the steps in the 'configuration' section
// https://giscus.app/

31
layouts/AuthorLayout.tsx
View file

@ -10,15 +10,28 @@ interface Props {
}
export default function AuthorLayout({ children, frontMatter }: Props) {
const { name, avatar, occupation, company, email, twitter, linkedin, github } = frontMatter
const {
name,
avatar,
occupation,
company,
email,
facebook,
instagram,
youtube,
twitter,
spotify,
applemusic,
lastfm,
} = frontMatter
return (
<>
<PageSEO title={`About - ${name}`} description={`About me - ${name}`} />
<PageSEO title={`Band - ${name}`} description={`Band - ${name}`} />
<div className="divide-y">
<div className="space-y-2 pt-6 pb-8 md:space-y-5">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
About
Band
</h1>
</div>
<div className="items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0">
@ -34,10 +47,14 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
<div className="text-gray-500 dark:text-gray-400">{occupation}</div>
<div className="text-gray-500 dark:text-gray-400">{company}</div>
<div className="flex space-x-3 pt-6">
<SocialIcon kind="mail" href={`mailto:${email}`} />
<SocialIcon kind="github" href={github} />
<SocialIcon kind="linkedin" href={linkedin} />
<SocialIcon kind="twitter" href={twitter} />
<SocialIcon kind="mail" href={`mailto:${email}`} size={6} />
<SocialIcon kind="facebook" href={facebook} size={6} />
<SocialIcon kind="instagram" href={instagram} size={6} />
<SocialIcon kind="youtube" href={youtube} size={6} />
<SocialIcon kind="twitter" href={twitter} size={6} />
<SocialIcon kind="spotify" href={spotify} size={6} />
<SocialIcon kind="applemusic" href={applemusic} size={6} />
<SocialIcon kind="lastfm" href={lastfm} size={6} />
</div>
</div>
<div className="prose max-w-none pt-8 pb-8 dark:prose-dark xl:col-span-2">{children}</div>

BIN
package-lock.json generated
View file

Binary file not shown.

2
pages/about.tsx → pages/band.tsx
View file

@ -14,7 +14,7 @@ export const getStaticProps: GetStaticProps<{
return { props: { authorDetails: { mdxSource, frontMatter } } }
}
export default function About({ authorDetails }: InferGetStaticPropsType<typeof getStaticProps>) {
export default function Band({ authorDetails }: InferGetStaticPropsType<typeof getStaticProps>) {
const { mdxSource, frontMatter } = authorDetails
return (

2
pages/blog.tsx
View file

@ -29,7 +29,7 @@ export default function Blog({
}: InferGetStaticPropsType<typeof getStaticProps>) {
return (
<>
<PageSEO title={`Blog - ${siteMetadata.author}`} description={siteMetadata.description} />
<PageSEO title={`News - ${siteMetadata.author}`} description={siteMetadata.description} />
<ListLayout
posts={posts}
initialDisplayPosts={initialDisplayPosts}

15
tailwind.config.js
View file

@ -32,9 +32,22 @@ module.exports = {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans],
},
colors: {
primary: colors.teal,
primary: colors.blueGray,
//@ts-ignore
gray: colors.neutral, // TODO: Remove ts-ignore after tw types gets updated to v3
blueGray: {
DEFAULT: '#7AB5C4',
50: '#F9FCFC',
100: '#EBF4F6',
200: '#CFE4EA',
300: '#B3D4DD',
400: '#96C5D1',
500: '#7AB5C4',
600: '#539FB3',
700: '#3F7E8F',
800: '#2E5C68',
900: '#1D3A41',
},
},
typography: (theme) => ({
DEFAULT: {

10
types/AuthorFrontMatter.ts
View file

@ -2,10 +2,12 @@ export type AuthorFrontMatter = {
layout?: string
name: string
avatar: string
occupation: string
company: string
email: string
facebook: string
instagram: string
youtube: string
twitter: string
linkedin: string
github: string
spotify: string
applemusic: string
lastfm: string
}