Compare commits
No commits in common. "8c4b2ad17c2ec958221d860d4f8d1873eea4720d" and "38467a8bc2e1c673373ffb816bfeaccc86a71354" have entirely different histories.
8c4b2ad17c
...
38467a8bc2
16961
package-lock.json
generated
16961
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
12
package.json
12
package.json
@ -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.13",
|
"@nextui-org/react": "^1.0.0-beta.9",
|
||||||
"@testing-library/jest-dom": "^5.16.5",
|
"@testing-library/jest-dom": "^5.16.4",
|
||||||
"@testing-library/react": "^14.0.0",
|
"@testing-library/react": "^13.3.0",
|
||||||
"@testing-library/user-event": "^14.4.3",
|
"@testing-library/user-event": "^13.5.0",
|
||||||
"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": "^3.3.2"
|
"web-vitals": "^2.1.4"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "react-scripts start",
|
"start": "react-scripts start",
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Impressum und Datenschutz</title>
|
<title>Title</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class='impressum'>
|
<div class='impressum'>
|
||||||
|
|||||||
@ -10,12 +10,7 @@
|
|||||||
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
Normal file → Executable file
BIN
src/assets/niklas-birk-logo.png
Normal file → Executable file
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 44 KiB |
@ -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) {
|
function ServiceCard(props) {
|
||||||
return (
|
return (
|
||||||
<Card isPressable isHoverable onClick={() => window.open(props.url)}>
|
<Card isPressable>
|
||||||
<Card.Header css={{ position: "absolute", zIndex: 1, top: 5}}>
|
<Card.Header css={{ position: "absolute", zIndex: 1, top: 5}}>
|
||||||
<Col>
|
<Col>
|
||||||
<Text color='$draculaCyan' size={12} weight="bold" transform="uppercase">
|
<Text size={12} weight="bold" transform="uppercase">
|
||||||
{props.introText}
|
{props.introText}
|
||||||
</Text>
|
</Text>
|
||||||
<Text color='$draculaCyan' h3>
|
<Text h3>
|
||||||
{props.serviceText}
|
{props.serviceText}
|
||||||
</Text>
|
</Text>
|
||||||
<Text color='$draculaCyan' size={12} weight="bold" transform="uppercase">
|
<Text size={12} weight="bold" transform="uppercase">
|
||||||
{props.vendorText}
|
{props.vendorText}
|
||||||
</Text>
|
</Text>
|
||||||
</Col>
|
</Col>
|
||||||
</Card.Header>
|
</Card.Header>
|
||||||
<Card.Body>
|
<Card.Body css={{ p: 0 }}>
|
||||||
<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: "$draculaCurrentLineAlpha",
|
{/* bgBlur: "$draculaCurrentLine",*/}
|
||||||
borderTop: "$borderWeights$light solid rgba(248, 248, 248, 0.5)",
|
{/* borderTop: "$borderWeights$light solid rgba(255, 255, 255, 0.2)",*/}
|
||||||
bottom: 0,
|
{/* bottom: 0,*/}
|
||||||
zIndex: 1
|
{/* zIndex: 1,*/}
|
||||||
}}>
|
{/* }}>*/}
|
||||||
<Row justify="center">
|
{/* <Row justify="center">*/}
|
||||||
<Button auto rounded color="primary" onClick={() => window.open(props.url)}>
|
{/* <Button flat auto rounded color="primary">*/}
|
||||||
<Text
|
{/* <Text*/}
|
||||||
css={{
|
{/* css={{*/}
|
||||||
color: "inherit"
|
{/* color: "inherit"*/}
|
||||||
}}
|
{/* }}*/}
|
||||||
size={12}
|
{/* size={12}*/}
|
||||||
weight="bold"
|
{/* weight="bold"*/}
|
||||||
transform="uppercase">
|
{/* transform="uppercase">*/}
|
||||||
{props.buttonText}
|
{/* Zu den Repositories*/}
|
||||||
</Text>
|
{/* </Text>*/}
|
||||||
</Button>
|
{/* </Button>*/}
|
||||||
</Row>
|
{/* </Row>*/}
|
||||||
</Card.Footer>
|
{/*</Card.Footer>*/}
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
// <div id="niklas-birk-root">
|
// <div id="niklas-birk-root">
|
||||||
|
|||||||
@ -6,25 +6,39 @@ 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>
|
<Grid xs={3}>
|
||||||
<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>
|
<Grid xs={3}>
|
||||||
<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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user