WIP account page

1 files changed, 26 insertions, 1 deletions

diff --git a/pages/account.tsx b/pages/account.tsx
index c596f11..c1197cd 100644
--- a/pages/account.tsx
+++ b/pages/account.tsx
@@ -1,6 +1,7 @@
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
 import { Vierkant } from '../components/ui';
+import { AccountAvatar } from '../components/account';
 
 export default function AccountPage() {
 	return (
@@ -9,7 +10,31 @@ export default function AccountPage() {
 			<CenteredPage width={802}>
 				<PageTitle>Profiel</PageTitle>
 				<Vierkant fullwidth>
-					Gert
+					<AccountAvatar size={128} dummy/>
+					<div style={{
+						display: "inline-block",
+						verticalAlign: "top",
+						marginLeft: 12,
+						width: "calc(100% - 128px - 12px)"
+					}}>
+						<h2 style={{ fontSize: 32 }}>Gebruikersnaam</h2>
+						<p style={{ marginTop: 6 }}>
+							Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+						</p>
+					</div>
+					<div style={{
+						position: "absolute",
+						backgroundColor: "var(--background)",
+						height: "40px",
+						bottom: 24, left: 24 + 12 + 128, right: 24
+					}}>
+						<div style={{
+							width: 40,
+							height: 30,
+							backgroundColor: "#ff00ff",
+							verticalAlign: "bottom"
+						}}></div>
+					</div>
 				</Vierkant>
 			</CenteredPage>
 		</div>