account ding op homepagina

2 files changed, 18 insertions, 2 deletions

diff --git a/src/components/account.tsx b/src/components/account.tsx
new file mode 100644
index 0000000..d643ceb
--- /dev/null
+++ b/src/components/account.tsx
@@ -0,0 +1,16 @@
+interface AccountAvatarProps {
+	size: number;
+	image: string;
+}
+
+export function AccountAvatar(props: AccountAvatarProps) {
+	return <div style={{
+		width: props.size,
+		height: props.size,
+		backgroundImage: props.image,
+		backgroundSize: "cover",
+		display: "inline-block"
+	}}></div>;
+}
+
+
diff --git a/src/components/page.tsx b/src/components/page.tsx
index 045b0f7..8fea132 100644
--- a/src/components/page.tsx
+++ b/src/components/page.tsx
@@ -1,7 +1,7 @@
 import { Component, CSSProperties } from 'react';
 
 var CenteredPageStyle: CSSProperties = {
-	maxWidth: 783,
+	maxWidth: 802,
 	margin: "0 auto"
 }
 
@@ -14,7 +14,7 @@ export class CenteredPage extends Component {
 }
 
 var PageTitleStyle: CSSProperties = {
-	color: "var(--background)",
+	color: "var(--text-alt)",
 	marginLeft: 6,
 	marginTop: 32,
 	marginBottom: 64,