API tools faq
paste
Advertisement
Drazzilb

Untitled

Drazzilb
Feb 23rd, 2020
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7. <style type="text/css">
  8. #content-desktop {display: block;}
  9. #content-mobile {display: none;}
  10.  
  11.  
  12. @media screen and (max-width: 768px) {
  13.  
  14. #content-desktop {
  15. display: none;
  16. }
  17. #content-mobile {
  18. display: block;
  19. }
  20.  
  21. }
  22. .cbutton {
  23. border-radius: 15px;
  24. border: 2px solid;
  25. border-color: #4d4d4d;
  26. padding: 0px;
  27. width: auto;
  28. height: auto;
  29. background-color: #4d4d4d;
  30. position: relative;
  31. text-align: center;
  32.  
  33. }
  34. .cbutton:hover { opacity: .75; }
  35. .cbuttontitle { color: #fff; }
  36. .flex {
  37. display: flex;
  38. flex-wrap: wrap;
  39. flex-direction: row;
  40. align-items: center;
  41. background: transparent;
  42. box-shadow: none !important;
  43. transition: all .4s ease-in-out;
  44. cursor: pointer;
  45. justify-content:space-evenly;
  46. }
  47. .flex-map{
  48. padding: 2px;
  49. flex-grow: 1;
  50. flex-basis: auto;
  51. height:300px;
  52. }
  53. .flex-forcast{
  54. padding:2px;
  55. flex-basis:auto;
  56. flex-grow:1;
  57. height:300px;
  58. pointer-events:none;
  59.  
  60. }
  61. .flex-moon{
  62. padding:2px;
  63. flex-basis:auto;
  64. height:300px;
  65. width:190px;
  66. pointer-events:none;
  67. }
  68. .flex-clock{
  69. padding:2px;
  70. flex-basis:auto;
  71. width:227px;
  72. pointer-events:none;
  73.  
  74. }
  75. /* -------------------Small widget------------------- */
  76. .flex-child { padding: 2px; flex-grow: 1; flex-basis: 0;}
  77. #grafanadwidget { position: relative; height: calc(85px); width: calc(100%);}
  78. /* -------------------Small widget------------------- */
  79.  
  80. /* -------------------Big widget------------------- */
  81. .flex-child-big { padding: 2px; flex-grow: 1; flex-basis: 0;}
  82. #grafanadwidget-big { position: relative; height: calc(250px); width: calc(100%);}
  83. /* -------------------Big widget------------------- */
  84.  
  85. /* -------------------iFrame Link------------------- */
  86. .iframe-link { z-index:1; position:absolute; height: calc(80px); width: calc(100%); background-color: transparent; cursor: pointer}
  87. /* -------------------iFrame Link------------------- */
  88.  
  89. #grafanadwidget-weather {
  90. position: relative;
  91. height: calc(300px);
  92. width: calc(100%);
  93. }
  94. #clock {
  95. position: relative;
  96. height: calc(75px);
  97. width: calc(100%);
  98. }
  99. #announcementRow {
  100. background-color:transparent !important;
  101. }
  102. #announcementRow>{
  103. padding-left: 15px;
  104. font-family: Rubik,sans-serif;
  105. margin: 10px 0;
  106. font-weight: 300 !important;
  107. line-height: 22px;
  108. font-size: 18px;
  109. color: #dce2ec;
  110. }
  111.  
  112. .overflowhider { height: 100%; overflow: hidden;}
  113. @media only screen and (max-width: 650px) {.flex-child-big {flex-basis: auto;min-width: auto !important;}}
  114. @media only screen and (max-width: 1125px) {.flex-child-big {flex-basis: auto;min-width: auto;flex-basis: fit-content;}}
  115. @media only screen and (max-width: 1400px) {.flex-child {flex-basis: auto;}}
  116.  
  117. </style><!-- Buttons -->
  118.  
  119. </head>
  120.  
  121. <body>
  122. <div class="row">
  123. <!-- SPEEDTEST BUTTON -->
  124.  
  125.  
  126. <div class="col-lg-2 col-sm-2">
  127. </div>
  128.  
  129.  
  130. <div class="col-lg-4 col-sm-4">
  131. <div class="panel cbutton">
  132. <a class="inline-popups" data-effect="mfp-zoom-out" href="#speedtest-area">
  133. <div class="waves-effect waves-light btn cbuttontitle">
  134. Test Streaming Speed
  135.  
  136. <div class="pull-right">
  137. <i class="ti-exchange-vertical"></i>
  138. </div>
  139. </div></a>
  140. </div>
  141. </div>
  142. <!-- REQUEST BUTTON -->
  143.  
  144.  
  145. <div class="col-lg-4 col-sm-4">
  146. <div class="panel cbutton">
  147. <a class="inline-popups" data-effect="mfp-zoom-out" href="#new-request">
  148. <div class="waves-effect waves-light btn cbuttontitle">
  149. Request Movie/TV Show
  150.  
  151. <div class="pull-right">
  152. <!--<i class="ti-search"></i>--><!-- themify icon -->
  153. </div>
  154. </div></a>
  155. </div>
  156. </div>
  157.  
  158.  
  159. <div class="col-lg-2 col-sm-2">
  160. </div>
  161. <!-- /.col-lg-4 -->
  162. </div>
  163.  
  164.  
  165. <div id="content-desktop">
  166. <!--====================Announcment Row=======================-->
  167.  
  168.  
  169. <div class="row" id="atannouncementRow">
  170. <h4 class="pull-left"><span>Weather</span>
  171. </h4>
  172.  
  173. <hr class="hidden-xs">
  174. </div>
  175. <!--====================Weather Row=======================-->
  176. <!--============Clock=========-->
  177.  
  178.  
  179. <div class="content-box flex">
  180. <div class="flex-clock" id="flex-clock">
  181. <div class="overflowhider">
  182. <p>
  183. </p>
  184.  
  185.  
  186. <h3>
  187. </h3>
  188.  
  189.  
  190. <center>
  191. <h3>Hawaii</h3>
  192. </center>
  193.  
  194.  
  195. <p>
  196. </p>
  197. <iframe class="iframe" frameborder="0" id="clock" name="clock" scrolling="no" src="https://www.clocklink.com/html5embed.php?clock=008&timezone=HST&color=black&size=227&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=black"></iframe>
  198. </div>
  199. </div>
  200.  
  201.  
  202. <div class="flex-clock" id="flex-clock">
  203. <div class="overflowhider">
  204. <p>
  205. </p>
  206.  
  207.  
  208. <h3>
  209. </h3>
  210.  
  211.  
  212. <center>
  213. <h3>Pacific</h3>
  214. </center>
  215.  
  216.  
  217. <p>
  218. </p>
  219. <iframe class="iframe" frameborder="0" id="clock" name="clock" scrolling="no" src="https://www.clocklink.com/html5embed.php?clock=008&timezone=PST&color=black&size=227&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=black"></iframe>
  220. </div>
  221. </div>
  222.  
  223.  
  224. <div class="flex-clock" id="flex-clock">
  225. <div class="overflowhider">
  226. <p>
  227. </p>
  228.  
  229.  
  230. <h3>
  231. </h3>
  232.  
  233.  
  234. <center>
  235. <h3>Central</h3>
  236. </center>
  237.  
  238.  
  239. <p>
  240. </p>
  241. <iframe class="iframe" frameborder="0" id="clock" name="clock" scrolling="no" src="https://www.clocklink.com/html5embed.php?clock=008&timezone=CST&color=black&size=227&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=black"></iframe>
  242. </div>
  243. </div>
  244. </div>
  245. <!--============Forcast=========-->
  246.  
  247.  
  248. <div class="content-box flex">
  249. <div class="flex-forcast" id="flex-grafanadwidget-weather">
  250. <div class="overflowhider">
  251. <iframe class="iframe" frameborder="0" id="grafanawidget-weather" name="grafanawidget-weather" src="https://grafana.domain.com/d-solo/FHzBRrUZz/test-dashboard?orgId=1&panelId=16"></iframe>
  252. </div>
  253. </div>
  254. <!--============Radar=========-->
  255.  
  256.  
  257. <div class="flex-map" id="flex-grafanadwidget-weather">
  258. <div class="overflowhider">
  259. <iframe allowfullscreen class="iframe" frameborder="0" height="100%" id="grafanawidget-weather" name="grafanawidget-weather" src="https://www.rainviewer.com/map.html?loc=38.356579,-121.987747,7,4&oFa=1&oC=0&oU=0&oCS=1&oF=0&oAP=1&rmt=2&c=1&o=83&lm=1&th=1&sm=1&sn=1" style="border:0;height:100%;" width="100%"></iframe>
  260. </div>
  261. </div>
  262. <!--============Moon Phase=========-->
  263.  
  264.  
  265. <div class="flex-moon" id="flex-grafanadwidget-weather">
  266. <div class="overflowhider">
  267. <iframe class="iframe" frameborder="0" id="grafanawidget-weather" name="grafanawidget-weather" scrolling="no" src="https://in-the-sky.org/widgets/moonphase.php?skin=1" style="border: 0px solid #888; margin-bottom:-150px; overflow: hidden;"></iframe>
  268. </div>
  269. </div>
  270. </div>
  271. <!-- ===================ADD TITLE HERE=================== -->
  272.  
  273.  
  274. <div class="row" id="atannouncementRow">
  275. <h4 class="pull-left"><span></span>
  276. </h4>
  277.  
  278.  
  279. <center>
  280. <h4 class="pull-left">Plex Server Statistics</h4>
  281. </center>
  282.  
  283. <hr class="hidden-xs">
  284. </div>
  285. <!-- ===================SMALL WIDGET START=================== -->
  286.  
  287.  
  288. <div class="content-box flex">
  289. <span><!-- ===================WIDGET=================== --></span>
  290.  
  291. <div class="flex-child" id="flex-grafanadwidget">
  292. <span></span>
  293.  
  294. <div class="overflowhider">
  295. <span><iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=52"><span><span></span></span></iframe></span>
  296. </div>
  297. </div>
  298. <!-- ===================WIDGET=================== -->
  299.  
  300.  
  301. <div class="flex-child" id="flex-grafanadwidget">
  302. <div class="overflowhider">
  303. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&kiosk&panelId=51"></iframe>
  304. </div>
  305. </div>
  306. <!-- ===================WIDGET=================== -->
  307.  
  308.  
  309. <div class="flex-child" id="flex-grafanadwidget">
  310. <div class="overflowhider">
  311. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=47"></iframe>
  312. </div>
  313. </div>
  314. <!-- ===================WIDGET=================== -->
  315.  
  316.  
  317. <div class="flex-child" id="flex-grafanadwidget">
  318. <div class="overflowhider">
  319. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=57"></iframe>
  320. </div>
  321. </div>
  322. <!-- ===================WIDGET=================== -->
  323.  
  324.  
  325. <div class="flex-child" id="flex-grafanadwidget">
  326. <div class="overflowhider">
  327. <iframe class="flex" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=18"></iframe>
  328. </div>
  329. </div>
  330. <!-- ===================WIDGET=================== -->
  331.  
  332.  
  333. <div class="flex-child" id="flex-grafanadwidget">
  334. <div class="overflowhider">
  335. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=75"></iframe>
  336. </div>
  337. </div>
  338. <!-- ===================WIDGET=================== -->
  339.  
  340.  
  341. <div class="flex-child" id="flex-grafanadwidget">
  342. <div class="overflowhider">
  343. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=42"></iframe>
  344. </div>
  345. </div>
  346. <!-- ===================WIDGET=================== -->
  347.  
  348.  
  349. <div class="flex-child" id="flex-grafanadwidget">
  350. <div class="overflowhider">
  351. <iframe class="iframe" frameborder="0" id="grafanadwidget" name="grafanadwidget" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&panelId=40"></iframe>
  352. </div>
  353. </div>
  354. </div>
  355. <!-- ===================SMALL WIDGET END=================== -->
  356. <!-- ===================BIG WIDGET START=================== -->
  357.  
  358.  
  359. <div class="content-box flex">
  360. <!-- ===================BIG WIDGET=================== -->
  361.  
  362.  
  363. <div class="flex-child-big" id="flex-grafanadwidget-big">
  364. <div class="overflowhider">
  365. <iframe class="flex" frameborder="0" id="grafanadwidget-big" name="grafanadwidget-big" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&kiosk&panelId=69"></iframe>
  366. </div>
  367. </div>
  368. <!-- ===================BIG WIDGET=================== -->
  369.  
  370.  
  371. <div class="flex-child-big" id="flex-grafanadwidget-big">
  372. <div class="overflowhider">
  373. <iframe class="iframe" frameborder="0" id="grafanadwidget-big" name="grafanadwidget-big" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&kiosk&panelId=71"></iframe>
  374. </div>
  375. </div>
  376. <!-- ===================BIG WIDGET=================== -->
  377.  
  378.  
  379. <div class="flex-child-big" id="flex-grafanadwidget-big">
  380. <div class="overflowhider">
  381. <iframe class="iframe" frameborder="0" id="grafanadwidget-big" name="grafanadwidget-big" src="https://grafana.domain.com/d-solo/YlkJAIymz/plex-varken-dashboard-unofficial?orgId=1&refresh=5s&kiosk&panelId=22"></iframe>
  382. </div>
  383. </div>
  384. <!-- ===================BIG WIDGET END=================== -->
  385. </div>
  386. </div>
  387. </body>
  388. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!