Compare commits

...

10 Commits

8 changed files with 8719 additions and 8189 deletions

16797
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -3,14 +3,14 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@nextui-org/react": "^1.0.0-beta.9", "@nextui-org/react": "^1.0.0-beta.13",
"@testing-library/jest-dom": "^5.16.4", "@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.3.0", "@testing-library/react": "^14.0.0",
"@testing-library/user-event": "^13.5.0", "@testing-library/user-event": "^14.4.3",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-scripts": "5.0.1", "react-scripts": "^5.0.1",
"web-vitals": "^2.1.4" "web-vitals": "^3.3.2"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>Impressum und Datenschutz</title>
</head> </head>
<body> <body>
<div class='impressum'> <div class='impressum'>

View File

@ -10,7 +10,12 @@
name="Niklas Birk" name="Niklas Birk"
/> />
<link href="%PUBLIC_URL%/manifest.json" rel="manifest"/> <link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
<link href="https://mathstodon.xyz/@SirNik" rel="me">
<title>Niklas Birk</title> <title>Niklas Birk</title>
<meta name="description"
content="Das ist die Website von Niklas Birk, B.Sc. und angehender Diplom-Mathematiker.
Hier findest du Links zu meinem eigenen Git-Repository und meinen Inhalten zur Mathematik.">
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/niklas-birk-logo.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -1,53 +1,51 @@
import {Card, Col, Text} from "@nextui-org/react"; import {Button, Card, Col, Row, Text} from "@nextui-org/react";
function ServiceCard(props) { function ServiceCard(props) {
return ( return (
<Card isPressable> <Card isPressable isHoverable onClick={() => window.open(props.url)}>
<Card.Header css={{ position: "absolute", zIndex: 1, top: 5}}> <Card.Header css={{ position: "absolute", zIndex: 1, top: 5 }}>
<Col> <Col>
<Text size={12} weight="bold" transform="uppercase"> <Text color='$draculaCyan' size={12} weight="bold" transform="uppercase">
{props.introText} {props.introText}
</Text> </Text>
<Text h3> <Text color='$draculaCyan' h3>
{props.serviceText} {props.serviceText}
</Text> </Text>
<Text size={12} weight="bold" transform="uppercase"> <Text color='$draculaCyan' size={12} weight="bold" transform="uppercase">
{props.vendorText} {props.vendorText}
</Text> </Text>
</Col> </Col>
</Card.Header> </Card.Header>
<Card.Body css={{ p: 0 }}> <Card.Body>
<Card.Image <Card.Image
src={props.logo} src={props.logo}
// width="50%"
// height="50%"
objectFit="fill" objectFit="fill"
alt="Card example background" alt="Card example background"
/> />
</Card.Body> </Card.Body>
{/*<Card.Footer*/} <Card.Footer
{/* isBlurred*/} isBlurred
{/* css={{*/} css={{
{/* position: "absolute",*/} position: "absolute",
{/* bgBlur: "$draculaCurrentLine",*/} bgBlur: "$draculaCurrentLineAlpha",
{/* borderTop: "$borderWeights$light solid rgba(255, 255, 255, 0.2)",*/} borderTop: "$borderWeights$light solid rgba(248, 248, 248, 0.5)",
{/* bottom: 0,*/} bottom: 0,
{/* zIndex: 1,*/} zIndex: 1
{/* }}>*/} }}>
{/* <Row justify="center">*/} <Row justify="center">
{/* <Button flat auto rounded color="primary">*/} <Button auto rounded color="primary" onClick={() => window.open(props.url)}>
{/* <Text*/} <Text
{/* css={{*/} css={{
{/* color: "inherit"*/} color: "inherit"
{/* }}*/} }}
{/* size={12}*/} size={12}
{/* weight="bold"*/} weight="bold"
{/* transform="uppercase">*/} transform="uppercase">
{/* Zu den Repositories*/} {props.buttonText}
{/* </Text>*/} </Text>
{/* </Button>*/} </Button>
{/* </Row>*/} </Row>
{/*</Card.Footer>*/} </Card.Footer>
</Card> </Card>
// <div id="niklas-birk-root"> // <div id="niklas-birk-root">

View File

@ -6,39 +6,25 @@ import blogLogo from "../assets/blog_logo.png";
function Services() { function Services() {
return ( return (
<Grid.Container gap={2} justify="center"> <Grid.Container gap={2} justify="center">
<Grid xs={3}> <Grid>
<ServiceCard <ServiceCard
introText="Meine self-hosted" introText="Meine self-hosted"
serviceText="git Repositories" serviceText="git Repositories"
vendorText="mit Gitea" vendorText="mit Gitea"
logo={gitLogo} /> logo={gitLogo}
buttonText="Zu den Repositories"
url='https://git.niklas-birk.de' />
</Grid> </Grid>
<Grid xs={3}> <Grid>
<ServiceCard <ServiceCard
introText="Mein self-hosted" introText="Mein self-hosted"
serviceText="Blog" serviceText="Blog"
vendorText="über Mathematik" vendorText="über Mathematik"
logo={blogLogo} /> logo={blogLogo}
buttonText="Zum Blog"
url='https://math.niklas-birk.de' />
</Grid> </Grid>
</Grid.Container> </Grid.Container>
// <div id="niklas-birk-root">
// <img id="logo" alt="Ein Logo von Niklas Birk" src={logo}/>
// <div>
// <h1>Work in Progress</h1>
// Das ist eine Seite im Aufbau.
// <br/><br/>
// Wichtige links:
// <ul>
// <li> Mail an <a href="mailto://niklas.birk@niklas-birk.de"> niklas.birk@niklas-birk.de </a></li>
// <li> Meine self-hosted git repositories bei <a href="https://git.niklas-birk.de">Gitea</a></li>
// <li> Mein self-hosted <a href="https://blog.niklas-birk.de">Blog</a></li>
// <li> Meine self-hosted <a href="https://survey.niklas-birk.de">Umfragen</a></li>
// <li> ...</li>
// </ul>
// </div>
// <a href={process.env.PUBLIC_URL + 'impressum.html'}>Impressum und Datenschutz</a>
// </div>
); );
} }