srizan/mainwebsite
1
0
Fork 0
mirror of https://github.com/SrIzan10/mainwebsite.git synced 2026-06-06 00:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: move pfp

Browse Source
This commit is contained in:
SrIzan10
2023-11-20 21:14:14 +01:00
parent da0982b5ff
commit 2ab00bc14c
11 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(pages)/(root)/page.tsx
View File

@@ -9,8 +9,7 @@ export default function Page() {
return (
<div>
<div className='aboutMeBox'>
{/* style={{ borderRadius: '70px' }} */}
<Link href='/collab'><Image src='/pfp.webp' alt='main profile picture' width='200' height='200' /></Link>
<Image src='/pfp.webp' alt='main profile picture' width='200' height='200' style={{ borderRadius: '100px' }} />
<p>A spanish hobbyist developer and osu! player</p>
<p>Stalk me on social media:</p>
<div className='icons'>

0
src/app/(pages)/collab/page.tsx → src/app/(pages)/_collab/page.tsx
View File

1
src/app/(pages)/blog/[id]/page.tsx
View File

@@ -1,5 +1,4 @@
import Head from "next/head";
import * as fs from 'node:fs/promises'
import ReactMarkdown from 'react-markdown'
import remarkGfm from 'remark-gfm'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';

7
src/app/_components/BlogPostCard.tsx
View File

@@ -3,15 +3,18 @@
import Box from '@mui/material/Box';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import CardActions from '@mui/material/CardActions';
import Typography from '@mui/material/Typography';
import dayjs from 'dayjs'
import customParseFormat from 'dayjs/plugin/customParseFormat.js'
import '../_css/BlogPostCard.css'
import { Button, CardActions } from "@mui/material";
import Link from "next/link";
import React from 'react';
import { LoadingButton } from '@mui/lab';
dayjs.extend(customParseFormat)
export default function BlogPostCard(props: Props) {
const [loading, setLoading] = React.useState(false);
return (
<Card>
<Box className={'cardBox'}>
@@ -27,7 +30,7 @@ export default function BlogPostCard(props: Props) {
</Typography>
</CardContent>
<CardActions className={'actions'}>
<Link href={`/blog/${props.id}`}><Button size="small">Read</Button></Link>
<Link href={`/blog/${props.id}`}><LoadingButton size="small" loading={loading} onClick={() => setLoading(true)}>Read</LoadingButton></Link>
</CardActions>
</Box>
</Card>

4
src/app/_css/BlogPost.css
View File

@@ -18,7 +18,7 @@ code .codeHighlighter {
}
@media (prefers-color-scheme: light) {
.codeHighlighter {
background-color: #FFF;
code {
color: #FFF
}
}

3
src/app/layout.tsx
View File

@@ -1,7 +1,7 @@
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import './globals.css'
import { RootStyleRegistry } from './_components/ThemeRegistry/EmotionRootStyleRegistry'
import { RootStyleRegistry } from './_components/ThemeRegistry/EmotionRootStyleRegistry';
const inter = Inter({ subsets: ['latin'] })
@@ -19,7 +19,6 @@ export default function RootLayout({
<html lang="en">
<body className={inter.className}>
<RootStyleRegistry>
{children}
</RootStyleRegistry>
</body>