Skip to content

Commit

Permalink
Add rest of the example blog, new path
Browse files Browse the repository at this point in the history
  • Loading branch information
Adam Plesnik committed Apr 5, 2024
1 parent 33e079c commit f551c7d
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 1 deletion.
5 changes: 5 additions & 0 deletions src/main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'
import Home from './pages/Home.tsx'
import './index.css'
import Blog from './pages/Blog.tsx'
import TextAppearBlogPost from './blog/2024-04-05-TextAppear.tsx'

const router = createBrowserRouter([
{
Expand All @@ -15,6 +16,10 @@ const router = createBrowserRouter([
path: '/blog',
element: <Blog />,
},
{
path: '/blog/test',
element: <TextAppearBlogPost />,
},
])

ReactDOM.createRoot(document.getElementById('root')!).render(
Expand Down
15 changes: 14 additions & 1 deletion src/pages/Blog.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,20 @@
import { NavLink } from 'react-router-dom'
import Heading from '../components/Heading'
import Tile from '../components/Tile'
import Page from '../layouts/Page'

const Blog = () => {
return <Page>hello</Page>
return (
<Page>
<Heading size={1}>Blog</Heading>
<Tile
title="Text Appear Animation in CSS"
subTitle="Tackle impressive text appear animation just by CSS and teeny-tiny piece of JS code."
>
<NavLink to="/blog/test">test</NavLink>
</Tile>
</Page>
)
}

export default Blog

0 comments on commit f551c7d

Please sign in to comment.