{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./src/components/Motion_Detection/Videos/video-instar-cloud-recording.jsx","webpack:///./src/pages/Motion_Detection/INSTAR_Cloud/Video/Alarm_Recordings.jsx","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./node_modules/@material-ui/icons/NavigateNext.js","webpack:///./src/components/Layout/SEOHelmet.jsx"],"names":["withStyles","theme","root","position","bottom","backgroundColor","palette","background","paper","margin","width","maxWidth","breakpoints","up","display","flexwrap","flexGrow","justifyContent","button","spacing","rightIcon","marginLeft","leftIcon","marginRight","classes","previousLink","previousTitle","nextLink","nextTitle","className","elevation","size","href","require","cardstyle","padding","figcaption","icon","fontSize","props","Grid","container","item","xs","Paper","src","target","rel","seodata","Fragment","SEOHelmet","title","description","image","location","pathname","id","style","marginTop","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","property","lang"],"mappings":"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","file":"component---src-pages-motion-detection-instar-cloud-video-alarm-recordings-jsx-78fd369f644893e025f3.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Button from '@material-ui/core/Button'\nimport LeftArrowIcon from '@material-ui/icons/NavigateBefore';\nimport RightArrowIcon from '@material-ui/icons/NavigateNext';\n\nconst styles = theme => ({\n  root: {\n    position: 'fixed',\n    bottom: 0,\n    backgroundColor: theme.palette.background.paper,\n    margin: '0 -25px',\n    width: '100vw',\n    maxWidth: 860,\n    [theme.breakpoints.up('md')]: {\n        display: 'none',\n    },\n  },\n  flexwrap: {\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'space-between',\n  },\n  button: {\n    margin: theme.spacing(2),\n  },\n  rightIcon: {\n    marginLeft: theme.spacing(2),\n  },\n  leftIcon: {\n    marginRight: theme.spacing(2),\n  },\n});\n\nfunction FooterLinks({ classes, previousLink, previousTitle, nextLink, nextTitle }) {\n  return (\n    <Paper className={classes.root} elevation={1}>\n      <div className={classes.flexwrap}>\n        <Button className={classes.button} size=\"small\" href={previousLink}>\n          <LeftArrowIcon className={classes.leftIcon} />\n          {previousTitle}\n        </Button>\n        <Button className={classes.button} size=\"small\" href={nextLink}>\n          {nextTitle}\n          <RightArrowIcon className={classes.rightIcon} />\n        </Button>\n      </div>\n    </Paper>\n  );\n}\n\nFooterLinks.propTypes = {\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(FooterLinks);","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Player } from 'video-react'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Grid from '@material-ui/core/Grid'\n\nimport ExternalLink from '@material-ui/icons/Launch'\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nrequire('./../../../assets/styles/video.css')\n\nconst styles = {\n  cardstyle: {\n    padding: 5,\n  },\n  figcaption: {\n    padding: 5\n  },\n  icon: {\n    fontSize: 16,\n  },\n};\n\nfunction VideoCard(props) {\n  const { classes } = props;\n  return (\n    <Grid container spacing={10}>\n      <Grid item xs={12}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/INSTAR_Cloud_Alarme_Ihrer_IP_Kameras_verwalten_und_herunterladen.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>In diesem Video zeigen wir Ihnen wie man auf einfache Weise die Alarme in Ihrem INSTAR Cloud Account anschauen und verwalten kann. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=PDc6_BsczRY\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube ansehen <ExternalLink className={classes.icon} /></OutboundLink></p>\n          </div>\n        </Paper>\n      </Grid>\n    </Grid>\n  );\n}\n\nVideoCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(VideoCard)","import React from \"react\"\n\nimport FTPServer from \"../../../../components/Motion_Detection/Videos/video-instar-cloud-recording\"\n\nimport SEOHelmet from '../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'INSTAR Cloud Videotutorial',\n  description: 'Store your alarm recordings safely in our INSTAR Cloud Service and comfortably screen your alarm videos in your web browser.',\n  image: '/images/Search/MD_SearchThumb_Cloud.png'\n}\n\nexport default (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      INSTAR Cloud - Alarme Ihrer IP Kameras verwalten und herunterladen\n    </h1>\n    <FTPServer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Motion Detection\"\n      previousLink=\"/fr/Motion_Detection/\"\n      nextTitle=\"Alarm Recordings\"\n      nextLink=\"/fr/Motion_Detection/INSTAR_Cloud/Alarm_Recordings/\" />\n  </React.Fragment>\n)\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n}), 'NavigateBefore');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'NavigateNext');\n\nexports.default = _default;","import React from 'react'\nimport Helmet from 'react-helmet'\n\n\n\nexport default (props) => (\n  <Helmet defaultTitle={`INSTAR Wiki 2.0`} titleTemplate={`%s | INSTAR Wiki 2.0 | INSTAR Deutschland GmbH`}>\n  \n    <meta charSet=\"utf-8\" />\n    <meta httpEquiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <link rel=\"icon\" href=\"/fr/favicon.ico\" />\n\n    {/* General tags */}\n    <title>{props.title}</title>\n    <meta name=\"description\" content={props.description} />\n    <meta name=\"image\" content={props.image} />\n\n    {/* OpenGraph tags */}\n    <meta property=\"og:url\" content={`https://wiki.instar.com${props.location}`} />\n    <meta name=\"og:type\" content=\"website\" />\n    <meta name=\"og:site_name\" content=\"INSTAR Wiki 2.0\" />\n    <meta property=\"og:title\" content={props.title} />\n    <meta property=\"og:description\" content={props.description} />\n    <meta property=\"og:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    {/* Twitter Card tags */}\n    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n    <meta name=\"twitter:site\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:creator\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:title\" content={props.title} />\n    <meta name=\"twitter:description\" content={props.description} />\n    <meta name=\"twitter:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    <link\n      rel=\"canonical\"\n      href={`https://wiki.instar.com${props.location}`}\n    />\n    <html lang=\"en\" />\n  </Helmet>\n)\n\n"],"sourceRoot":""}