niklas/niklas_birk_math
1
0
Fork 0
Code Issues Pull Requests Activity

Add math-logo.svg, informatics-logo.svg, coding-logo.svg for landing page; Reformat code

Browse Source
This commit is contained in:
Niklas Birk 2022-08-03 15:20:04 +02:00
parent 8c2e8ba2c1
commit 5c439ea851
14 changed files with 323 additions and 281 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -3,5 +3,6 @@
This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
## Über den Blog
Ich möchte gelegentlich über coole der Themen der Mathematik, der Informatik oder das programmieren schreiben.

32
src/components/HomepageFeatures/index.js
View File

@ -5,28 +5,48 @@ import styles from './styles.module.css';
const FeatureList = [
{
title: 'Mathematik',
Svg: require('@site/static/img/niklas-birk-logo.svg').default,
Svg: require('@site/static/img/math-logo.svg').default,
description: (
<>
Mathematik ist ...
<p>Mathematik ist eine Wissenschaft, die selbstgeschaffene abstrakte Strukturen auf ihre Eigenschaften
und Muster untersucht.</p>
<p>Sie ist mehr als dir die Schule zeigt und wesentlich cooler als du glaubst!<br/>
Gib ihr eine Chance!</p>
</>
),
},
{
title: 'Informatik',
Svg: require('@site/static/img/niklas-birk-logo.svg').default,
Svg: require('@site/static/img/informatics-logo.svg').default,
description: (
<>
Informatik ist ...
<p>Informatik ist eine Strukturwissenschaft, die sich mit der Information und deren automatischer
Verarbeitung befasst.</p>
<p>
<q><cite>In der Informatik geht es genau so wenig um Computer, wie in der Astronomie um
Teleskope.</cite></q>
</p>
- Edsger Wybe Dijkstra
</>
),
},
{
title: 'Programmierung',
Svg: require('@site/static/img/niklas-birk-logo.svg').default,
Svg: require('@site/static/img/coding-logo.svg').default,
description: (
<>
Programmierung ist ...
<p>Programmierung ist das Erstellen von Programmen mit einer Programmiersprache.</p>
<p>
<pre style={{textAlign: 'left'}}>
<code>
int main(void)<br/>
&#123;<br/>
&nbsp; printf("Programmierst du auch?");<br/>
&nbsp; return 0;<br/>
&#125;
</code>
</pre>
</p>
</>
),
},

4
src/components/HomepageFeatures/styles.module.css
View File

@ -6,6 +6,6 @@
}
.featureSvg {
height: 200px;
width: 200px;
height: 30%;
width: 30%;
}

6
src/pages/index.js
View File

@ -18,7 +18,7 @@ function HomepageHeader() {
<Link
className="button button--secondary button--lg"
to="/blog">
Zur Mathematik, Informatik und Programmierung!
Zu den Themen!
</Link>
</div>
</div>
@ -30,8 +30,8 @@ export default function Home() {
const {siteConfig} = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
title={`${siteConfig.title}`}
description="Niklas Birk über Mathematik, Informatik und Programmierung">
<HomepageHeader/>
<main>
<HomepageFeatures/>

4
static/img/coding-logo.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code-slash"
viewBox="0 0 16 16">
<path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 469 B

4
static/img/informatics-logo.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu"
viewBox="0 0 16 16">
<path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 904 B

4
static/img/math-logo.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-infinity"
viewBox="0 0 16 16">
<path d="M5.68 5.792 7.345 7.75 5.681 9.708a2.75 2.75 0 1 1 0-3.916ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015L8 6.978Zm.656.772 1.663-1.958a2.75 2.75 0 1 1 0 3.916L8.656 7.75Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 407 B

23
static/img/niklas-birk-logo.svg
View File

@ -1,6 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.2" width="100mm" height="100mm" viewBox="0 0 10000 10000" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:ooo="http://xml.openoffice.org/svg/export" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:presentation="http://sun.com/xmlns/staroffice/presentation" xmlns:smil="http://www.w3.org/2001/SMIL20/" xmlns:anim="urn:oasis:names:tc:opendocument:xmlns:animation:1.0" xml:space="preserve">
<svg xmlns:ooo="http://xml.openoffice.org/svg/export" version="1.2" width="100mm" height="100mm" viewBox="0 0 10000 10000"
preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve">
<defs class="ClipPathGroup">
<clipPath id="presentation_clip_path" clipPathUnits="userSpaceOnUse">
<rect x="0" y="0" width="10000" height="10000"/>
@ -70,12 +73,18 @@
</clipPath>
</defs>
<g clip-path="url(#clip_path_2)">
<path fill="rgb(76,103,13)" stroke="none" d="M 5008,14323 L -4206,14323 -4206,-4302 14222,-4302 14222,14323 5008,14323 Z"/>
<path fill="rgb(255,255,2)" stroke="none" d="M 8556,4978 C 8556,5618 8387,6246 8067,6801 7747,7355 7287,7815 6733,8135 6178,8455 5549,8624 4909,8624 4269,8624 3641,8455 3086,8135 2532,7815 2072,7355 1752,6801 1432,6246 1263,5618 1263,4978 1263,4337 1432,3709 1752,3154 2072,2600 2532,2140 3086,1820 3641,1500 4269,1331 4909,1331 5549,1331 6178,1500 6733,1820 7287,2140 7747,2600 8067,3154 8387,3709 8556,4337 8556,4978 L 8556,4978 Z"/>
<path fill="rgb(26,23,27)" stroke="none" d="M 6305,5010 C 6305,5483 6241,5948 6118,6357 5996,6767 5820,7107 5607,7344 5395,7580 5154,7705 4909,7705 4664,7705 4424,7580 4211,7344 3999,7107 3823,6767 3700,6357 3578,5948 3513,5483 3513,5010 3513,4537 3578,4073 3700,3663 3823,3254 3999,2914 4211,2677 4424,2441 4664,2316 4909,2316 5154,2316 5395,2441 5607,2677 5820,2914 5996,3254 6118,3663 6241,4073 6305,4537 6305,5010 L 6305,5010 Z"/>
<path fill="rgb(152,19,5)" stroke="none" d="M 5287,5010 C 5287,5152 5270,5290 5237,5413 5203,5535 5156,5637 5098,5707 5041,5778 4976,5815 4909,5815 4843,5815 4778,5778 4720,5707 4663,5637 4615,5535 4582,5413 4549,5290 4532,5152 4532,5010 4532,4869 4549,4730 4582,4608 4615,4486 4663,4384 4720,4313 4778,4243 4843,4206 4909,4206 4976,4206 5041,4243 5098,4313 5156,4384 5203,4486 5237,4608 5270,4730 5287,4869 5287,5010 L 5287,5010 Z"/>
<path fill="rgb(76,103,13)" stroke="none" d="M 3846,1085 L 5972,1085 5972,1085 C 6429,1085 6877,1205 7272,1433 7667,1661 7996,1990 8224,2385 8452,2780 8572,3228 8572,3685 L 8572,3685 8572,3779 1247,3779 1247,3685 1247,3685 C 1247,3228 1367,2780 1595,2385 1823,1990 2151,1661 2546,1433 2942,1205 3390,1085 3846,1085 L 3846,1085 Z"/>
<path fill="rgb(111,103,28)" stroke="none" d="M 8621,3828 L 1197,3828 1197,3738 C 1197,2248 2410,1036 3900,1036 L 5919,1036 C 7409,1036 8621,2248 8621,3738 L 8621,3828 Z M 1296,3729 L 8523,3729 C 8518,2298 7352,1134 5919,1134 L 3900,1134 C 2467,1134 1301,2298 1296,3729 L 1296,3729 Z"/>
<path fill="rgb(76,103,13)" stroke="none"
d="M 5008,14323 L -4206,14323 -4206,-4302 14222,-4302 14222,14323 5008,14323 Z"/>
<path fill="rgb(255,255,2)" stroke="none"
d="M 8556,4978 C 8556,5618 8387,6246 8067,6801 7747,7355 7287,7815 6733,8135 6178,8455 5549,8624 4909,8624 4269,8624 3641,8455 3086,8135 2532,7815 2072,7355 1752,6801 1432,6246 1263,5618 1263,4978 1263,4337 1432,3709 1752,3154 2072,2600 2532,2140 3086,1820 3641,1500 4269,1331 4909,1331 5549,1331 6178,1500 6733,1820 7287,2140 7747,2600 8067,3154 8387,3709 8556,4337 8556,4978 L 8556,4978 Z"/>
<path fill="rgb(26,23,27)" stroke="none"
d="M 6305,5010 C 6305,5483 6241,5948 6118,6357 5996,6767 5820,7107 5607,7344 5395,7580 5154,7705 4909,7705 4664,7705 4424,7580 4211,7344 3999,7107 3823,6767 3700,6357 3578,5948 3513,5483 3513,5010 3513,4537 3578,4073 3700,3663 3823,3254 3999,2914 4211,2677 4424,2441 4664,2316 4909,2316 5154,2316 5395,2441 5607,2677 5820,2914 5996,3254 6118,3663 6241,4073 6305,4537 6305,5010 L 6305,5010 Z"/>
<path fill="rgb(152,19,5)" stroke="none"
d="M 5287,5010 C 5287,5152 5270,5290 5237,5413 5203,5535 5156,5637 5098,5707 5041,5778 4976,5815 4909,5815 4843,5815 4778,5778 4720,5707 4663,5637 4615,5535 4582,5413 4549,5290 4532,5152 4532,5010 4532,4869 4549,4730 4582,4608 4615,4486 4663,4384 4720,4313 4778,4243 4843,4206 4909,4206 4976,4206 5041,4243 5098,4313 5156,4384 5203,4486 5237,4608 5270,4730 5287,4869 5287,5010 L 5287,5010 Z"/>
<path fill="rgb(76,103,13)" stroke="none"
d="M 3846,1085 L 5972,1085 5972,1085 C 6429,1085 6877,1205 7272,1433 7667,1661 7996,1990 8224,2385 8452,2780 8572,3228 8572,3685 L 8572,3685 8572,3779 1247,3779 1247,3685 1247,3685 C 1247,3228 1367,2780 1595,2385 1823,1990 2151,1661 2546,1433 2942,1205 3390,1085 3846,1085 L 3846,1085 Z"/>
<path fill="rgb(111,103,28)" stroke="none"
d="M 8621,3828 L 1197,3828 1197,3738 C 1197,2248 2410,1036 3900,1036 L 5919,1036 C 7409,1036 8621,2248 8621,3738 L 8621,3828 Z M 1296,3729 L 8523,3729 C 8518,2298 7352,1134 5919,1134 L 3900,1134 C 2467,1134 1301,2298 1296,3729 L 1296,3729 Z"/>
</g>
<g clip-path="url(#clip_path_1)"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB