Skip to content

Commit

Permalink
Update about page styling; replace custom link with design system
Browse files Browse the repository at this point in the history
  • Loading branch information
markohanesian committed Jul 10, 2024
1 parent 9a15f4c commit 151481c
Showing 1 changed file with 31 additions and 23 deletions.
54 changes: 31 additions & 23 deletions src/components/about.js
Original file line number Diff line number Diff line change
@@ -1,31 +1,39 @@
import React from 'react';
import React from "react";
// components
import { Link } from '@material-ui/core/';
import MenuButton from "./MenuButton";

const aboutStyle = {
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
padding: '2rem',
backgroundColor: "#101010",
color: "white",
}
display: "flex",
flexDirection: "column",
alignItems: "flex-start",
padding: "2rem",
backgroundColor: "#101010",
color: "white",
};

const AboutParagraph = {
padding: '0 0 1rem 0'
}
padding: "0 0 1rem 0",
};

export default function about() {
return (
<div style={aboutStyle}>
<p style={AboutParagraph}>
I created ReactSocial as a way to have my own custom social feed online where I can interact with friends and family by sharing images and posting about various topics for fun.
</p>
<p style={AboutParagraph}>
I plan to add more features to make the site more interactive, fun, and secure, but in the meantime, sign in and create a post or comment.
</p>
<br></br>
<Link href="https://github.com/markohanesian/social-media-app">View Source Code on GitHub</Link>
</div>
)
return (
<div style={aboutStyle}>
<p style={AboutParagraph}>
I created ReactSocial as a way to have my own custom social feed online
where I can interact with friends and family by sharing images and
posting about various topics for fun.
</p>
<p style={AboutParagraph}>
I plan to add more features to make the site more interactive, fun, and
secure, but in the meantime, sign in and create a post or comment.
</p>
<br></br>
<MenuButton
component="link"
text="View Source Code on GitHub"
alt="About Page"
href="https://github.com/markohanesian/social-media-app"
/>
</div>
);
}

0 comments on commit 151481c

Please sign in to comment.