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. This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
## Über den Blog ## Über den Blog
Ich möchte gelegentlich über coole der Themen der Mathematik, der Informatik oder das programmieren schreiben. Ich möchte gelegentlich über coole der Themen der Mathematik, der Informatik oder das programmieren schreiben.

2
babel.config.js
View File

@ -1,3 +1,3 @@
module.exports = { module.exports = {
presets: [require.resolve('@docusaurus/core/lib/babel/preset')], presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
}; };

248
docusaurus.config.js
View File

@ -6,136 +6,136 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
/** @type {import('@docusaurus/types').Config} */ /** @type {import('@docusaurus/types').Config} */
const config = { const config = {
title: 'Mathematik, Informatik und Programmierung', title: 'Mathematik, Informatik und Programmierung',
tagline: 'Mathematik und Informatik sind cool', tagline: 'Mathematik und Informatik sind cool',
url: 'https://www.niklas-birk.de', url: 'https://www.niklas-birk.de',
baseUrl: '/', baseUrl: '/',
onBrokenLinks: 'throw', onBrokenLinks: 'throw',
onBrokenMarkdownLinks: 'warn', onBrokenMarkdownLinks: 'warn',
favicon: 'img/niklas-birk-icon.ico', favicon: 'img/niklas-birk-icon.ico',
// GitHub pages deployment config. // GitHub pages deployment config.
// If you aren't using GitHub pages, you don't need these. // If you aren't using GitHub pages, you don't need these.
// organizationName: 'niklas', // Usually your GitHub org/user name. // organizationName: 'niklas', // Usually your GitHub org/user name.
// projectName: 'niklas_birk_blog', // Usually your repo name. // projectName: 'niklas_birk_blog', // Usually your repo name.
// Even if you don't use internalization, you can use this field to set useful // Even if you don't use internalization, you can use this field to set useful
// metadata like html lang. For example, if your site is Chinese, you may want // metadata like html lang. For example, if your site is Chinese, you may want
// to replace "en" with "zh-Hans". // to replace "en" with "zh-Hans".
i18n: { i18n: {
defaultLocale: 'de', defaultLocale: 'de',
locales: ['de'], locales: ['de'],
}, },
presets: [ presets: [
[ [
'classic', 'classic',
/** @type {import('@docusaurus/preset-classic').Options} */ /** @type {import('@docusaurus/preset-classic').Options} */
({ ({
docs: false, //{ docs: false, //{
// sidebarPath: require.resolve('./sidebars.js'), // sidebarPath: require.resolve('./sidebars.js'),
// // Please change this to your repo. // // Please change this to your repo.
// // Remove this to remove the "edit this page" links. // // Remove this to remove the "edit this page" links.
// // editUrl: // // editUrl:
// // 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/', // // 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
// }, // },
blog: { blog: {
showReadingTime: true, showReadingTime: true,
// Please change this to your repo. // Please change this to your repo.
// Remove this to remove the "edit this page" links. // Remove this to remove the "edit this page" links.
// editUrl: // editUrl:
// 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/', // 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
}, },
theme: { theme: {
customCss: require.resolve('./src/css/custom.css'), customCss: require.resolve('./src/css/custom.css'),
}, },
}), }),
],
], ],
],
themeConfig: themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */ /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
({ ({
colorMode: { colorMode: {
defaultMode: 'dark', defaultMode: 'dark',
disableSwitch: true, disableSwitch: true,
respectPrefersColorScheme: false, respectPrefersColorScheme: false,
}, },
navbar: { navbar: {
title: 'Mathematik und Informatik', title: 'Mathematik und Informatik',
logo: { logo: {
alt: 'Logo von Niklas Birk', alt: 'Logo von Niklas Birk',
src: 'img/niklas-birk-logo.svg', src: 'img/niklas-birk-logo.svg',
}, },
items: [ items: [
// { // {
// type: 'doc', // type: 'doc',
// docId: 'intro', // docId: 'intro',
// position: 'left', // position: 'left',
// label: 'Tutorial', // label: 'Tutorial',
// }, // },
{to: '/blog', label: 'Blog', position: 'left'}, {to: '/blog', label: 'Blog', position: 'left'},
{ {
href: 'https://git.niklas-birk.de/niklas/niklas_birk_blog', href: 'https://git.niklas-birk.de/niklas/niklas_birk_blog',
label: 'Gitea', label: 'Gitea',
position: 'right', position: 'right',
}, },
], ],
}, },
footer: { footer: {
style: 'dark', style: 'dark',
links: [ links: [
// { // {
// title: 'Docs', // title: 'Docs',
// items: [ // items: [
// { // {
// label: 'Tutorial', // label: 'Tutorial',
// to: '/docs/intro', // to: '/docs/intro',
// }, // },
// ], // ],
// }, // },
{ {
title: 'Community', title: 'Community',
items: [ items: [
{ {
label: 'Twitter', label: 'Twitter',
href: 'https://twitter.com/SirNik_OdTW', href: 'https://twitter.com/SirNik_OdTW',
}, },
{ {
label: 'Mastodon', label: 'Mastodon',
href: 'https://mastodon.social/web/@SirNik', href: 'https://mastodon.social/web/@SirNik',
}, },
], ],
}, },
{ {
title: 'More', title: 'More',
items: [ items: [
{ {
label: 'Blog', label: 'Blog',
to: '/blog', to: '/blog',
}, },
{ {
label: 'Website', label: 'Website',
href: 'https://www.niklas-birk.de', href: 'https://www.niklas-birk.de',
}, },
{ {
label: 'Gitea', label: 'Gitea',
href: 'https://git.niklas-birk.de', href: 'https://git.niklas-birk.de',
}, },
{ {
label: 'Surveys', label: 'Surveys',
href: 'https://survey.niklas-birk.de', href: 'https://survey.niklas-birk.de',
}, },
], ],
}, },
], ],
copyright: `Copyright © ${new Date().getFullYear()} Niklas Birk. Built with Docusaurus.`, copyright: `Copyright © ${new Date().getFullYear()} Niklas Birk. Built with Docusaurus.`,
}, },
prism: { prism: {
theme: lightCodeTheme, theme: lightCodeTheme,
darkTheme: darkCodeTheme, darkTheme: darkCodeTheme,
}, },
}), }),
}; };
module.exports = config; module.exports = config;

24
sidebars.js
View File

@ -13,19 +13,19 @@
/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */ /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
const sidebars = { const sidebars = {
// By default, Docusaurus generates a sidebar from the docs folder structure // By default, Docusaurus generates a sidebar from the docs folder structure
tutorialSidebar: [{type: 'autogenerated', dirName: '.'}], tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
// But you can create a sidebar manually // But you can create a sidebar manually
/* /*
tutorialSidebar: [ tutorialSidebar: [
{ {
type: 'category', type: 'category',
label: 'Tutorial', label: 'Tutorial',
items: ['hello'], items: ['hello'],
}, },
], ],
*/ */
}; };
module.exports = sidebars; module.exports = sidebars;

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

@ -3,59 +3,79 @@ import clsx from 'clsx';
import styles from './styles.module.css'; import styles from './styles.module.css';
const FeatureList = [ const FeatureList = [
{ {
title: 'Mathematik', title: 'Mathematik',
Svg: require('@site/static/img/niklas-birk-logo.svg').default, Svg: require('@site/static/img/math-logo.svg').default,
description: ( 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, },
description: ( {
<> title: 'Informatik',
Informatik ist ... Svg: require('@site/static/img/informatics-logo.svg').default,
</> description: (
), <>
}, <p>Informatik ist eine Strukturwissenschaft, die sich mit der Information und deren automatischer
{ Verarbeitung befasst.</p>
title: 'Programmierung', <p>
Svg: require('@site/static/img/niklas-birk-logo.svg').default, <q><cite>In der Informatik geht es genau so wenig um Computer, wie in der Astronomie um
description: ( Teleskope.</cite></q>
<> </p>
Programmierung ist ... - Edsger Wybe Dijkstra
</> </>
), ),
}, },
{
title: 'Programmierung',
Svg: require('@site/static/img/coding-logo.svg').default,
description: (
<>
<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>
</>
),
},
]; ];
function Feature({Svg, title, description}) { function Feature({Svg, title, description}) {
return ( return (
<div className={clsx('col col--4')}> <div className={clsx('col col--4')}>
<div className="text--center"> <div className="text--center">
<Svg className={styles.featureSvg} role="img" /> <Svg className={styles.featureSvg} role="img"/>
</div> </div>
<div className="text--center padding-horiz--md"> <div className="text--center padding-horiz--md">
<h3>{title}</h3> <h3>{title}</h3>
<p>{description}</p> <p>{description}</p>
</div> </div>
</div> </div>
); );
} }
export default function HomepageFeatures() { export default function HomepageFeatures() {
return ( return (
<section className={styles.features}> <section className={styles.features}>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
{FeatureList.map((props, idx) => ( {FeatureList.map((props, idx) => (
<Feature key={idx} {...props} /> <Feature key={idx} {...props} />
))} ))}
</div> </div>
</div> </div>
</section> </section>
); );
} }

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

@ -1,11 +1,11 @@
.features { .features {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 2rem 0; padding: 2rem 0;
width: 100%; width: 100%;
} }
.featureSvg { .featureSvg {
height: 200px; height: 30%;
width: 200px; width: 30%;
} }

48
src/css/custom.css
View File

@ -6,33 +6,33 @@
/* You can override the default Infima variables here. */ /* You can override the default Infima variables here. */
:root { :root {
--ifm-color-primary: #2e8555; --ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c; --ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148; --ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b; --ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d; --ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962; --ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e; --ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
} }
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] { [data-theme='dark'] {
/*--ifm-color-primary: #25c2a0;*/ /*--ifm-color-primary: #25c2a0;*/
/*--ifm-color-primary-dark: #21af90;*/ /*--ifm-color-primary-dark: #21af90;*/
/*--ifm-color-primary-darker: #1fa588;*/ /*--ifm-color-primary-darker: #1fa588;*/
/*--ifm-color-primary-darkest: #1a8870;*/ /*--ifm-color-primary-darkest: #1a8870;*/
/*--ifm-color-primary-light: #29d5b0;*/ /*--ifm-color-primary-light: #29d5b0;*/
/*--ifm-color-primary-lighter: #32d8b4;*/ /*--ifm-color-primary-lighter: #32d8b4;*/
/*--ifm-color-primary-lightest: #4fddbf;*/ /*--ifm-color-primary-lightest: #4fddbf;*/
--ifm-color-primary: #bd93f9; /* dracula purple */ --ifm-color-primary: #bd93f9; /* dracula purple */
--ifm-color-primary-dark: #ffb86c; /* dracula orange */ --ifm-color-primary-dark: #ffb86c; /* dracula orange */
--ifm-color-primary-darker: #ff79c6; /* dracula pink */ --ifm-color-primary-darker: #ff79c6; /* dracula pink */
--ifm-color-primary-darkest: #ff5555; /* dracula red */ --ifm-color-primary-darkest: #ff5555; /* dracula red */
--ifm-color-primary-light: #50fa7b; /* dracula green */ --ifm-color-primary-light: #50fa7b; /* dracula green */
--ifm-color-primary-lighter: #f1fa8c; /* dracula yellow */ --ifm-color-primary-lighter: #f1fa8c; /* dracula yellow */
--ifm-color-primary-lightest: #8be9fd; /* dracula cyan */ --ifm-color-primary-lightest: #8be9fd; /* dracula cyan */
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
} }

54
src/pages/index.js
View File

@ -8,34 +8,34 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures';
import styles from './index.module.css'; import styles from './index.module.css';
function HomepageHeader() { function HomepageHeader() {
const {siteConfig} = useDocusaurusContext(); const {siteConfig} = useDocusaurusContext();
return ( return (
<header className={clsx('hero hero--primary', styles.heroBanner)}> <header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container"> <div className="container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}> <div className={styles.buttons}>
<Link <Link
className="button button--secondary button--lg" className="button button--secondary button--lg"
to="/blog"> to="/blog">
Zur Mathematik, Informatik und Programmierung! Zu den Themen!
</Link> </Link>
</div> </div>
</div> </div>
</header> </header>
); );
} }
export default function Home() { export default function Home() {
const {siteConfig} = useDocusaurusContext(); const {siteConfig} = useDocusaurusContext();
return ( return (
<Layout <Layout
title={`Hello from ${siteConfig.title}`} title={`${siteConfig.title}`}
description="Description will go into a meta tag in <head />"> description="Niklas Birk über Mathematik, Informatik und Programmierung">
<HomepageHeader /> <HomepageHeader/>
<main> <main>
<HomepageFeatures /> <HomepageFeatures/>
</main> </main>
</Layout> </Layout>
); );
} }

20
src/pages/index.module.css
View File

@ -4,20 +4,20 @@
*/ */
.heroBanner { .heroBanner {
padding: 4rem 0; padding: 4rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@media screen and (max-width: 996px) { @media screen and (max-width: 996px) {
.heroBanner { .heroBanner {
padding: 2rem; padding: 2rem;
} }
} }
.buttons { .buttons {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }

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

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

@ -1,56 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?> <?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"> <!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"> <defs class="ClipPathGroup">
<clipPath id="presentation_clip_path" clipPathUnits="userSpaceOnUse"> <clipPath id="presentation_clip_path" clipPathUnits="userSpaceOnUse">
<rect x="0" y="0" width="10000" height="10000"/> <rect x="0" y="0" width="10000" height="10000"/>
</clipPath> </clipPath>
<clipPath id="presentation_clip_path_shrink" clipPathUnits="userSpaceOnUse"> <clipPath id="presentation_clip_path_shrink" clipPathUnits="userSpaceOnUse">
<rect x="10" y="10" width="9980" height="9980"/> <rect x="10" y="10" width="9980" height="9980"/>
</clipPath> </clipPath>
</defs> </defs>
<defs class="TextShapeIndex"> <defs class="TextShapeIndex">
<g ooo:slide="id1" ooo:id-list="id3"/> <g ooo:slide="id1" ooo:id-list="id3"/>
</defs> </defs>
<defs class="EmbeddedBulletChars"> <defs class="EmbeddedBulletChars">
<g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/> <path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/>
</g> </g>
<g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/> <path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/>
</g> </g>
<g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/> <path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/>
</g> </g>
<g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/> <path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/>
</g> </g>
<g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/> <path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/>
</g> </g>
<g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/> <path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/>
</g> </g>
<g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/> <path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/>
</g> </g>
<g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/> <path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/>
</g> </g>
<g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)">
<path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/> <path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/>
</g> </g>
<g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)"> <g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)">
<path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/> <path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/>
</g> </g>
</defs> </defs>
<g> <g>
<g id="id2" class="Master_Slide"> <g id="id2" class="Master_Slide">
<g id="bg-id2" class="Background"/> <g id="bg-id2" class="Background"/>
<g id="bo-id2" class="BackgroundObjects"/> <g id="bo-id2" class="BackgroundObjects"/>
</g> </g>
</g> </g>
<g class="SlideGroup"> <g class="SlideGroup">
<g> <g>
<g id="container-id1"> <g id="container-id1">
<g id="id1" class="Slide" clip-path="url(#presentation_clip_path)"> <g id="id1" class="Slide" clip-path="url(#presentation_clip_path)">
@ -58,26 +61,32 @@
<g class="Graphic"> <g class="Graphic">
<g id="id3"> <g id="id3">
<rect class="BoundingBox" stroke="none" fill="none" x="0" y="1" width="10001" height="10001"/> <rect class="BoundingBox" stroke="none" fill="none" x="0" y="1" width="10001" height="10001"/>
<defs> <defs>
<clipPath id="clip_path_1" clipPathUnits="userSpaceOnUse"> <clipPath id="clip_path_1" clipPathUnits="userSpaceOnUse">
<path d="M 0,1 L 10000,1 10000,10001 0,10001 0,1 Z"/> <path d="M 0,1 L 10000,1 10000,10001 0,10001 0,1 Z"/>
</clipPath> </clipPath>
</defs> </defs>
<g clip-path="url(#clip_path_1)"/> <g clip-path="url(#clip_path_1)"/>
<defs> <defs>
<clipPath id="clip_path_2" clipPathUnits="userSpaceOnUse"> <clipPath id="clip_path_2" clipPathUnits="userSpaceOnUse">
<path d="M 0,1 L 10000,1 10000,10001 0,10001 0,1 Z"/> <path d="M 0,1 L 10000,1 10000,10001 0,10001 0,1 Z"/>
</clipPath> </clipPath>
</defs> </defs>
<g clip-path="url(#clip_path_2)"> <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(76,103,13)" stroke="none"
<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"/> d="M 5008,14323 L -4206,14323 -4206,-4302 14222,-4302 14222,14323 5008,14323 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(255,255,2)" stroke="none"
<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"/> 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(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(26,23,27)" stroke="none"
<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"/> 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>
<g clip-path="url(#clip_path_1)"/> <g clip-path="url(#clip_path_1)"/>
</g> </g>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB