niklas/niklas-birk.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: niklas:8c4b2ad17c2ec958221d860d4f8d1873eea4720d
Branches Tags
niklas:master
..
compare: niklas:38467a8bc2e1c673373ffb816bfeaccc86a71354
Branches Tags
niklas:master

No commits in common. "8c4b2ad17c2ec958221d860d4f8d1873eea4720d" and "38467a8bc2e1c673373ffb816bfeaccc86a71354" have entirely different histories.
8c4b2ad17c ... 38467a8bc2

8 changed files with 8212 additions and 8742 deletions
Show Stats Expand all files Collapse all files

16843
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

12
package.json
View File

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

2
public/impressum.html
View File

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

5
public/index.html
View File

@ -10,12 +10,7 @@
name="Niklas Birk"
/>
<link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
<link href="https://mathstodon.xyz/@SirNik" rel="me">
<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>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

BIN
public/niklas-birk-icon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 44 KiB

62
src/components/ServiceCard.js
View File

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

30
src/components/Services.js
View File

@ -6,25 +6,39 @@ import blogLogo from "../assets/blog_logo.png";
function Services() {
return (
<Grid.Container gap={2} justify="center">
<Grid>
<Grid xs={3}>
<ServiceCard
introText="Meine self-hosted"
serviceText="git Repositories"
vendorText="mit Gitea"
logo={gitLogo}
buttonText="Zu den Repositories"
url='https://git.niklas-birk.de' />
logo={gitLogo} />
</Grid>
<Grid>
<Grid xs={3}>
<ServiceCard
introText="Mein self-hosted"
serviceText="Blog"
vendorText="über Mathematik"
logo={blogLogo}
buttonText="Zum Blog"
url='https://math.niklas-birk.de' />
logo={blogLogo} />
</Grid>
</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>
);
}