<commit_before>// Import React
import React from "react";

// Import Spectacle Core tags
import {
  Appear,
  BlockQuote,
  Cite,
  CodePane,
  Deck,
  Fill,
  Heading,
  Image,
  Layout,
  Link,
  ListItem,
  List,
  Markdown,
  Quote,
  Slide,
  Spectacle,
  Text,
  Table,
  TableRow,
  TableHeaderItem,
  TableItem
} from "spectacle";

// Import image preloader util
import preloader from "spectacle/lib/utils/preloader";

// Import theme
import createTheme from "spectacle/lib/themes/default";

import CodeSplit from "./codesplit";
// Import custom component
import Interactive from "../assets/interactive";

// Require CSS
require("normalize.css");
require("spectacle/lib/themes/default/index.css");


const images = {
  reduxAnimation: require("../assets/redux.gif"),
  city: require("../assets/city.jpg"),
  kat: require("../assets/kat.png"),
  logo: require("../assets/plenigo-logo.png"),
  markdown: require("../assets/markdown.png"),
  man: require("../assets/man.jpg"),
  paywall: require("../assets/paywall.png"),
  about: require("../assets/about-business.png"),
  access: require("../assets/access.png"),
  tablet: require("../assets/tablet.jpg"),
  example: require("../assets/example.png")
};

preloader(images);

const theme = createTheme({
  primary: "#00a6b4"
});
const grey = "rgba(125, 125, 125, 0.8)";
theme.screen.progress.bar.bar.background = grey;
theme.screen.controls.nextIcon.fill = grey;
theme.screen.controls.prevIcon.fill = grey;

export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={["fade", "slide"]} transitionDuration={500} progress="bar">
          <Slide bgImage={images.man.replace("/", "")} bgDarken={0.7}>
            <Heading size={2} caps fit lineHeight={1.5} textColor="tertiary">
              Praxissemester bei
            </Heading>
            <Image width="80%" src={images.logo}/>
            <Text textSize="1.5em" margin="100px 0px 0px 0px" textColor="tertiary">
              <NAME> & <NAME>
            </Text>
          </Slide>
          <Slide bgColor="tertiary" notes="Bisher ist die technische Realisierung aufwändig und teuer, somit gerade für kleinere und mittlere Anbieter und Verlage kaum zu realisieren">
                <Layout>
                <Fill>
                  <Image src={images.paywall}/>
                </Fill>
                <Fill>
                  <Text textColor="primary" textSize="1.5em" textAlign="right">
                    plenigo ist eine Technologie Plattform, die den Vertrieb digitaler Produkte 
– Texte, Videos oder Musik – ermöglicht
                  </Text>
                </Fill>
            </Layout>
          </Slide>
          <Slide bgColor="tertiary" notes="Plenigo Kunden zahlen eine monatliche Miete sowie ein Provision auf Verkäufe">
            <Heading size={4} caps lineHeight={1.5} textColor="primary">Paid-Content</Heading>
              <Layout>
                <Fill>
                  <Image src={images.about}/>
                </Fill>
                <Fill>
                  <Text textSize="1.5em" textAlign="right">
                    <List>
                      <ListItem>Schlüsselfertige Lösung</ListItem>
                      <ListItem>Software-As-A-Service</ListItem>
                      <ListItem>Schnelle Implementierung</ListItem>
                      <ListItem>Plugins und SDKs</ListItem>
                    </List>
                  </Text>
                </Fill>
              </Layout>
          </Slide>
          <Slide bgColor="tertiary">
            <Heading size={4} caps lineHeight={1.5} textColor="primary">Was bietet plenigo?</Heading>
              <Layout>
                <Fill>
                  <Text textSize="1.5em" textAlign="right">
                    <List>
                      <ListItem>Paywall</ListItem>
                      <ListItem>Nutzerverwaltung</ListItem>
                      <ListItem>Produktverwaltung</ListItem>
                      <ListItem>Zahlungen</ListItem>
                      <ListItem>Rechnungsstellung</ListItem>
                      <ListItem>CRM-Funktionen</ListItem>
                    </List>
                  </Text>
                </Fill>
                <Fill>
                  <Image src={images.access}/>
                </Fill>
              </Layout>
          </Slide>
          <Slide bgColor="tertiary">
          <Heading size={5} caps lineHeight={1.5} textColor="primary">
          Funktionsweise
          </Heading>
            <Image width="50%" src={images.example}/>
          </Slide>
          <Slide bgImage={images.tablet.replace("/", "")} bgDarken={0.75}>
            <Heading size={4} caps lineHeight={1.5} textColor="primary">
              Der Markt
            </Heading>
            <Text textSize="1.5em" textAlign="left" textColor="tertiary">
              Gesamtmarkt ca. € 3 Mrd. in 2016
            </Text>
            <br/>
            <Text textSize="1.5em" textAlign="left" textColor="tertiary">
              Der Markt ist segmentiert in:
            </Text>
            <List textColor="tertiary" textAlign="left">
              <ListItem>E-Publishing</ListItem>
              <ListItem>Musik / Radio</ListItem>
              <ListItem>Gaming</ListItem>
              <ListItem>TV / Video</ListItem>
            </List>
          </Slide>

          <Slide bgColor="tertiary" notes="How Redux works.">
            <Image src={images.reduxAnimation.replace("/", "")} margin="0px auto 40px" height="60vh"/>
            <Heading size={2} caps textColor="primary" textFont="primary">
              Redux
            </Heading>
          </Slide>
          <Slide bgImage={images.city.replace("/", "")} bgDarken={0.75}>
            <Appear fid="1">
              <Heading size={1} caps fit textColor="primary">
                Full Width
              </Heading>
            </Appear>
            <Appear fid="2">
              <Heading size={1} caps fit textColor="tertiary">
                Adjustable Darkness
              </Heading><commit_msg>Remove empty line<commit_after>// Import React
import React from "react";

// Import Spectacle Core tags
import {
  Appear,
  BlockQuote,
  Cite,
  CodePane,
  Deck,
  Fill,
  Heading,
  Image,
  Layout,
  Link,
  ListItem,
  List,
  Markdown,
  Quote,
  Slide,
  Spectacle,
  Text,
  Table,
  TableRow,
  TableHeaderItem,
  TableItem
} from "spectacle";

// Import image preloader util
import preloader from "spectacle/lib/utils/preloader";

// Import theme
import createTheme from "spectacle/lib/themes/default";

import CodeSplit from "./codesplit";
// Import custom component
import Interactive from "../assets/interactive";

// Require CSS
require("normalize.css");
require("spectacle/lib/themes/default/index.css");


const images = {
  reduxAnimation: require("../assets/redux.gif"),
  city: require("../assets/city.jpg"),
  kat: require("../assets/kat.png"),
  logo: require("../assets/plenigo-logo.png"),
  markdown: require("../assets/markdown.png"),
  man: require("../assets/man.jpg"),
  paywall: require("../assets/paywall.png"),
  about: require("../assets/about-business.png"),
  access: require("../assets/access.png"),
  tablet: require("../assets/tablet.jpg"),
  example: require("../assets/example.png")
};

preloader(images);

const theme = createTheme({
  primary: "#00a6b4"
});
const grey = "rgba(125, 125, 125, 0.8)";
theme.screen.progress.bar.bar.background = grey;
theme.screen.controls.nextIcon.fill = grey;
theme.screen.controls.prevIcon.fill = grey;

export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={["fade", "slide"]} transitionDuration={500} progress="bar">
          <Slide bgImage={images.man.replace("/", "")} bgDarken={0.7}>
            <Heading size={2} caps fit lineHeight={1.5} textColor="tertiary">
              Praxissemester bei
            </Heading>
            <Image width="80%" src={images.logo}/>
            <Text textSize="1.5em" margin="100px 0px 0px 0px" textColor="tertiary">
              <NAME> & <NAME>
            </Text>
          </Slide>
          <Slide bgColor="tertiary" notes="Bisher ist die technische Realisierung aufwändig und teuer, somit gerade für kleinere und mittlere Anbieter und Verlage kaum zu realisieren">
                <Layout>
                <Fill>
                  <Image src={images.paywall}/>
                </Fill>
                <Fill>
                  <Text textColor="primary" textSize="1.5em" textAlign="right">
                    plenigo ist eine Technologie Plattform, die den Vertrieb digitaler Produkte 
– Texte, Videos oder Musik – ermöglicht
                  </Text>
                </Fill>
            </Layout>
          </Slide>
          <Slide bgColor="tertiary" notes="Plenigo Kunden zahlen eine monatliche Miete sowie ein Provision auf Verkäufe">
            <Heading size={4} caps lineHeight={1.5} textColor="primary">Paid-Content</Heading>
              <Layout>
                <Fill>
                  <Image src={images.about}/>
                </Fill>
                <Fill>
                  <Text textSize="1.5em" textAlign="right">
                    <List>
                      <ListItem>Schlüsselfertige Lösung</ListItem>
                      <ListItem>Software-As-A-Service</ListItem>
                      <ListItem>Schnelle Implementierung</ListItem>
                      <ListItem>Plugins und SDKs</ListItem>
                    </List>
                  </Text>
                </Fill>
              </Layout>
          </Slide>
          <Slide bgColor="tertiary">
            <Heading size={4} caps lineHeight={1.5} textColor="primary">Was bietet plenigo?</Heading>
              <Layout>
                <Fill>
                  <Text textSize="1.5em" textAlign="right">
                    <List>
                      <ListItem>Paywall</ListItem>
                      <ListItem>Nutzerverwaltung</ListItem>
                      <ListItem>Produktverwaltung</ListItem>
                      <ListItem>Zahlungen</ListItem>
                      <ListItem>Rechnungsstellung</ListItem>
                      <ListItem>CRM-Funktionen</ListItem>
                    </List>
                  </Text>
                </Fill>
                <Fill>
                  <Image src={images.access}/>
                </Fill>
              </Layout>
          </Slide>
          <Slide bgColor="tertiary">
          <Heading size={5} caps lineHeight={1.5} textColor="primary">
          Funktionsweise
          </Heading>
            <Image width="50%" src={images.example}/>
          </Slide>
          <Slide bgImage={images.tablet.replace("/", "")} bgDarken={0.75}>
            <Heading size={4} caps lineHeight={1.5} textColor="primary">
              Der Markt
            </Heading>
            <Text textSize="1.5em" textAlign="left" textColor="tertiary">
              Gesamtmarkt ca. € 3 Mrd. in 2016
            </Text>
            <br/>
            <Text textSize="1.5em" textAlign="left" textColor="tertiary">
              Der Markt ist segmentiert in:
            </Text>
            <List textColor="tertiary" textAlign="left">
              <ListItem>E-Publishing</ListItem>
              <ListItem>Musik / Radio</ListItem>
              <ListItem>Gaming</ListItem>
              <ListItem>TV / Video</ListItem>
            </List>
          </Slide>
          <Slide bgColor="tertiary" notes="How Redux works.">
            <Image src={images.reduxAnimation.replace("/", "")} margin="0px auto 40px" height="60vh"/>
            <Heading size={2} caps textColor="primary" textFont="primary">
              Redux
            </Heading>
          </Slide>
          <Slide bgImage={images.city.replace("/", "")} bgDarken={0.75}>
            <Appear fid="1">
              <Heading size={1} caps fit textColor="primary">
                Full Width
              </Heading>
            </Appear>
            <Appear fid="2">
              <Heading size={1} caps fit textColor="tertiary">
                Adjustable Darkness
              </Heading>
{'fraction_non_alphanumeric': 0.13632995801432451, 'fraction_numerical': 0.012842677204247963, 'mean_word_length': 1.8423022929340196, 'pattern_counts': {'":': 0, '<': 221, '<?xml version=': 0, '>': 221, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6097531', 'n_tokens_mistral': 3671, 'n_tokens_neox': 3531, 'n_words': 745}