{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./node_modules/@material-ui/icons/NavigateNext.js","webpack:///./src/components/Layout/SEOHelmet.jsx","webpack:///./src/components/Advanced_User/Videos/video-vpn-fritzbox.jsx","webpack:///./src/pages/Advanced_User/VPN_AVM_Fritzbox/Video/index.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","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","props","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","rel","title","description","image","property","location","lang","require","cardstyle","padding","figcaption","icon","fontSize","Grid","container","item","xs","Paper","src","target","seodata","Fragment","SEOHelmet","pathname","id","style","marginTop"],"mappings":"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","file":"component---src-pages-advanced-user-vpn-avm-fritzbox-video-index-jsx-97009e788b6c12688a1c.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);","\"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","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/VPN_Verbindung_Tunnel_mit_einer_AVM_FritzBox_herstellen.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>Wir erklären in diesem Video wie man eine VPN Verbindung, also einen Tunnel aufbauen kann in sein eigenes Netzwerk.</p>\n            <p>Auf diese Weise haben Sie z.B. die Möglichkeit so auf Ihre INSTAR Kamera zuzugreifen, als seien Sie zu Hause im gleichen Netzwerk. Sie verbinden sich so z.B. mit Ihrem Smartphone mit Ihrer Fritzbox per VPN und können dann die Kamera über die lokale IP Adresse erreichen. Die Verbindung ist dabei komplett verschlüsselt und sicher. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=jq4s9EsyADI\" 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/Advanced_User/Videos/video-vpn-fritzbox\"\n\nimport SEOHelmet from '../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'VPN Tunnel with an AVM Fritzbox',\n  description: 'Avoid opening a port to your local network by employing a virtual private network with your AVM Fritzbox router.',\n  image: '/images/Search/AU_SearchThumb_VPN.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      VPN Verbindung / Tunnel mit einer AVM FritzBox herstellen\n    </h1>\n    <FTPServer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"For Developers\"\n      previousLink=\"/fr/Advanced_User/\"\n      nextTitle=\"VPN AVM Fritzbox\"\n      nextLink=\"/fr/Advanced_User/VPN_AVM_Fritzbox/\" />\n  </React.Fragment>\n)"],"sourceRoot":""}