embed-removed.blade.php 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="mobile-web-app-capable" content="yes">
  8. <title>Pixelfed | 404 Embed Not Found</title>
  9. <meta property="og:site_name" content="{{ config('app.name', 'pixelfed') }}">
  10. <meta property="og:title" content="{{ $title ?? config('app.name', 'pixelfed') }}">
  11. <meta name="medium" content="image">
  12. <meta name="theme-color" content="#10c5f8">
  13. <meta name="apple-mobile-web-app-capable" content="yes">
  14. <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
  15. <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
  16. <link href="{{ mix('css/app.css') }}" rel="stylesheet">
  17. <style type="text/css">
  18. .embed-card {
  19. display: flex;
  20. align-items: center;
  21. justify-content: center;
  22. width: 100vw;
  23. height: 100vh;
  24. min-height: 573px;
  25. background: #fff !important;
  26. margin: 0;
  27. padding-bottom: 0;
  28. }
  29. .status-card-embed {
  30. box-shadow: none;
  31. border-radius: 4px;
  32. overflow: hidden;
  33. }
  34. </style>
  35. </head>
  36. <body class="bg-white">
  37. <div class="embed-card border">
  38. <div class="card status-card-embed card-md-rounded-0 card-body shadow-none rounded-0">
  39. <div class="text-center p-5">
  40. <img src="/img/pixelfed-icon-color.svg" width="40px" height="40px">
  41. <p class="h2 py-3 font-weight-bold">Pixelfed</p>
  42. <p style="font-size:14px;font-weight: 500;" class="p-2">The link to this photo or video may be broken, or the post may have been removed.</p>
  43. <p><a href="{{config('app.url')}}" class="font-weight-bold" target="_blank">Visit Pixelfed</a></p>
  44. </div>
  45. </div>
  46. </div>
  47. <script type="text/javascript">window.addEventListener("message",e=>{const t=e.data||{};window.parent&&"setHeight"===t.type&&window.parent.postMessage({type:"setHeight",id:t.id,height:document.getElementsByTagName("html")[0].scrollHeight},"*")});</script>
  48. </body>
  49. </html>