diff --git a/public/css/style.css b/public/css/style.css
index c5f60ec6fce6b591e57fd4b053b76aab3ffdf9fc..26d992c8b1a45dde505802acde93e0b7f04b4fa4 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -65,4 +65,10 @@ nav #proxy-advertisement .ad-marker {
border: 0;
width: 100%;
height: calc(100% - 110px);
+}
+
+.content-container {
+ border-radius: 7px;
+ margin-top: 50px;
+ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
\ No newline at end of file
diff --git a/resources/views/ProxyPage.blade.php b/resources/views/ProxyPage.blade.php
index 75189b24e72c67b2a8ad106f8565142cd278a4af..f719bf15ea56df3e8b63a7b22e13bb7df02188cf 100644
--- a/resources/views/ProxyPage.blade.php
+++ b/resources/views/ProxyPage.blade.php
@@ -1,55 +1,19 @@
-<html>
- <head>
- <meta charset="utf-8" />
- <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
- <link href="/css/style.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <nav>
- <div class="container-fluid">
- <div class="row">
- <div id="proxy-logo" class="visible-lg col-lg-2">
- <a href="https://metager.de">
- <img src="/img/mglogo_klein.png" />
- </a>
- </div>
- <div id="proxy-text" class="col-xs-6 col-lg-5">
- <ul class="list-unstyled">
- <li><nobr>MetaGer/SUMA-EV Proxy (Beta): Anonymisiert & verschlüsselt.</nobr> <nobr>SUMA-EV ist weder Eigentümer noch Urheber von Inhalten.</nobr></li>
- <li>Skripte sind deaktiviert. Webseiten-Darstellung kann verändert sein.</li>
- <li><a href="{!!$targetUrl!!}" class="btn btn-danger btn-xs">Proxy ausschalten</a></li>
- </ul>
- </div>
- <div id="proxy-advertisement" class="col-xs-6 col-lg-5">
- <a href="http://metager.to/k25u0" target="_blank">
- <span class="ad-marker">Anzeige</span>
- <p class="heading">Samsung Galaxy S7 im Preisvergleich</p>
- <p class="url">www.idealo.de/preisvergleich/samsung-galaxy-s7/</p>
- <p class="line">Jetzt Samsung Galaxy S7 ohne Vertrag zum günstigsten Preis finden!</p>
- <p class="line">Große Shopvielfalt, Testberichte & Meinungen. Jetzt auf idealo.de</p>
- </a>
+@extends('layouts.app')
- </div>
- </div>
- </div>
- </nav>
- <div class ="container-fluid">
- </div>
- <iframe
- id="site-proxy-iframe"
- src="{!!$iframeUrl!!}"
- sandbox="
- allow-forms
- allow-popups
- allow-top-navigation
- allow-same-origin
- allow-scripts
- "
- >
+@section('content')
+<div class ="container-fluid">
+</div>
+<iframe
+ id="site-proxy-iframe"
+ src="{!!$iframeUrl!!}"
+ sandbox="
+ allow-forms
+ allow-popups
+ allow-top-navigation
+ allow-same-origin
+ allow-scripts
+ "
+>
- </iframe>
- <script src="/js/jquery.min.js"></script>
- <script src="/js/bootstrap.min.js"></script>
- <script src="/js/script.js"></script>
- </body>
-</html>
+</iframe>
+@endsection
diff --git a/resources/views/errors/405.blade.php b/resources/views/errors/405.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b1346932623c173b0a75fbace83a028be0532fd5
--- /dev/null
+++ b/resources/views/errors/405.blade.php
@@ -0,0 +1,19 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container content-container">
+ <h1>Aktion nicht erlaubt!</h1>
+ <p>
+ Sie haben versucht, eine Aktion durchzuführen, die unser Proxy aktiv nicht unterstützt. Der Grund hierfür ist, dass dadurch häufig private Daten übertragen werden (z.B. bei einem Login auf einer Webseite).
+ </p>
+ <p>
+ Würden wir dies unterstützen, wären Ihre Daten vor der aufgerufenen Webseite nicht mehr sicher, da diese aktiv mitgeteilt werden würden.
+ </p>
+ <p>
+ <ul>
+ <li>Wenn Sie die gewünschte Aktion trotzdem durchführen möchten, navigieren Sie bitte zurück zur entsprechenden Seite und schalten unseren Proxy vor dem Übermitteln der Daten aus. Alternativ können Sie die gewünschte Seite auch direkt in einem neuen Tab aufrufen.</li>
+ </li>
+ </ul>
+ </p>
+</div>
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..db72a535a4ec327585c955c87132acad28896eb7
--- /dev/null
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,45 @@
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+ <link href="/css/style.css" rel="stylesheet" type="text/css" />
+ </head>
+ <body>
+ <nav>
+ <div class="container-fluid">
+ <div class="row">
+ <div id="proxy-logo" class="visible-lg col-lg-2">
+ <a href="https://metager.de">
+ <img src="/img/mglogo_klein.png" />
+ </a>
+ </div>
+ <div id="proxy-text" class="col-xs-6 col-lg-5">
+ @if(isset($targetUrl))
+ <ul class="list-unstyled">
+ <li><nobr>MetaGer/SUMA-EV Proxy (Beta): Anonymisiert & verschlüsselt.</nobr> <nobr>SUMA-EV ist weder Eigentümer noch Urheber von Inhalten.</nobr></li>
+ <li>Skripte sind deaktiviert. Webseiten-Darstellung kann verändert sein.</li>
+ <li><a href="{!!$targetUrl!!}" class="btn btn-danger btn-xs">Proxy ausschalten</a></li>
+ </ul>
+ @endif
+ </div>
+ <div id="proxy-advertisement" class="col-xs-6 col-lg-5">
+ <a href="http://metager.to/k25u0" target="_blank">
+ <span class="ad-marker">Anzeige</span>
+ <p class="heading">Samsung Galaxy S7 im Preisvergleich</p>
+ <p class="url">www.idealo.de/preisvergleich/samsung-galaxy-s7/</p>
+ <p class="line">Jetzt Samsung Galaxy S7 ohne Vertrag zum günstigsten Preis finden!</p>
+ <p class="line">Große Shopvielfalt, Testberichte & Meinungen. Jetzt auf idealo.de</p>
+ </a>
+
+ </div>
+ </div>
+ </div>
+ </nav>
+
+ @yield('content')
+
+ <script src="/js/jquery.min.js"></script>
+ <script src="/js/bootstrap.min.js"></script>
+ <script src="/js/script.js"></script>
+ </body>
+</html>