webcams.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!doctype html>
  2. <html class="no-js" lang="">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <title>Webcams</title>
  7. <meta name="description" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  10. <!-- Place favicon.ico in the root directory -->
  11. <style>
  12. html { background: #999; }
  13. img { border:5px solid black; border-top:0}
  14. .row {
  15. display: flex;
  16. flex-wrap: wrap;
  17. }
  18. /* Create four equal columns that sits next to each other */
  19. .column {
  20. flex: 25%;
  21. max-width: 25%;
  22. }
  23. .column img {
  24. vertical-align: middle;
  25. width: 100%;
  26. }
  27. /* Responsive layout - makes a two column-layout instead of four columns */
  28. @media screen and (max-width: 800px) {
  29. .column {
  30. flex: 50%;
  31. max-width: 50%;
  32. }
  33. }
  34. /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  35. @media screen and (max-width: 600px) {
  36. .column {
  37. flex: 100%;
  38. max-width: 100%;
  39. }
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <!--[if lt IE 8]>
  45. <p class="browserupgrade">
  46. You are using an <strong>outdated</strong> browser. Please
  47. <a href="http://browsehappy.com/">upgrade your browser</a> to improve
  48. your experience.
  49. </p>
  50. <![endif]-->
  51. <div class="row">
  52. <div class="column">
  53. <a href="https://front.see.unbl.ink/stream"><img src="https://front.see.unbl.ink/snapshot"></a>
  54. <a href="https://mail.see.unbl.ink/stream"><img src="https://mail.see.unbl.ink/snapshot"></a>
  55. <a href="https://house.see.unbl.ink/stream"><img src="https://house.see.unbl.ink/snapshot"></a>
  56. </div>
  57. <div class="column">
  58. <a href="https://backyard.see.unbl.ink/stream"><img src="https://backyard.see.unbl.ink/snapshot"></a>
  59. <a href="https://backyard-high.see.unbl.ink/stream"><img src="https://backyard-high.see.unbl.ink/snapshot"></a>
  60. <a href="https://dining.see.unbl.ink/stream"><img src="https://dining.see.unbl.ink/snapshot"></a>
  61. </div>
  62. <div class="column">
  63. <a href="https://basement-low.see.unbl.ink/stream"><img src="https://basement-low.see.unbl.ink/snapshot"></a>
  64. <a href="https://basement.see.unbl.ink/stream"><img src="https://basement.see.unbl.ink/snapshot"></a>
  65. <a href="https://extension.see.unbl.ink/stream"><img src="https://extension.see.unbl.ink/snapshot"></a>
  66. </div>
  67. <div class="column">
  68. <a href="https://table.see.unbl.ink/stream"><img src="https://table.see.unbl.ink/snapshot"></a>
  69. </div>
  70. </body>
  71. </html>