theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

feat: usage of VSCode Dark+ syntax highlighting in posts

Browse Source
This commit is contained in:
Divlo
2022-02-23 00:38:50 +01:00
parent 0e0036b737
commit a467ea7aff
11 changed files with 380 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/blog/[slug].tsx
View File

@ -1,7 +1,6 @@
import { GetStaticProps, GetStaticPaths, NextPage } from 'next'
import { MDXRemote } from 'next-mdx-remote'
import date from 'date-and-time'
import 'highlight.js/styles/github-dark.css'
import { Head } from 'components/Head'
import { Header } from 'components/Header'

4
pages/blog/index.tsx
View File

@ -26,7 +26,7 @@ const BlogPage: NextPage<BlogPageProps> = (props) => {
<main className='flex flex-1 flex-col flex-wrap items-center'>
<div className='mt-10 flex flex-col items-center'>
<h1 className='text-4xl font-semibold'>Blog</h1>
<p className='mt-6' data-cy='blog-post-date'>
<p className='mt-6 text-center' data-cy='blog-post-date'>
{blogDescription}
</p>
</div>
@ -39,7 +39,7 @@ const BlogPage: NextPage<BlogPageProps> = (props) => {
)
return (
<Link href={`/blog/${post.slug}`} key={index} locale='en'>
<a data-cy='blog-post'>
<a data-cy={post.slug}>
<ShadowContainer className='cursor-pointer p-6 transition duration-200 ease-in-out hover:-translate-y-2'>
<h2
data-cy='blog-post-title'