{"version":3,"file":"component---src-pages-index-jsx-5baf03fd950bcc420bbc.js","mappings":"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","sources":["webpack://instar-wiki/./node_modules/@elastic/eui/es/components/tabs/tabbed_content/tabbed_content.js","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroInstallationGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroMotionGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroRemoteGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroDeveloperGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroProductsGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroSoftwareGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroPopularGrid.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Home/IntroLatestArticles.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/IntroHome.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Latest/IntroLatestTutorials.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Latest/IntroLatestFAQs.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/IntroLatest.jsx","webpack://instar-wiki/./src/images/Search/QI_SearchThumb_WebUI_720p.webp","webpack://instar-wiki/./src/images/Search/QI_SearchThumb_WebUI_1080p.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_P2P_CamLive.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_IP_Cam_Viewer.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_iSpy_Connect.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_YAW_Cam.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_P2P_Client.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_CCTV.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_Blue_Iris.webp","webpack://instar-wiki/./src/images/Search/AU_SearchThumb_Loxone.webp","webpack://instar-wiki/./src/images/Search/AU_SearchThumb_Homematic.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_Homey.webp","webpack://instar-wiki/./src/components/Index/Frontpage/Popular/IntroPopularArticles.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Popular/IntroPopularArticles_mobile.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/IntroPopular.jsx","webpack://instar-wiki/./src/images/Search/AU_SearchThumb_OpenHAB.webp","webpack://instar-wiki/./src/images/Search/AU_SearchThumb_Node-RED.webp","webpack://instar-wiki/./src/images/Search/FAQ_SearchThumb.webp","webpack://instar-wiki/./src/images/Search/P_SearchThumb_Lupus_XT2.webp","webpack://instar-wiki/./src/components/Index/Frontpage/Smarthome/IntroSmarthomeArticles.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/Smarthome/IntroSmarthomeArticles_mobile.jsx","webpack://instar-wiki/./src/components/Index/Frontpage/IntroSmarthome.jsx","webpack://instar-wiki/./src/pages/index.jsx"],"sourcesContent":["function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n  } else {\n    _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n  }\n\n  return _typeof(obj);\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    if (enumerableOnly) symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    });\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        _defineProperty(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n\n  var target = _objectWithoutPropertiesLoose(source, excluded);\n\n  var key, i;\n\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n\n  return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n  if (typeof superClass !== \"function\" && superClass !== null) {\n    throw new TypeError(\"Super expression must either be null or a function\");\n  }\n\n  subClass.prototype = Object.create(superClass && superClass.prototype, {\n    constructor: {\n      value: subClass,\n      writable: true,\n      configurable: true\n    }\n  });\n  if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n  var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n  return function _createSuperInternal() {\n    var Super = _getPrototypeOf(Derived),\n        result;\n\n    if (hasNativeReflectConstruct) {\n      var NewTarget = _getPrototypeOf(this).constructor;\n\n      result = Reflect.construct(Super, arguments, NewTarget);\n    } else {\n      result = Super.apply(this, arguments);\n    }\n\n    return _possibleConstructorReturn(this, result);\n  };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n  if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n    return call;\n  }\n\n  return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nfunction _getPrototypeOf(o) {\n  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n\nimport React, { Component, createRef } from 'react';\nimport { htmlIdGenerator } from '../../../services';\nimport { EuiTabs } from '../tabs';\nimport { EuiTab } from '../tab';\n/**\n * Marked as const so type is `['initial', 'selected']` instead of `string[]`\n */\n\nexport var AUTOFOCUS = ['initial', 'selected'];\nexport var EuiTabbedContent = /*#__PURE__*/function (_Component) {\n  _inherits(EuiTabbedContent, _Component);\n\n  var _super = _createSuper(EuiTabbedContent);\n\n  function EuiTabbedContent(props) {\n    var _this;\n\n    _classCallCheck(this, EuiTabbedContent);\n\n    _this = _super.call(this, props);\n\n    _defineProperty(_assertThisInitialized(_this), \"rootId\", htmlIdGenerator()());\n\n    _defineProperty(_assertThisInitialized(_this), \"tabsRef\", /*#__PURE__*/createRef());\n\n    _defineProperty(_assertThisInitialized(_this), \"focusTab\", function () {\n      var targetTab = _this.tabsRef.current.querySelector(\"#\".concat(_this.state.selectedTabId));\n\n      targetTab.focus();\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"initializeFocus\", function () {\n      if (!_this.state.inFocus && _this.props.autoFocus === 'selected') {\n        // Must wait for setState to finish before calling `.focus()`\n        // as the focus call triggers a blur on the first tab\n        _this.setState({\n          inFocus: true\n        }, function () {\n          _this.focusTab();\n        });\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"removeFocus\", function (blurEvent) {\n      // only set inFocus to false if the wrapping div doesn't contain the now-focusing element\n      var currentTarget = blurEvent.currentTarget;\n      var relatedTarget = blurEvent.relatedTarget;\n\n      if (currentTarget.contains(relatedTarget) === false) {\n        _this.setState({\n          inFocus: false\n        });\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onTabClick\", function (selectedTab) {\n      var _this$props = _this.props,\n          onTabClick = _this$props.onTabClick,\n          externalSelectedTab = _this$props.selectedTab;\n\n      if (onTabClick) {\n        onTabClick(selectedTab);\n      } // Only track selection state if it's not controlled externally.\n\n\n      if (!externalSelectedTab) {\n        _this.setState({\n          selectedTabId: selectedTab.id\n        }, function () {\n          _this.focusTab();\n        });\n      }\n    });\n\n    var initialSelectedTab = props.initialSelectedTab,\n        _selectedTab = props.selectedTab,\n        tabs = props.tabs; // Only track selection state if it's not controlled externally.\n\n    var selectedTabId;\n\n    if (!_selectedTab) {\n      selectedTabId = initialSelectedTab && initialSelectedTab.id || tabs[0].id;\n    }\n\n    _this.state = {\n      selectedTabId: selectedTabId,\n      inFocus: false\n    };\n    return _this;\n  }\n\n  _createClass(EuiTabbedContent, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      // IE11 doesn't support the `relatedTarget` event property for blur events\n      // but does add it for focusout. React doesn't support `onFocusOut` so here we are.\n      if (this.tabsRef.current) {\n        // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n        this.tabsRef.current.addEventListener('focusout', this.removeFocus);\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      if (this.tabsRef.current) {\n        // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n        this.tabsRef.current.removeEventListener('focusout', this.removeFocus);\n      }\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      var _this$props2 = this.props,\n          className = _this$props2.className,\n          display = _this$props2.display,\n          expand = _this$props2.expand,\n          initialSelectedTab = _this$props2.initialSelectedTab,\n          onTabClick = _this$props2.onTabClick,\n          externalSelectedTab = _this$props2.selectedTab,\n          size = _this$props2.size,\n          tabs = _this$props2.tabs,\n          autoFocus = _this$props2.autoFocus,\n          rest = _objectWithoutProperties(_this$props2, [\"className\", \"display\", \"expand\", \"initialSelectedTab\", \"onTabClick\", \"selectedTab\", \"size\", \"tabs\", \"autoFocus\"]); // Allow the consumer to control tab selection.\n\n\n      var selectedTab = externalSelectedTab || tabs.find(function (tab) {\n        return tab.id === _this2.state.selectedTabId;\n      });\n      var _ref = selectedTab,\n          selectedTabContent = _ref.content,\n          selectedTabId = _ref.id;\n      return /*#__PURE__*/React.createElement(\"div\", _extends({\n        className: className\n      }, rest), /*#__PURE__*/React.createElement(EuiTabs, {\n        ref: this.tabsRef,\n        expand: expand,\n        display: display,\n        size: size,\n        onFocus: this.initializeFocus\n      }, tabs.map(function (tab) {\n        var id = tab.id,\n            name = tab.name,\n            content = tab.content,\n            tabProps = _objectWithoutProperties(tab, [\"id\", \"name\", \"content\"]);\n\n        var props = _objectSpread(_objectSpread({\n          key: id,\n          id: id\n        }, tabProps), {}, {\n          onClick: function onClick() {\n            return _this2.onTabClick(tab);\n          },\n          isSelected: tab === selectedTab,\n          'aria-controls': \"\".concat(_this2.rootId)\n        });\n\n        return /*#__PURE__*/React.createElement(EuiTab, props, name);\n      })), /*#__PURE__*/React.createElement(\"div\", {\n        role: \"tabpanel\",\n        id: \"\".concat(this.rootId),\n        \"aria-labelledby\": selectedTabId\n      }, selectedTabContent));\n    }\n  }]);\n\n  return EuiTabbedContent;\n}(Component);\n\n_defineProperty(EuiTabbedContent, \"defaultProps\", {\n  autoFocus: 'initial'\n});","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function InstallationGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n      Alles, was Sie wissen müssen, um mit Ihrer INSTAR IP-Kamera loszulegen - Netzwerkanschluss und grundlegende Kamerakonfiguration.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Schnell_Installation/Wie_Funktioniert_eine_IP_Kamera/\"><EuiIcon type=\"grabHorizontal\" /> Wie funktioniert eine IP Kamera?  </Link>\r\n          <Link to=\"/Schnell_Installation/Nach_dem_Auspacken/\"><EuiIcon type=\"grabHorizontal\" /> Nach dem Auspacken  </Link>\r\n          <Link to=\"/Schnell_Installation/Erste_Schritte/\"><EuiIcon type=\"grabHorizontal\" /> Erste Schritte  </Link>\r\n          <Link to=\"/Schnell_Installation/Power_over_Ethernet/\"><EuiIcon type=\"grabHorizontal\" /> Power over Ethernet  </Link>\r\n          <Link to=\"/Schnell_Installation/Powerline/\"><EuiIcon type=\"grabHorizontal\" /> Powerline  </Link>\r\n          <Link to=\"/Schnell_Installation/Direkte_LAN_Verbindung/\"><EuiIcon type=\"grabHorizontal\" /> Direkte LAN Verbindung  </Link>\r\n          <Link to=\"/Schnell_Installation/Alternative_IP_Scanner/\"><EuiIcon type=\"grabHorizontal\" /> Finden Sie Ihre Kamera  </Link>\r\n          <Link to=\"/Schnell_Installation/Sprachauswahl/\"><EuiIcon type=\"grabHorizontal\" /> Sprachauswahl  </Link>\r\n          <Link to=\"/Schnell_Installation/Live_Video/\"><EuiIcon type=\"grabHorizontal\" /> Live Video  </Link>\r\n          <Link to=\"/Schnell_Installation/Benutzerverwaltung/\"><EuiIcon type=\"grabHorizontal\" /> Benutzerverwaltung  </Link>\r\n          <Link to=\"/Schnell_Installation/WebUI_und_Firmware_Upgrade/\"><EuiIcon type=\"grabHorizontal\" /> Software Update  </Link>\r\n          <Link to=\"/Schnell_Installation/Leeren_des_Browserverlaufs/\"><EuiIcon type=\"grabHorizontal\" /> Browsing History  </Link>\r\n          <Link to=\"/Schnell_Installation/Herstellen_der_WLAN_Verbindung/\"><EuiIcon type=\"grabHorizontal\" /> WLAN Verbindung  </Link>\r\n          {/* <Link to=\"/Schnell_Installation/ONVIF/\"><EuiIcon type=\"grabHorizontal\" /> ONVIF <EuiIcon type=\"grabHorizontal\" /></Link> */}\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function MotionGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n        Konfigurieren Sie Ihre Kamera so, dass sie einen Alarm auslöst, wenn eine Bewegung erkannt wird. Nehmen Sie Videos auf, benachrichtigen Sie sich per E-Mail oder Push-Nachrichten und verbinden Sie Ihre Kamera mit Ihrer Smarthome-Umgebung.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Bewegungserkennung/Einrichten/\"><EuiIcon type=\"grabHorizontal\" /> Bewegungserkennung  </Link>\r\n          <Link to=\"/Bewegungserkennung/Alarm_Benachrichtigung/\"><EuiIcon type=\"grabHorizontal\" /> Alarm Benachrichtigung  </Link>\r\n          <Link to=\"/Bewegungserkennung/SD_Karten_Zugriff/\"><EuiIcon type=\"grabHorizontal\" /> SD Karten Zugriff  </Link>\r\n          <Link to=\"/Bewegungserkennung/Alarm_FTP_Upload/\"><EuiIcon type=\"grabHorizontal\" /> Alarm FTP Upload  </Link>\r\n          <Link to=\"/Bewegungserkennung/Router_als_FTP_Server/\"><EuiIcon type=\"grabHorizontal\" /> Router als FTP Server  </Link>\r\n          <Link to=\"/Bewegungserkennung/FTP_Server_Setup/\"><EuiIcon type=\"grabHorizontal\" /> FTP Server Setup  </Link>\r\n          <Link to=\"/Bewegungserkennung/Alarm_Server/\"><EuiIcon type=\"grabHorizontal\" /> Alarm Server  </Link>\r\n          <Link to=\"/Bewegungserkennung/INSTAR_Cloud/\"><EuiIcon type=\"grabHorizontal\" /> INSTAR Cloud <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function RemoteGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n        Zugriff auf Ihre Kamera über das Internet - dynamischer DNS und Point2Point-Verbindungsaufbau.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Fernzugriff/Point_to_Point/\"><EuiIcon type=\"grabHorizontal\" /> P2P Point-2-Point  </Link>\r\n          <Link to=\"/Fernzugriff/Der_DDNS_Dienst/\"><EuiIcon type=\"grabHorizontal\" /> INSTAR DDNS  </Link>\r\n          <Link to=\"/Fernzugriff/Port_Weiterleitung/\"><EuiIcon type=\"grabHorizontal\" /> Port Weiterleitung  </Link>\r\n          <Link to=\"/Fernzugriff/Mobil_Zugriff/\"><EuiIcon type=\"grabHorizontal\" /> Mobiler Zugriff  </Link>\r\n          <Link to=\"/Fernzugriff/DDNS_Anbieter/\"><EuiIcon type=\"grabHorizontal\" /> DDNS Anbieter <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function DeveloperGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n        Steuern Sie Ihre Kamera über ihre HTTP (CGI) oder MQTT API und integrieren Sie sie in Ihre Smarthome-Umgebung.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Erweitert/VPN_AVM_Fritzbox/\"><EuiIcon type=\"grabHorizontal\" /> VPN und AVM Fritzbox </Link>\r\n          <Link to=\"/Erweitert/Webseiten_Einbindung/\"><EuiIcon type=\"grabHorizontal\" /> Website Integration  </Link>\r\n          <Link to=\"/Erweitert/Youtube_Videostreaming_from_your_Camera/\"><EuiIcon type=\"grabHorizontal\" /> Youtube Videostreaming  </Link>\r\n          <Link to=\"/Erweitert/CGI_Befehle/\"><EuiIcon type=\"grabHorizontal\" /> CGI Befehle  </Link>\r\n          <Link to=\"/Erweitert/INSTAR_MQTT_Broker/\"><EuiIcon type=\"grabHorizontal\" /> INSTAR MQTT Broker  </Link>\r\n          <Link to=\"/Erweitert/Homebridge_INSTAR_MQTT_to_Homekit/\"><EuiIcon type=\"grabHorizontal\" /> Homebridge & INSTAR MQTT  </Link>\r\n          <Link to=\"/Erweitert/FHEM_auf_Raspberry_Pi/\"><EuiIcon type=\"grabHorizontal\" /> FHEM & Raspberry Pi  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_und_MQTT/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED & MQTT  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_Dashboard_Live_Video/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED Dashboard Live Video  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_Alarm_Event_Timeline/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED Alarm Timeline  </Link>\r\n          <Link to=\"/Erweitert/Alarmserver_Queries_for_your_Smarthome/\"><EuiIcon type=\"grabHorizontal\" /> Alarmserver Queries  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_und_SQL-Logging/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED & SQL Logging  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_auf_Android/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED auf Android  </Link>\r\n          <Link to=\"/Erweitert/OpenHAB_3_in_Docker/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB 3  </Link>\r\n          <Link to=\"/Erweitert/OpenHAB_3_Camera_Binding/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB 3 Camera Binding </Link>\r\n          <Link to=\"/Erweitert/OpenHAB_3_MQTT_Binding/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB 3 & MQTT  </Link>\r\n          <Link to=\"/Erweitert/IOBroker_auf_Raspberry_Pi/\"><EuiIcon type=\"grabHorizontal\" /> IOBroker  </Link>\r\n          <Link to=\"/Erweitert/Homematic_CCU3_und_RedMatic/\"><EuiIcon type=\"grabHorizontal\" /> Homematic CCU3 a& RedMatic  </Link>\r\n          <Link to=\"/Erweitert/Alexa_Echo5_and_Monocle_Gateway/\"><EuiIcon type=\"grabHorizontal\" /> Alexa & Monocle Gateway  </Link>\r\n          <Link to=\"/Erweitert/IFTTT_und_INSTAR_FHD_Kameras/\"><EuiIcon type=\"grabHorizontal\" /> IFTTT & INSTAR FHD Cameras  </Link>\r\n          <Link to=\"/Erweitert/IFTTT_als_Alarmserver/\"><EuiIcon type=\"grabHorizontal\" /> IFTTT als Alarmserver  </Link>\r\n          <Link to=\"/Erweitert/Node-RED_und_IFTTT/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED & IFTTT  </Link>\r\n          <Link to=\"/Erweitert/XiaoMi_Home_Zigbee2MQTT/\"><EuiIcon type=\"grabHorizontal\" /> XiaoMi Home & Zigbee2MQTT  </Link>\r\n          <Link to=\"/Erweitert/ZoneMinder_in_einem_Docker_Container/\"><EuiIcon type=\"grabHorizontal\" /> ZoneMinder & Docker  </Link>\r\n          <Link to=\"/Erweitert/Tasker/\"><EuiIcon type=\"grabHorizontal\" /> Tasker auf Android <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function ProductsGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n        Alle INSTAR-Produkte - Dokumentation und Software-Downloads.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Downloadbereich/\"><EuiIcon type=\"grabHorizontal\" /> Downloadbereich  </Link>\r\n          <Link to=\"/Produkte/Gebrauchsanleitungen/\"><EuiIcon type=\"grabHorizontal\" /> Handbücher  </Link>\r\n          <Link to=\"/Assistants/Review_Wall/\"><EuiIcon type=\"grabHorizontal\" /> Reviews  </Link>\r\n          <Link to=\"/Innenkameras/\"><EuiIcon type=\"grabHorizontal\" /> Innenkameras  </Link>\r\n          <Link to=\"/Aussenkameras/\"><EuiIcon type=\"grabHorizontal\" /> Aussenkameras  </Link>\r\n          <Link to=\"/Produkte/Objektive/\"><EuiIcon type=\"grabHorizontal\" /> Objektive  </Link>\r\n          <Link to=\"/Web_User_Interface/1080p_Serie/Auswahl/\"><EuiIcon type=\"grabHorizontal\" /> Web User Interface  </Link>\r\n          <Link to=\"/Produkte/USB-Webcams/\"><EuiIcon type=\"grabHorizontal\" /> USB Webcams  </Link>\r\n          <Link to=\"/Produkte/IN-LAN/\"><EuiIcon type=\"grabHorizontal\" /> IN-LAN  </Link>\r\n          <Link to=\"/Produkte/Power_over_Ethernet/\"><EuiIcon type=\"grabHorizontal\" /> Power over Ethernet  </Link>\r\n          <Link to=\"/Produkte/IR_Beleuchtung/\"><EuiIcon type=\"grabHorizontal\" /> IR Scheinwerfer <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiText,\r\n  EuiSpacer,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function SoftwareGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiText size=\"s\">\r\n        INSTAR-Softwarelösungen und Fremdsoftware für Ihre INSTAR-Kamera.\r\n      </EuiText>\r\n      <EuiSpacer size=\"m\" />\r\n      <EuiText size=\"s\" color=\"subdued\">\r\n        <p>\r\n          <Link to=\"/Software/Windows/\"><EuiIcon type=\"grabHorizontal\" /> Software für Windows  </Link>\r\n          <Link to=\"/Software/macOS/\"><EuiIcon type=\"grabHorizontal\" /> Software für macOS  </Link>\r\n          <Link to=\"/Software/Linux/\"><EuiIcon type=\"grabHorizontal\" /> Software für Linux  </Link>\r\n          <Link to=\"/Software/Android/\"><EuiIcon type=\"grabHorizontal\" /> Software für Android  </Link>\r\n          <Link to=\"/Software/iOS/\"><EuiIcon type=\"grabHorizontal\" /> Software für iOS  </Link>\r\n          <Link to=\"/Software/Smarthome/\"><EuiIcon type=\"grabHorizontal\" /> Software für Smarthomes </Link>\r\n          <Link to=\"/Software/Andere_Plattform/\"><EuiIcon type=\"grabHorizontal\" /> Software für andere Plattformen <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiText,\r\n  EuiIcon\r\n} from '@elastic/eui'\r\n\r\nexport default function PopularGrid() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n    <EuiSpacer size=\"m\" />\r\n    <EuiText size=\"s\" color=\"subdued\">\r\n      <p>\r\n        <Link to=\"/Erweitert/INSTAR_MQTT_Broker/MQTT_API/\"><EuiIcon type=\"grabHorizontal\" /> Alle MQTT Topics  </Link>\r\n        <Link to=\"/Erweitert/INSTAR_MQTT_Broker/MQTT_vs_HTTP_API/\"><EuiIcon type=\"grabHorizontal\" /> MQTT vs CGI Befehle  </Link>\r\n        <Link to=\"/1080p_Serie_CGI_Befehle/\"><EuiIcon type=\"grabHorizontal\" /> 1080p CGI Befehle  </Link>\r\n        <Link to=\"/720p_Serie_CGI_Befehle/\"><EuiIcon type=\"grabHorizontal\" /> 720p CGI Befehle  </Link>\r\n        <Link to=\"/Web_User_Interface/1080p_Serie/\"><EuiIcon type=\"grabHorizontal\" /> 1080p WebUI  </Link>\r\n        <Link to=\"/Web_User_Interface/720p_Serie/\"><EuiIcon type=\"grabHorizontal\" /> 720p WebUI  </Link>\r\n        <Link to=\"/Software/Linux/MotionEye/\"><EuiIcon type=\"grabHorizontal\" /> MotionEye  </Link>\r\n        <Link to=\"/Schnell_Installation/Alternative_IP_Scanner/\"><EuiIcon type=\"grabHorizontal\" /> IP Camera Tool  </Link>\r\n        <Link to=\"/Erweitert/OpenHAB_3_Camera_Binding/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB 3 INSTAR Kamera Binding  </Link>\r\n        <Link to=\"/Erweitert/Alarmserver_Queries_for_your_Smarthome/\"><EuiIcon type=\"grabHorizontal\" /> Alarmserver Queries  </Link>\r\n        <Link to=\"/Bewegungserkennung/Router_als_FTP_Server/WD_MyCloud_als_FTP_Server/\"><EuiIcon type=\"grabHorizontal\" /> WD MyCloud als FTP Server  </Link>\r\n        <Link to=\"/Erweitert/OpenHAB_3_MQTT_Binding/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB 3 & MQTT  </Link>\r\n        <Link to=\"/Software/Windows/P2P_Client/\"><EuiIcon type=\"grabHorizontal\" /> P2P Client  </Link>\r\n        <Link to=\"/Erweitert/OpenHAB_3_Camera_Widget/\"><EuiIcon type=\"grabHorizontal\" /> OpenHAB3 Kamera Widget  </Link>\r\n        <Link to=\"/Software/Linux/Shinobi_Open_Source_CCTV/\"><EuiIcon type=\"grabHorizontal\" /> Shinobi Open Source CCTV  </Link>\r\n        <Link to=\"/Erweitert/ZoneMinder_inside_a_Docker_Container/\"><EuiIcon type=\"grabHorizontal\" /> ZoneMinder & Docker  </Link>\r\n        <Link to=\"/Erweitert/IOBroker_auf_Raspberry_Pi/motionEye/\"><EuiIcon type=\"grabHorizontal\" /> ioBroker & motionEye  </Link>\r\n        <Link to=\"/Software/Linux/Node-RED/\"><EuiIcon type=\"grabHorizontal\" /> Node-RED  </Link>\r\n        <Link to=\"/Software/Linux/Home_Assistant/\"><EuiIcon type=\"grabHorizontal\" /> Home Assistant  </Link>\r\n        <Link to=\"/Erweitert/Youtube_Videostreaming_from_your_Camera/\"><EuiIcon type=\"grabHorizontal\" /> Youtube Videostreaming </Link>\r\n        <Link to=\"/Erweitert/XiaoMi_Home_Zigbee2MQTT/\"><EuiIcon type=\"grabHorizontal\" /> XiaoMi Home Zigbee2MQTT <EuiIcon type=\"grabHorizontal\" /></Link>\r\n        </p>\r\n      </EuiText>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\r\n/* import { GatsbyImage, getImage } from \"gatsby-plugin-image\" */\r\n\r\nimport {\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiPanel,\r\n  EuiTitle,\r\n  EuiText,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\n\r\nconst PANEL_STYLE = { boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)' }\r\n\r\n\r\nconst FAQBox = () => {\r\n    const data = useStaticQuery(graphql`\r\n        query {\r\n          allMdx(limit: 16, filter: {frontmatter: {title: {ne: \"\"}}}, sort: {fields: frontmatter___dateChanged, order: DESC}) {\r\n            edges {\r\n              node {\r\n                id\r\n                excerpt(pruneLength: 200, truncate: true)\r\n                frontmatter {\r\n                  title\r\n                  dateChanged(fromNow: true)\r\n                  path\r\n                  toc\r\n                  chapter\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `)\r\n\r\n      /* const image = getImage(data.frontmatter.toc) */\r\n\r\n      return (\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"column\" style={{margin: '0 7px'}} >\r\n          {data.allMdx.edges.map(({ node }) => (\r\n            <EuiFlexItem key={node.id}>\r\n                <Link to={node.frontmatter.path}>\r\n                    <EuiPanel paddingSize=\"s\" hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <EuiFlexGroup wrap>\r\n                        <EuiHideFor sizes={['xs', 's']}>\r\n                          <EuiFlexItem style={{ maxWidth: 56 }}>\r\n                              {/* <GatsbyImage alt=\"INSTAR Wiki Aktuellste Artikel\" image={image} /> */}\r\n                              <img src={node.frontmatter.toc} alt=\"INSTAR Wiki Aktuellste Artikel\" />\r\n                          </EuiFlexItem>\r\n                        </EuiHideFor>\r\n                        <EuiFlexItem>\r\n                            <EuiTitle size=\"s\">\r\n                                <h4>{node.frontmatter.title}</h4>\r\n                            </EuiTitle>\r\n                            <EuiText grow={false} size=\"s\" color=\"subdued\">\r\n                                <p>{node.frontmatter.dateChanged}</p>\r\n                            </EuiText>\r\n                        </EuiFlexItem>\r\n                    </EuiFlexGroup>\r\n                    </EuiPanel>\r\n                </Link>\r\n            </EuiFlexItem>\r\n          ))}\r\n        </EuiFlexGroup>\r\n      )\r\n  }\r\n  \r\n  export default FAQBox","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiTitle,\r\n  EuiSpacer,\r\n  EuiPanel,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiHorizontalRule,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nimport InstallationGrid from './Home/IntroInstallationGrid'\r\nimport MotionGrid from './Home/IntroMotionGrid'\r\nimport RemoteGrid from './Home/IntroRemoteGrid'\r\nimport DeveloperGrid from './Home/IntroDeveloperGrid'\r\nimport ProductsGrid from './Home/IntroProductsGrid'\r\nimport SoftwareGrid from './Home/IntroSoftwareGrid'\r\nimport PopularGrid from './Home/IntroPopularGrid'\r\nimport LatestArticles from './Home/IntroLatestArticles'\r\n\r\n\r\nconst PANEL_STYLE = { boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)' }\r\n\r\nexport default function IntroHome() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiSpacer />\r\n      \r\n      <EuiHideFor sizes={['xs', 's']}>\r\n          <EuiFlexGroup gutterSize=\"l\" direction=\"row\">\r\n            <EuiFlexItem>\r\n              <EuiFlexGroup gutterSize=\"l\" direction=\"column\">\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Schnell_Installation/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Schnell Installation</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"l\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <InstallationGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Bewegungserkennung/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Bewegungserkennung</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"xs\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <MotionGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Fernzugriff/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Fernzugriff</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"xs\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <RemoteGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Produkte/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Produkte</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"xs\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <ProductsGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Software/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Software</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"xs\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <SoftwareGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <Link to=\"/Erweitert/\">\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Für Entwickler</h3>\r\n                    </EuiTitle>\r\n                  </Link>\r\n                  <EuiHorizontalRule margin=\"xs\" />\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <DeveloperGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n                <EuiFlexItem>\r\n                  <EuiPanel hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <EuiTitle size=\"s\">\r\n                      <h3>Populäre Artikel</h3>\r\n                    </EuiTitle>\r\n                    <EuiHorizontalRule margin=\"xs\" />\r\n                    <PopularGrid />\r\n                  </EuiPanel>\r\n                </EuiFlexItem>\r\n              </EuiFlexGroup>\r\n            </EuiFlexItem>\r\n            <EuiFlexItem>\r\n              <EuiTitle size=\"s\">\r\n                  <h3>Aktuelle Artikel</h3>\r\n              </EuiTitle>\r\n              <EuiHorizontalRule margin=\"l\" />\r\n                <EuiFlexGroup gutterSize=\"s\" direction=\"column\">\r\n                  <LatestArticles />\r\n                </EuiFlexGroup>\r\n              </EuiFlexItem>\r\n            </EuiFlexGroup>\r\n        </EuiHideFor>\r\n\r\n        <EuiHideFor sizes={['m', 'l', 'xl']}>\r\n            <EuiTitle size=\"s\">\r\n                <h3>Aktuelle Artikel</h3>\r\n            </EuiTitle>\r\n            <LatestArticles />\r\n        </EuiHideFor>\r\n\r\n  </React.Fragment>\r\n  );\r\n}\r\n\r\n","import React from 'react'\r\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\r\n\r\nimport {\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiPanel,\r\n  EuiTitle,\r\n  EuiText,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nconst ITEM_STYLE = { maxWidth: '550px', padding: '0 15x 0 15px' }\r\n\r\nconst PANEL_STYLE = { boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)' }\r\n\r\n\r\nconst LatestTutorialsBox = () => {\r\n    const data = useStaticQuery(graphql`\r\n        query {\r\n          allMdx(sort: {order: DESC, fields: frontmatter___dateChanged}, limit: 30, filter: {frontmatter: {chapter: {ne: \"FAQs\"}, title: {ne: \"\"}}}) {\r\n            edges {\r\n              node {\r\n                id\r\n                frontmatter {\r\n                  title\r\n                  path\r\n                  toc\r\n                }\r\n                timeToRead\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `)\r\n      return (\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"column\" >\r\n          {data.allMdx.edges.map(({ node }) => (\r\n            <EuiFlexItem style={ITEM_STYLE} key={node.id}>\r\n                <Link to={node.frontmatter.path}>\r\n                    <EuiPanel paddingSize=\"s\" hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <EuiFlexGroup wrap>\r\n                        <EuiHideFor sizes={['xs', 's']}>\r\n                          <EuiFlexItem style={{ maxWidth: 56 }}>\r\n                              <img src={node.frontmatter.toc} alt=\"INSTAR Latest Tutorials\" />\r\n                          </EuiFlexItem>\r\n                        </EuiHideFor>\r\n                        <EuiFlexItem>\r\n                            <EuiTitle size=\"s\">\r\n                                <h4>{node.frontmatter.title}</h4>\r\n                            </EuiTitle>\r\n                            <EuiText grow={false} size=\"s\" color=\"subdued\">\r\n                                <p>time-to-read: {node.timeToRead} Min</p>\r\n                            </EuiText>\r\n                        </EuiFlexItem>\r\n                    </EuiFlexGroup>\r\n                    </EuiPanel>\r\n                </Link>\r\n            </EuiFlexItem>\r\n          ))}\r\n        </EuiFlexGroup>\r\n      )\r\n  }\r\n  \r\n  export default LatestTutorialsBox","import React from 'react'\r\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\r\n\r\nimport {\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiPanel,\r\n  EuiTitle,\r\n  EuiText,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nconst ITEM_STYLE = { maxWidth: '550px', padding: '0 15px 0 15px' }\r\n\r\nconst PANEL_STYLE = { boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)' }\r\n\r\nconst LatestFAQBox = () => {\r\n    const data = useStaticQuery(graphql`\r\n        query {\r\n          allMdx(sort: {order: DESC, fields: frontmatter___dateChanged}, limit: 30, filter: {frontmatter: {chapter: {eq: \"FAQs\"}}}) {\r\n            edges {\r\n              node {\r\n                id\r\n                frontmatter {\r\n                  title\r\n                  path\r\n                  toc\r\n                }\r\n                timeToRead\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `)\r\n      return (\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"column\" >\r\n          {data.allMdx.edges.map(({ node }) => (\r\n            <EuiFlexItem style={ITEM_STYLE} key={node.id}>\r\n                <Link to={node.frontmatter.path}>\r\n                    <EuiPanel paddingSize=\"s\" hasBorder={false} hasShadow={false} style={PANEL_STYLE}>\r\n                    <EuiFlexGroup wrap>\r\n                        <EuiHideFor sizes={['xs', 's']}>\r\n                          <EuiFlexItem style={{ maxWidth: 56 }}>\r\n                              <img src={node.frontmatter.toc} alt=\"INSTAR Latest Frequently Asked Questions\" />\r\n                          </EuiFlexItem>\r\n                        </EuiHideFor>\r\n                        <EuiFlexItem>\r\n                            <EuiTitle size=\"s\">\r\n                                <h4>{node.frontmatter.title}</h4>\r\n                            </EuiTitle>\r\n                            <EuiText grow={false} size=\"s\" color=\"subdued\">\r\n                                <p>time-to-read: {node.timeToRead} Min</p>\r\n                            </EuiText>\r\n                        </EuiFlexItem>\r\n                    </EuiFlexGroup>\r\n                    </EuiPanel>\r\n                </Link>\r\n            </EuiFlexItem>\r\n          ))}\r\n        </EuiFlexGroup>\r\n      )\r\n  }\r\n  \r\n  export default LatestFAQBox","import React from 'react'\r\n\r\nimport {\r\n  EuiTitle,\r\n  EuiSpacer,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiHorizontalRule,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nimport LatestTutorials from './Latest/IntroLatestTutorials'\r\nimport LatestFAQs from './Latest/IntroLatestFAQs'\r\n\r\nexport default function IntroHome() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiSpacer />\r\n      <EuiHideFor sizes={['m', 'l', 'xl']}>\r\n          <EuiTitle size=\"s\">\r\n              <h3>Aktuelle FAQs</h3>\r\n          </EuiTitle>\r\n          <EuiHorizontalRule margin=\"l\" />\r\n          <LatestFAQs />\r\n          <EuiTitle size=\"s\">\r\n              <h3>Aktuelle Artikel</h3>\r\n          </EuiTitle>\r\n          <EuiHorizontalRule margin=\"l\" />\r\n          <LatestTutorials />\r\n      </EuiHideFor>\r\n      <EuiHideFor sizes={['xs', 's']}>\r\n          <EuiFlexGroup gutterSize=\"l\" direction=\"row\" style={{margin: '0 7px'}} >\r\n            <EuiFlexItem>\r\n              <EuiFlexGroup>\r\n                <EuiFlexItem>\r\n                  <EuiTitle size=\"s\">\r\n                      <h3>Aktuelle Artikel</h3>\r\n                  </EuiTitle>\r\n                  <EuiHorizontalRule margin=\"l\" />\r\n                  <EuiFlexGroup>\r\n                    <LatestTutorials />\r\n                  </EuiFlexGroup>\r\n              </EuiFlexItem>\r\n              </EuiFlexGroup>\r\n            </EuiFlexItem>\r\n            <EuiFlexItem>\r\n              <EuiTitle size=\"s\">\r\n                  <h3>Aktuelle FAQs</h3>\r\n              </EuiTitle>\r\n              <EuiHorizontalRule margin=\"l\" />\r\n              <EuiFlexGroup>\r\n                <LatestFAQs />\r\n              </EuiFlexGroup>\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiHideFor>\r\n  </React.Fragment>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/QI_SearchThumb_WebUI_720p-32ef50a2626ef951d99bad8126a50ae9.webp\";","export default __webpack_public_path__ + \"static/QI_SearchThumb_WebUI_1080p-e80eba820f42cfdde0b4c3e79f7da1d6.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_P2P_CamLive-ff6310fc7fd361455353453dc34398a1.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_IP_Cam_Viewer-f0ca7539aeac98a5b2c97f83b42bf67c.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_iSpy_Connect-0140354308c6471622a5fa9cc8083694.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_YAW_Cam-8f7416af8088181ef2e7f8d06df14030.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_P2P_Client-d031171a49858c38570c36b998d7712d.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_CCTV-775004b5e13064d9ff44b1db6d86653f.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_Blue_Iris-7873bd00fa3897a477a1266afd9bc334.webp\";","export default __webpack_public_path__ + \"static/AU_SearchThumb_Loxone-214890152ec1c8adefdf57ad0c66428a.webp\";","export default __webpack_public_path__ + \"static/AU_SearchThumb_Homematic-14eefdc23fe4aff559ea8fa23369bcd4.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_Homey-56a9eb6ed509cfbf9fcb7ddab705c249.webp\";","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiButton,\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem\r\n} from '@elastic/eui'\r\n\r\nimport webUI720SearchIcon from '../../../../images/Search/QI_SearchThumb_WebUI_720p.webp'\r\nimport webUI1080SearchIcon from '../../../../images/Search/QI_SearchThumb_WebUI_1080p.webp'\r\nimport p2pcamliveiOSSearchIcon from '../../../../images/Search/P_SearchThumb_P2P_CamLive.webp'\r\nimport ipcamviewerAndroidSearchIcon from '../../../../images/Search/P_SearchThumb_IP_Cam_Viewer.webp'\r\nimport ispyWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_iSpy_Connect.webp'\r\nimport yawWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_YAW_Cam.webp'\r\nimport p2pClientWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_P2P_Client.webp'\r\nimport cctvExtensionSearchIcon from '../../../../images/Search/P_SearchThumb_CCTV.webp'\r\nimport blueIris3WindowsSearchIcon from '../../../../images/Search/P_SearchThumb_Blue_Iris.webp'\r\nimport loxoneSearchIcon from '../../../../images/Search/AU_SearchThumb_Loxone.webp'\r\nimport homematicSearchIcon from '../../../../images/Search/AU_SearchThumb_Homematic.webp'\r\nimport homeySearchIcon from '../../../../images/Search/P_SearchThumb_Homey.webp'\r\n\r\nexport default function LatestArticle() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={webUI720SearchIcon}\r\n                    alt=\"INSTAR IP Cameras Web User Interface\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Netzwerk Menü // P2P\"\r\n              description=\"Der P2P-Zugang ermöglicht Ihnen den Zugriff auf den Live-Videostream Ihrer Kamera über unsere iOS- oder Android-App. Scannen Sie einfach den P2P-QR-Code mit unserer App und bestätigen Sie die Einstellungen - fertig! Bitte beachten Sie, dass der QR-Code zwar...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Web_User_Interface/720p_Serie/Netzwerk/P2P/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={webUI1080SearchIcon}\r\n                    alt=\"Network Menu // ONVIF\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Netzwerk Menü // ONVIF\"\r\n              description=\"Die Überwachungsindustrie hat ein offenes Standardprotokoll namens ONVIF geschaffen, mit dem Kameras untereinander und mit Netzwerkaufzeichnungsgeräten kommunizieren können. Sie können dieses Protokoll aktivieren oder deaktivieren...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Web_User_Interface/1080p_Serie/Netzwerk/ONVIF/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={p2pcamliveiOSSearchIcon}\r\n                    alt=\"iOS Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"P2P iOS Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"P2P Cam Live Um mit der iOS App P2P Cam Live auf Ihre IP-Kamera zugreifen zu können, empfehlen wir Ihnen, zunächst die neueste Version aus dem App Store herunterzuladen. Verwenden Sie die Suchbegriffe P2PCam Live, um unsere App ...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/iOS/P2P_Cam_Live/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={ipcamviewerAndroidSearchIcon}\r\n                    alt=\"Android Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Android Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"IP Cam Viewer Um mit der Android-App IP Cam Viewer auf Ihre IP-Kamera zuzugreifen, empfehlen wir Ihnen, zunächst die neueste Version aus dem App-Markt herunterzuladen. Verwenden Sie den Suchbegriff IP Cam Viewer, um unsere App zu finden...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Android/IP_Cam_Viewer/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={ispyWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Windows-Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"iSpy Connect iSpy nutzt Ihre Kameras, Webcams, IP-Cams und Mikrofone, um Bewegungen oder Geräusche zu erkennen und aufzuzeichnen. Erfasste Medien werden zu Flash-Video oder mp4 komprimiert und sicher über das Web und...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/iSpy/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={yawWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Windows-Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"Noch ein Webcam-Viewer Noch eine Webcam-Software? Vielleicht. Aber Yawcam liefert einen Schlag in einem kleinen Paket. Yawcam ist eine Webcam-Software für Windows, geschrieben in Java. Die wichtigsten Ideen für Yawcam sind,...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/YAW_Cam/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={p2pClientWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Windows-Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"P2P-Client Das in unserer HD-Kamera-Linie integrierte Point-2-Point-Protokoll (nicht verfügbar für VGA-Modelle) ermöglicht es Ihnen, eine Verbindung zu Ihrer Kamera aus dem Internet herzustellen, ohne dass eine Port-Weiterleitungsregel erforderlich ist...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/P2P_Client/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={cctvExtensionSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Windows-Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"CCTV Browser Plugin Diese Google Chrome / Opera-Erweiterung ermöglicht es Ihnen, bis zu 16 IP-Kameras oder Webcam-URLs zu definieren. Jedes Mal, wenn die Schaltfläche in der Symbolleiste angeklickt wird, wird eine aktualisierte Version des Bildes angezeigt...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/CCTV_Chrome_Plugin/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIris3WindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Windows-Software für Ihre INSTAR IP-Kamera\"\r\n              description=\"Blue Iris Verwenden Sie bis zu 64 Kameras, nehmen Sie JPEG-Schnappschüsse oder Filme in den Standard-Dateiformaten MP4, AVI, Advanced DVR oder Windows Media auf. Behalten Sie Ihr Zuhause, Ihren Arbeitsplatz, Ihre Autos und Wertgegenstände im Auge...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={loxoneSearchIcon}\r\n                    alt=\"Loxone for INSTAR Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Loxone\"\r\n              description=\"Homeautomation Miniserver Installation der Miniserver Smart Home App und WebUI Steuerung der INSTAR IP-Kamera über den Loxone Miniserver Beispiel 1: Auslösen eines Alarms Beispiel 2: Anfahren einer gespeicherten Position D...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Loxone_Miniserver/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={homematicSearchIcon}\r\n                    alt=\"Homematic CCU3 Hub\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Homematic CCU3 Hub\"\r\n              description=\"Zeitgesteuerte Kameraoperationen Installieren des CUx-Daemons Erstellen einer virtuellen Schaltfläche Erstellen des Programms Verwenden der Homematic CCU3 als Alarmserver für unsere Kamera Einrichten einer Systemvariablenkonfiguration...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Homematic_IP/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={homeySearchIcon}\r\n                    alt=\"Homey Smarthome Gateway\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Homey Smarthome Gateway\"\r\n              description=\"Hinzufügen Ihrer Kameras Schnappschuss Steuern Sie Ihre Kamera manuell Benachrichtigen Sie Homey, wenn der Kamera-Alarm ausgelöst wird (Alarmserver) Verwenden Sie Zigbee/Z-Wave-Sensoren zur Steuerung Ihrer Kamera Zeitgesteuerte Kamera ...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Athom_Homey/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiButton,\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem\r\n} from '@elastic/eui'\r\n\r\nimport webUI720SearchIcon from '../../../../images/Search/QI_SearchThumb_WebUI_720p.webp'\r\nimport webUI1080SearchIcon from '../../../../images/Search/QI_SearchThumb_WebUI_1080p.webp'\r\nimport p2pcamliveiOSSearchIcon from '../../../../images/Search/P_SearchThumb_P2P_CamLive.webp'\r\nimport ipcamviewerAndroidSearchIcon from '../../../../images/Search/P_SearchThumb_IP_Cam_Viewer.webp'\r\nimport ispyWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_iSpy_Connect.webp'\r\nimport yawWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_YAW_Cam.webp'\r\nimport p2pClientWindowsSearchIcon from '../../../../images/Search/P_SearchThumb_P2P_Client.webp'\r\nimport cctvExtensionSearchIcon from '../../../../images/Search/P_SearchThumb_CCTV.webp'\r\nimport blueIris3WindowsSearchIcon from '../../../../images/Search/P_SearchThumb_Blue_Iris.webp'\r\nimport loxoneSearchIcon from '../../../../images/Search/AU_SearchThumb_Loxone.webp'\r\nimport homematicSearchIcon from '../../../../images/Search/AU_SearchThumb_Homematic.webp'\r\nimport homeySearchIcon from '../../../../images/Search/P_SearchThumb_Homey.webp'\r\n\r\nexport default function LatestArticle() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={webUI720SearchIcon}\r\n                    alt=\"INSTAR IP Cameras Web User Interface\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"P2P Menü\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Web_User_Interface/720p_Serie/Netzwerk/P2P/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={webUI1080SearchIcon}\r\n                    alt=\"Netzwerk Menü // ONVIF\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"ONVIF Menu\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Web_User_Interface/1080p_Serie/Netzwerk/ONVIF/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={p2pcamliveiOSSearchIcon}\r\n                    alt=\"iOS Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"P2P Cam Live\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/iOS/P2P_Cam_Live/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={ipcamviewerAndroidSearchIcon}\r\n                    alt=\"Android Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"IP Cam Viewer\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Android/IP_Cam_Viewer/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={ispyWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"iSpy Connect\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/iSpy/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={yawWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Yet Another Webcam Viewer\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/YAW_Cam/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={p2pClientWindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"P2P Client\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/P2P_Client/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={cctvExtensionSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"CCTV Browser\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/CCTV_Chrome_Plugin/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIris3WindowsSearchIcon}\r\n                    alt=\"Windows Software for your INSTAR IP Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Blue Iris v5\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={loxoneSearchIcon}\r\n                    alt=\"Loxone for INSTAR Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Loxone\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Loxone_Miniserver/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Lesen\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={homematicSearchIcon}\r\n                    alt=\"Homematic CCU3 Hub\"\r\n                  />\r\n                </div>\r\n              }\r\n            title=\"Homematic\"\r\n            footer={\r\n              <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                <Link to=\"/Software/Andere_Plattform/Homematic_IP/\">\r\n                  <EuiFlexItem grow={false}>\r\n                    <EuiButton size=\"s\" fill>\r\n                      Lesen\r\n                    </EuiButton>\r\n                    <EuiSpacer size=\"s\" />\r\n                  </EuiFlexItem>\r\n                </Link>\r\n              </EuiFlexGroup>\r\n            }\r\n          />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n          <EuiCard\r\n            textAlign=\"left\"\r\n            image={\r\n              <div>\r\n                <img\r\n                  src={homeySearchIcon}\r\n                  alt=\"Homey Smarthome Gateway\"\r\n                />\r\n              </div>\r\n            }\r\n            title=\"Homey\"\r\n            footer={\r\n              <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                <Link to=\"/Software/Andere_Plattform/Athom_Homey/\">\r\n                  <EuiFlexItem grow={false}>\r\n                    <EuiButton size=\"s\" fill>\r\n                      Lesen\r\n                    </EuiButton>\r\n                    <EuiSpacer size=\"s\" />\r\n                  </EuiFlexItem>\r\n                </Link>\r\n              </EuiFlexGroup>\r\n            }\r\n          />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n    </React.Fragment>\r\n  );\r\n}","import React from 'react'\r\n\r\nimport {\r\n  EuiTitle,\r\n  EuiSpacer,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiHorizontalRule,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nimport PopularCards from './Popular/IntroPopularArticles'\r\nimport PopularCardsMobile from './Popular/IntroPopularArticles_mobile'\r\n\r\nexport default function IntroHome() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiSpacer />\r\n        <EuiTitle size=\"s\">\r\n            <h3>Populäre Artikel</h3>\r\n        </EuiTitle>\r\n        <EuiHorizontalRule margin=\"xs\" />\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"column\" style={{margin: '0 7px'}} >\r\n          <EuiFlexItem>\r\n            <EuiHideFor sizes={['xs', 's', 'm', 'l']}>\r\n              <PopularCards />\r\n            </EuiHideFor>\r\n            <EuiHideFor sizes={['xl']}>\r\n              <PopularCardsMobile />\r\n            </EuiHideFor>\r\n          </EuiFlexItem>\r\n    </EuiFlexGroup>\r\n  </React.Fragment>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/AU_SearchThumb_OpenHAB-63b58988b5e3781c1feb31a3d0772ca5.webp\";","export default __webpack_public_path__ + \"static/AU_SearchThumb_Node-RED-1d0981b4e03fe8860bf1bbba17fc9f30.webp\";","export default __webpack_public_path__ + \"static/FAQ_SearchThumb-f1a0f0cbf58634791e29ba9a5b6e1b15.webp\";","export default __webpack_public_path__ + \"static/P_SearchThumb_Lupus_XT2-56499ca3ab538952c33afecf64a3857e.webp\";","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiButton,\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem\r\n} from '@elastic/eui'\r\n\r\n\r\nimport openHabSearchIcon from '../../../../images/Search/AU_SearchThumb_OpenHAB.webp'\r\nimport blueIrisSearchIcon from '../../../../images/Search/P_SearchThumb_Blue_Iris.webp'\r\nimport nodeRedSearchIcon from '../../../../images/Search/AU_SearchThumb_Node-RED.webp'\r\nimport faqSearchIcon from '../../../../images/Search/FAQ_SearchThumb.webp'\r\nimport lupusSearchIcon from '../../../../images/Search/P_SearchThumb_Lupus_XT2.webp'\r\n\r\nexport default function LatestArticle() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 Camera Widget\"\r\n              description=\"Erstellen Sie Ihre Kamera Erstellen Sie die Widget-Vorlage Erstellen Sie Ihre Kamera Zunächst müssen wir unsere Kamera als Gerät hinzufügen. Gehen Sie dazu zu Einstellungen und klicken Sie auf Modell: Klicken Sie auf Create Equipment from Thing:...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_Camera_Widget/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris v5 and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris v5 als HTTP Alarmserver\"\r\n              description=\"F: Ich sehe keine ONVIF-Trigger-Ereignisse von der Kamera zum BlueIris Server. Die Trigger werden auf der Kamera ausgelöst, Bilder werden auf der SD-Karte gespeichert, aber der Server bekommt nur den Video-/Audio-Stream ...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/BlueIris_v5_http_alarmserver/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 Home Automation in Docker\"\r\n              description=\"Ziehen des Docker-Images Vorbereiten des Systems Ausführen des Containers Automatisieren der Docker-Einrichtung mit Ansible Wartung Aufräumen, wenn etwas schief geht OpenHAB CLI Ziehen des Docker-Images Das OpenHAB 3 ...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_in_Docker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 INSTAR Camera Binding\"\r\n              description=\"Hinzufügen eines Kamera-Dings Installieren von FFMPEG Hinzufügen eines Schnappschusskanals Kamerasteuerung Hinzufügen eines Kamera-Dings Nach der Installation der Kamerabindung können wir mit dem Hinzufügen unserer Kamera fortfahren. Gehen Sie zu Things und wählen Sie das ...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_Camera_Binding/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB 3 MQTT Binding\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 MQTT Binding\"\r\n              description=\"Konfiguration der MQTT-Bindung MQTT-Client Konfiguration der MQTT-Bindung MQTT-Broker Ich beginne damit, meine INSTAR IP-Kamera als MQTT-Broker zu OpenHAB hinzuzufügen. Der Broker wird wie folgt konfiguriert...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_MQTT_Binding/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris v5 Configure Preset Positions\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris v5 Preset Positions\"\r\n              description=\"F: Hallo, ich habe die Kamera (Firmware 4.2.2.20) über Onvif in Blue Iris (5.3.3.8) eingebunden und möchte die voreingestellten Positionen nutzen. Die PTZ-Steuerung über Blue Iris funktioniert vollständig und mit allen o...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/BlueIris_v5_preset_positions/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={nodeRedSearchIcon}\r\n                    alt=\"Run a INSTAR Node-RED Dashboard in Docker\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Ausführen eines INSTAR Node-RED Dashboards in Docker\"\r\n              description=\"Docker auf Ubuntu 20.04 installieren Node-RED-Konfiguration herunterladen Node-RED in Docker ausführen Dashboard konfigurieren Verwendete Node-RED-Knoten: Docker ist eine Anwendung, die den Prozess der Verwaltung von...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/Node-RED_in_Docker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={nodeRedSearchIcon}\r\n                    alt=\"Node-RED Event Timeline für Ihre MQTT-Kamera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Node-RED Event Timeline für Ihre MQTT-Kamera\"\r\n              description=\"Use Case Verwendete Knoten Node-RED Flow Use Case Sie sitzen vor dem Bildschirm und müssen mit Ihrer MQTT-Kamera im Auge behalten, was irgendwo passiert. Sie möchten das Live-Video von...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/Node-RED_Alarm_Event_Timeline/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT with Home Assistant\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris MQTT with Home Assistant\"\r\n              description=\"MQTT Alarmserver Controlling BlueIris with MQTT Adding the Live Video MQTT Alarmserver We already configured our cameras in BlueIris to send an MQTT update once the software triggers an alarm. In my …\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/Home_Assistant/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT with Node-RED\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris MQTT mit Node-RED\"\r\n              description=\"MQTT Alarmserver Steuerung von BlueIris mit MQTT JSON Flow Export Hinzufügen des Live-Videos zu Ihrem Node-RED Dashboard MQTT Alarmserver Wir haben unsere Kameras in BlueIris bereits so konfiguriert, dass sie ein MQTT-Update senden...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT mit ioBroker\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris MQTT mit ioBroker\"\r\n              description=\"MQTT Alarmserver Steuerung von BlueIris mit MQTT Blockly Script Export MQTT Alarmserver Wir haben BlueIris bereits so eingerichtet, dass es ein MQTT Topic aktualisiert, wenn ein Alarm von unserer Kamera (Kurzname ) ausgelöst wird. Dieses M...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/ioBroker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris and INSTAR MQTT\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris und INSTAR MQTT\"\r\n              description=\"Konfiguration des BlueIris MQTT-Dienstes MQTT-Alarmdienst Steuerung von BlueIris über MQTT-Admin-Befehle Konfiguration des BlueIris MQTT-Dienstes Zur Aktivierung des MQTT-Dienstes geben Sie die BlueIris Software...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/INSTAR_MQTT/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={faqSearchIcon}\r\n                    alt=\"Erstellen einer Kamera-Übersichtsseite in ioBroker Vis über Node-RED\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Erstellen einer Kamera-Übersichtsseite in ioBroker Vis über Node-RED\"\r\n              description=\"Einführung in Node-RED in ioBroker Updates von ioBroker in Node-RED empfangen ioBroker-Objekte über Node-RED UI aktualisieren Datenpunkte erstellen Node-RED Script: Alarmbereiche Node-RED-Skript: Alarmserver...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/ioBroker_INSTAR_Camera_Vis_with_Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={faqSearchIcon}\r\n                    alt=\"Homebridge in Node-RED für Apple Homekit\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Homebridge in Node-RED für Apple Homekit\"\r\n              description=\"F: Im Homebridge-Tutorial wurde gezeigt, wie man Tasten und Schalter zu Homebridge hinzufügt, so dass ich nun in der Lage bin, meine Kamera über Homebridge in meiner Homekit-App auf meinem iPhone zu steuern. Ist es möglich, die...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/Homebridge_in_Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={lupusSearchIcon}\r\n                    alt=\"Lupus XT2 Plus\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Lupus XT2 Plus\"\r\n              description=\"Hinzufügen Ihrer Kameras Live-Video Steuern der Kamera Hinzufügen Ihrer Kameras Live-Video Öffnen Sie im LUPUS XT das Menü Smarthome / Kameras: Und laden Sie die Kameraeinstellungen für die gewünschte Kamera: Kamera...\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Lupus_XT2_Plus/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiButton,\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem\r\n} from '@elastic/eui'\r\n\r\n\r\nimport openHabSearchIcon from '../../../../images/Search/AU_SearchThumb_OpenHAB.webp'\r\nimport blueIrisSearchIcon from '../../../../images/Search/P_SearchThumb_Blue_Iris.webp'\r\nimport nodeRedSearchIcon from '../../../../images/Search/AU_SearchThumb_Node-RED.webp'\r\nimport faqSearchIcon from '../../../../images/Search/FAQ_SearchThumb.webp'\r\nimport lupusSearchIcon from '../../../../images/Search/P_SearchThumb_Lupus_XT2.webp'\r\n\r\nexport default function LatestArticle() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 Camera Widget\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_Camera_Widget/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris v5 and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris v5 Alarmserver\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/BlueIris_v5_http_alarmserver/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 in Docker\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_in_Docker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB and INSTAR IP Cameras\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 Camera\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_Camera_Binding/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={openHabSearchIcon}\r\n                    alt=\"OpenHAB 3 MQTT Binding\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"OpenHAB 3 MQTT\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/OpenHAB_3_MQTT_Binding/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris v5 Configure Preset Positions\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris v5 Presets\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/BlueIris_v5_preset_positions/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={nodeRedSearchIcon}\r\n                    alt=\"Run a INSTAR Node-RED Dashboard in Docker\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Node-RED Dashboard\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/Node-RED_in_Docker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={nodeRedSearchIcon}\r\n                    alt=\"Node-RED Event Timeline for your MQTT Camera\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Node-RED Timeline\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Erweitert/Node-RED_Alarm_Event_Timeline/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT with Home Assistant\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris with Home Assistant\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/Home_Assistant/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT with Node-RED\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris with Node-RED\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris MQTT with ioBroker\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris with ioBroker\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/ioBroker/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={blueIrisSearchIcon}\r\n                    alt=\"BlueIris and INSTAR MQTT\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"BlueIris MQTT\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Windows/Blue_Iris_v5/INSTAR_MQTT/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={faqSearchIcon}\r\n                    alt=\"Create a camera overview page in ioBroker Vis via Node-RED\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"ioBroker Vis via Node-RED\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/ioBroker_INSTAR_Camera_Vis_with_Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={faqSearchIcon}\r\n                    alt=\"Homebridge in Node-RED for Apple Homekit\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Homebridge in Node-RED\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Frequently_Asked_Question/Homebridge_in_Node-RED/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n\r\n      <EuiSpacer />\r\n\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <div>\r\n                  <img\r\n                    src={lupusSearchIcon}\r\n                    alt=\"Lupus XT2 Plus\"\r\n                  />\r\n                </div>\r\n              }\r\n              title=\"Lupus XT2 Plus\"\r\n              footer={\r\n                <EuiFlexGroup justifyContent=\"flexEnd\">\r\n                  <Link to=\"/Software/Andere_Plattform/Lupus_XT2_Plus/\">\r\n                    <EuiFlexItem grow={false}>\r\n                      <EuiButton size=\"s\" fill>\r\n                        Read\r\n                      </EuiButton>\r\n                      <EuiSpacer size=\"s\" />\r\n                    </EuiFlexItem>\r\n                  </Link>\r\n                </EuiFlexGroup>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n      </EuiFlexItem>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\n\r\nimport {\r\n  EuiTitle,\r\n  EuiSpacer,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiHorizontalRule,\r\n  EuiHideFor\r\n} from '@elastic/eui'\r\n\r\nimport SmarthomeCards from './Smarthome/IntroSmarthomeArticles'\r\nimport SmarthomeCardsMobile from './Smarthome/IntroSmarthomeArticles_mobile'\r\n\r\nexport default function IntroHome() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <EuiSpacer />\r\n        <EuiTitle size=\"s\">\r\n            <h3>Smarthome Artikel</h3>\r\n        </EuiTitle>\r\n        <EuiHorizontalRule margin=\"xs\" />\r\n      <EuiFlexGroup gutterSize=\"l\" direction=\"column\" style={{margin: '0 7px'}} >\r\n        <EuiFlexItem>\r\n          <EuiHideFor sizes={['xs', 's', 'm', 'l']}>\r\n            <SmarthomeCards />\r\n          </EuiHideFor>\r\n          <EuiHideFor sizes={['xl']}>\r\n            <SmarthomeCardsMobile />\r\n          </EuiHideFor>\r\n        </EuiFlexItem>\r\n    </EuiFlexGroup>\r\n  </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport { Link } from \"gatsby\"\r\n\r\nimport {\r\n  EuiIcon,\r\n  EuiTabbedContent\r\n} from '@elastic/eui'\r\n\r\nimport IntroHome from 'components/Index/Frontpage/IntroHome'\r\nimport IntroLatest from 'components/Index/Frontpage/IntroLatest'\r\nimport IntroPopular from 'components/Index/Frontpage/IntroPopular'\r\nimport IntroSmarthome from 'components/Index/Frontpage/IntroSmarthome'\r\n\r\nimport SEOHelmet from 'components/Layout/SEOHelmet'\r\nimport BreadCrumbs from 'components/Layout/BreadCrumbs'\r\n\r\n\r\nconst seodata = {\r\n  title: 'INSTAR Wiki :: Wissensdatenbank für IP Kameras und Hausautomatisierung',\r\n  description: 'Fragen zu Ihren Kameras, der Netzwerktechnik oder der Smart-System-Integration? Hier bieten wir fachkundige Anleitungen rund um IP Kameras und smarte Integrationsmöglichkeiten an.',\r\n  image: '/images/Search/QI_SearchThumb_SetupWizard.png',\r\n  twitter: '/images/Search/QI_SearchThumb_SetupWizard.webp',\r\n  locationEN: 'https://wiki.instar.com/en/',\r\n  locationDE: 'https://wiki.instar.com/de/',\r\n  locationFR: 'https://wiki.instar.com/fr/'\r\n}\r\n\r\n\r\nexport default function FrontGrid(props) {\r\n    const tabs = [\r\n      {\r\n        id: 'home--id',\r\n        name: (\r\n          <span>\r\n            <EuiIcon type=\"home\" />\r\n            &nbsp;Home\r\n          </span>\r\n        ),\r\n        content: (\r\n          <IntroHome />\r\n        ),\r\n      },\r\n      {\r\n        id: 'latest--id',\r\n        name: (\r\n          <span>\r\n            <EuiIcon type=\"heatmap\" />\r\n            &nbsp;Aktuell\r\n          </span>\r\n        ),\r\n        content: (\r\n          <IntroLatest />\r\n        ),\r\n      },\r\n      {\r\n        id: 'popular--id',\r\n        name: (\r\n          <span>\r\n            <EuiIcon type=\"cheer\" />\r\n            &nbsp;Populär\r\n          </span>\r\n        ),\r\n        content: (\r\n          <React.Fragment>\r\n            <IntroPopular />\r\n          </React.Fragment>\r\n        ),\r\n      },\r\n      {\r\n        id: 'smarthome--id',\r\n        name: (\r\n          <span>\r\n            <EuiIcon type=\"indexMapping\" />\r\n            &nbsp;Smarthome\r\n          </span>\r\n        ),\r\n        content: (\r\n          <React.Fragment>\r\n            <IntroSmarthome />\r\n          </React.Fragment>\r\n        ),\r\n      },\r\n      {\r\n        id: 'search_link',\r\n        name: (\r\n          <Link to=\"/Search/\">\r\n            <span>\r\n              <EuiIcon type=\"search\" />\r\n              &nbsp;Erweiterte Suche\r\n            </span>\r\n          </Link>\r\n        ),\r\n        content: (\r\n          <React.Fragment>\r\n            <div></div>\r\n          </React.Fragment>\r\n        ),\r\n        disabled: false,\r\n      },\r\n    ];\r\n\r\n  return (\r\n    <React.Fragment>\r\n\r\n        <SEOHelmet\r\n          title={seodata.title}\r\n          description={seodata.description}\r\n          image={seodata.image}\r\n          location={props.location.pathname} />\r\n\r\n        <BreadCrumbs\r\n            locationBC={props.location}\r\n            locationDE={props.location.pathname}\r\n            locationEN='/en/'\r\n            locationFR='/fr/'\r\n            crumbLabel=\"Home\" />\r\n\r\n        <EuiTabbedContent\r\n          tabs={tabs}\r\n          initialSelectedTab={tabs[0]}\r\n          autoFocus=\"selected\"\r\n          style={{ padding: 10 }}\r\n        />\r\n\r\n    </React.Fragment>\r\n  );\r\n}"],"names":["_typeof","obj","Symbol","iterator","constructor","prototype","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","sourceKeys","indexOf","_objectWithoutPropertiesLoose","sourceSymbolKeys","propertyIsEnumerable","_defineProperties","props","descriptor","configurable","writable","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Date","toString","e","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","getPrototypeOf","value","EuiTabbedContent","_Component","subClass","superClass","TypeError","create","_inherits","Constructor","protoProps","staticProps","_super","_this","instance","_classCallCheck","createRef","tabsRef","current","querySelector","concat","state","selectedTabId","focus","inFocus","autoFocus","setState","focusTab","blurEvent","currentTarget","relatedTarget","contains","selectedTab","_this$props","onTabClick","externalSelectedTab","id","initialSelectedTab","_selectedTab","tabs","addEventListener","removeFocus","removeEventListener","_this2","_this$props2","className","display","expand","size","rest","find","tab","_ref","selectedTabContent","content","ref","onFocus","initializeFocus","map","name","onClick","isSelected","rootId","role","Component","InstallationGrid","color","Link","to","type","MotionGrid","RemoteGrid","DeveloperGrid","ProductsGrid","SoftwareGrid","PopularGrid","PANEL_STYLE","boxShadow","data","useStaticQuery","gutterSize","direction","style","margin","allMdx","edges","node","frontmatter","path","paddingSize","hasBorder","hasShadow","wrap","sizes","maxWidth","src","toc","alt","title","grow","dateChanged","IntroHome","ITEM_STYLE","padding","timeToRead","LatestArticle","textAlign","image","webUI720SearchIcon","description","footer","justifyContent","fill","webUI1080SearchIcon","p2pcamliveiOSSearchIcon","ipcamviewerAndroidSearchIcon","ispyWindowsSearchIcon","yawWindowsSearchIcon","p2pClientWindowsSearchIcon","cctvExtensionSearchIcon","blueIris3WindowsSearchIcon","loxoneSearchIcon","homematicSearchIcon","homeySearchIcon","openHabSearchIcon","blueIrisSearchIcon","nodeRedSearchIcon","faqSearchIcon","lupusSearchIcon","seodata","FrontGrid","disabled","SEOHelmet","location","pathname","BreadCrumbs","locationBC","locationDE","locationEN","locationFR","crumbLabel"],"sourceRoot":""}