diff --git a/README.md b/README.md
index 8f66b24..f1fd34a 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,9 @@ My personal webpage, and a space I'm using to learn a little web-dev.
This site uses [React](https://react.dev/) with assets from
[Material UI](https://mui.com/material-ui/).
+I'm also using [WAVE](https://wave.webaim.org/) to ensure the website
+is designed with accessibility in mind.
+
## Usage
I use [Yarn](https://yarnpkg.com/) to manage the project, but the steps below
diff --git a/src/pages/Blog.jsx b/src/pages/Blog.jsx
index 1524d13..0215589 100644
--- a/src/pages/Blog.jsx
+++ b/src/pages/Blog.jsx
@@ -9,6 +9,7 @@ import {
ListItemButton,
ListItemIcon,
ListItemText,
+ Tooltip,
Typography,
} from '@mui/material';
import Markdown from 'react-markdown';
@@ -40,7 +41,7 @@ function BlogEntry({ title, subtitle, published, children }) {
sx={{
p: 2,
width: '100%',
- textAlign: 'justify',
+ textAlign: 'left',
display: 'flex',
flexShrink: 1,
flexDirection: 'column',
@@ -62,7 +63,7 @@ function BlogEntry({ title, subtitle, published, children }) {
sx={{
p: 2,
width: '100%',
- textAlign: 'justify',
+ textAlign: 'left',
display: 'flex',
flexShrink: 1,
flexDirection: 'column',
@@ -146,7 +147,11 @@ function Blog() {
Blog
-
+
Welcome to my blog! Here I'll be jotting down whatever interests me
at the time -- mainly programming, but maybe some other topics too.
@@ -159,27 +164,30 @@ function Blog() {
>
{articles.map((article, idx) => (
-
-
-
-
-
-
- {toDate(article.markdown.data.published)}
-
-
+
+
+
+
+
+
+
+ {toDate(article.markdown.data.published)}
+
+
+
))}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 384886c..266f8d6 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,13 +1,41 @@
import './logos.css';
-import { Description as CV, GitHub } from '@mui/icons-material';
-import { Box, Button, IconButton, SvgIcon, Typography } from '@mui/material';
+import {
+ Description as CV,
+ GitHub,
+ ListAlt as Blog,
+} from '@mui/icons-material';
+import {
+ Box,
+ Button,
+ IconButton,
+ SvgIcon,
+ Tooltip,
+ Typography,
+} from '@mui/material';
import React from 'react';
import muiLogo from '../assets/mui.svg';
import reactLogo from '../assets/react.svg';
import viteLogo from '../assets/vite.svg';
+function HomePageTitle() {
+ return (
+
+
+ liampattinson.github.io
+
+
+ );
+}
+
function HomePageTextBox({ children }) {
// 'children' should be a string delmited by newlines.
// Each line will be rendered as a separate Typography component
@@ -22,7 +50,12 @@ function HomePageTextBox({ children }) {
}}
>
{children.split('\n').map((str, index) => (
-
+
{str}
))}
@@ -73,48 +106,68 @@ export default function Home() {
// work without the CSS file.
return (
<>
+
- {'I made a website.\nKinda.\nThese things did most of the work:'}
+ {`Welcome to my personal website!\nI'm a research software engineer at the University of York.\nCheck out my GitHub profile, CV, and blog:`}
-
-
-
-
-
-
-
-
-
-
- {"Here's another cool thing I made:"}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- {'Want to see more?\nCheck out my GitHub profile and CV:'}
+ {'Everything here was built using React, Vite, and Material UI:'}
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
>
);