{"version":3,"sources":["webpack:///./src/components/Layout/footer/index.jsx","webpack:///./node_modules/@material-ui/icons/NavigateBefore.js","webpack:///./src/components/Internet_Access/Videos/video-port-forwarding-tp-link.jsx","webpack:///./src/pages/Internet_Access/Port_Forwarding/TP-Link/Video/index.jsx","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","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","exports","value","default","React","_default","createElement","d","require","cardstyle","padding","marginBottom","figcaption","icon","fontSize","props","Grid","container","item","xs","Paper","src","target","rel","seodata","Fragment","SEOHelmet","title","description","image","location","pathname","id","style","marginTop","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","property","lang"],"mappings":"+FAAA,uGAyDeA,iBAjDA,SAAAC,GAAK,YAAK,CACvBC,MAAI,GACFC,SAAU,QACVC,OAAQ,EACRC,gBAAiBJ,EAAMK,QAAQC,WAAWC,MAC1CC,OAAQ,UACRC,MAAO,QACPC,SAAU,KANR,EAODV,EAAMW,YAAYC,GAAG,OAAQ,CAC1BC,QAAS,QARX,GAWJC,SAAU,CACRD,QAAS,OACTE,SAAU,EACVC,eAAgB,iBAElBC,OAAQ,CACNT,OAAQR,EAAMkB,QAAQ,IAExBC,UAAW,CACTC,WAAYpB,EAAMkB,QAAQ,IAE5BG,SAAU,CACRC,YAAatB,EAAMkB,QAAQ,OAyBhBnB,EArBf,YAAqF,IAA9DwB,EAA6D,EAA7DA,QAASC,EAAoD,EAApDA,aAAcC,EAAsC,EAAtCA,cAAeC,EAAuB,EAAvBA,SAAUC,EAAa,EAAbA,UACrE,OACE,kBAAC,IAAD,CAAOC,UAAWL,EAAQtB,KAAM4B,UAAW,GACzC,yBAAKD,UAAWL,EAAQT,UACtB,kBAAC,IAAD,CAAQc,UAAWL,EAAQN,OAAQa,KAAK,QAAQC,KAAMP,GACpD,kBAAC,IAAD,CAAeI,UAAWL,EAAQF,WACjCI,GAEH,kBAAC,IAAD,CAAQG,UAAWL,EAAQN,OAAQa,KAAK,QAAQC,KAAML,GACnDC,EACD,kBAAC,IAAD,CAAgBC,UAAWL,EAAQJ,mB,kCC5C7C,IAAIa,EAAyB,EAAQ,QAEjCC,EAA0B,EAAQ,QAEtCC,OAAOC,eAAeC,EAAS,aAAc,CAC3CC,OAAO,IAETD,EAAQE,aAAU,EAElB,IAAIC,EAAQN,EAAwB,EAAQ,SAIxCO,GAAW,EAFMR,EAAuB,EAAQ,SAElBM,SAAuBC,EAAME,cAAc,OAAQ,CACnFC,EAAG,kDACD,kBAEJN,EAAQE,QAAUE,G,mJCPlBG,EAAQ,QAiDO5C,kBA/CA,CACb6C,UAAW,CACTC,QAAS,GAEXrC,OAAQ,CACNsC,aAAc,IAEhBC,WAAY,CACVF,QAAS,GAEXG,KAAM,CACJC,SAAU,KAoCClD,EAhCf,SAAmBmD,GAAQ,IACjB3B,EAAY2B,EAAZ3B,QACR,OACE,kBAAC4B,EAAA,EAAD,CAAMC,WAAS,EAAClC,QAAS,IACvB,kBAACiC,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAI1B,UAAWL,EAAQf,QACpC,kBAAC+C,EAAA,EAAD,CAAO3B,UAAWL,EAAQqB,WACxB,kBAAC,SAAD,KACE,4BAAQY,IAAI,8FAEd,yBAAK5B,UAAWL,EAAQwB,YACtB,yFAA8D,kBAAC,eAAD,CAAchB,KAAK,8CAA8C0B,OAAO,SAASC,IAAI,uBAArF,mBAA2H,kBAAC,IAAD,CAAc9B,UAAWL,EAAQyB,YAIhO,kBAACG,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,IACb,kBAACC,EAAA,EAAD,CAAO3B,UAAWL,EAAQqB,WACxB,kBAAC,SAAD,KACE,4BAAQY,IAAI,2FAEd,yBAAK5B,UAAWL,EAAQwB,YACtB,4F,wBC1CNY,EACG,0BADHA,EAES,gIAFTA,EAGG,0DAGM,mBAACT,GAAD,OACb,kBAAC,IAAMU,SAAP,KACE,kBAACC,EAAA,EAAD,CAAWC,MAAOH,EAAeI,YAAaJ,EAAqBK,MAAOL,EAAeM,SAAUf,EAAMe,SAASC,WAClH,wBAAIC,GAAG,eAAeC,MAAO,CAAEC,UAAW,IAA1C,yDAGA,kBAAC,EAAD,MACA,6BACA,6BACA,kBAAC,IAAD,CACE5C,cAAc,kBACdD,aAAa,uBACbG,UAAU,kBACVD,SAAS,4C,kCCxBf,IAAIM,EAAyB,EAAQ,QAEjCC,EAA0B,EAAQ,QAEtCC,OAAOC,eAAeC,EAAS,aAAc,CAC3CC,OAAO,IAETD,EAAQE,aAAU,EAElB,IAAIC,EAAQN,EAAwB,EAAQ,SAIxCO,GAAW,EAFMR,EAAuB,EAAQ,SAElBM,SAAuBC,EAAME,cAAc,OAAQ,CACnFC,EAAG,mDACD,gBAEJN,EAAQE,QAAUE,G,kCCnBlB,8CAKe,aAACU,GAAD,OACb,kBAAC,IAAD,CAAQoB,aAAY,kBAAqBC,cAAa,kDAEpD,0BAAMC,QAAQ,UACd,0BAAMC,UAAU,kBAAkBC,QAAQ,YAC1C,0BAAMC,KAAK,WAAWD,QAAQ,0CAC9B,0BAAMhB,IAAI,OAAO3B,KAAK,oBAGtB,+BAAQmB,EAAMY,OACd,0BAAMa,KAAK,cAAcD,QAASxB,EAAMa,cACxC,0BAAMY,KAAK,QAAQD,QAASxB,EAAMc,QAGlC,0BAAMY,SAAS,SAASF,QAAO,0BAA4BxB,EAAMe,WACjE,0BAAMU,KAAK,UAAUD,QAAQ,YAC7B,0BAAMC,KAAK,eAAeD,QAAQ,oBAClC,0BAAME,SAAS,WAAWF,QAASxB,EAAMY,QACzC,0BAAMc,SAAS,iBAAiBF,QAASxB,EAAMa,cAC/C,0BAAMa,SAAS,WAAWF,QAAO,0BAA4BxB,EAAMc,QAGnE,0BAAMW,KAAK,eAAeD,QAAQ,wBAClC,0BAAMC,KAAK,eAAeD,QAAQ,eAClC,0BAAMC,KAAK,kBAAkBD,QAAQ,eACrC,0BAAMC,KAAK,gBAAgBD,QAASxB,EAAMY,QAC1C,0BAAMa,KAAK,sBAAsBD,QAASxB,EAAMa,cAChD,0BAAMY,KAAK,gBAAgBD,QAAO,0BAA4BxB,EAAMc,QAEpE,0BACEN,IAAI,YACJ3B,KAAI,0BAA4BmB,EAAMe,WAExC,0BAAMY,KAAK","file":"component---src-pages-internet-access-port-forwarding-tp-link-video-index-jsx-2f9fedd9047cec9c0b1b.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;","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  margin: {\n    marginBottom: 30,\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} className={classes.margin}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/Portweiterleitung_bei_einem_TP_Link_Router_einrichten.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>Portweiterleitung bei einem TP-Link Router einrichten. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=RAEox1Squ08\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube ansehen <ExternalLink className={classes.icon} /></OutboundLink></p>\n          </div>\n        </Paper>\n      </Grid>\n      <Grid item xs={12}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/Tutorial_Fernzugriff_per_Portweiterleitung_TP_Link.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>Portweiterleitung bei einem TP-Link Router einrichten.</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/Internet_Access/Videos/video-port-forwarding-tp-link\"\n\nimport SEOHelmet from '../../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../../components/Layout/footer\"\n\nconst seodata = {\n  title: 'TP-Link Port Forwarding',\n  description: 'Do access your camera over its DDNS address, you first have to set up your router to forward a port to your camera´s address.',\n  image: '/images/Search/IA_SearchThumb_Portforwarding_TPLink.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      Portweiterleitung bei einem TP-Link Router einrichten\n    </h1>\n    <FTPServer />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Internet Access\"\n      previousLink=\"/fr/Internet_Access/\"\n      nextTitle=\"Port Forwarding\"\n      nextLink=\"/fr/Internet_Access/Port_Forwarding/\" />\n  </React.Fragment>\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: \"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":""}