index.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8'>
  5. <meta name='viewport' content='width=device-width, initial-scale=1'>
  6. <title>HTTP Server Test Page powered by: Rocky Linux</title>
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. html {
  10. height: 100%;
  11. width: 100%;
  12. }
  13. body {
  14. background: rgb(20,72,50);
  15. background: -moz-linear-gradient(180deg, rgba(23,43,70,1) 30%, rgba(0,0,0,1) 90%) ;
  16. background: -webkit-linear-gradient(180deg, rgba(23,43,70,1) 30%, rgba(0,0,0,1) 90%) ;
  17. background: linear-gradient(180deg, rgba(23,43,70,1) 30%, rgba(0,0,0,1) 90%);
  18. background-repeat: no-repeat;
  19. background-attachment: fixed;
  20. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c6eb4",endColorstr="#3c95b4",GradientType=1);
  21. color: white;
  22. font-size: 0.9em;
  23. font-weight: 400;
  24. font-family: 'Montserrat', sans-serif;
  25. margin: 0;
  26. padding: 10em 6em 10em 6em;
  27. box-sizing: border-box;
  28. }
  29. h1 {
  30. text-align: center;
  31. margin: 0;
  32. padding: 0.6em 2em 0.4em;
  33. color: #fff;
  34. font-weight: bold;
  35. font-family: 'Montserrat', sans-serif;
  36. font-size: 2em;
  37. }
  38. h1 strong {
  39. font-weight: bolder;
  40. font-family: 'Montserrat', sans-serif;
  41. }
  42. h2 {
  43. font-size: 1.5em;
  44. font-weight:bold;
  45. }
  46. .title {
  47. border: 1px solid black;
  48. font-weight: bold;
  49. position: relative;
  50. float: right;
  51. width: 150px;
  52. text-align: center;
  53. padding: 10px 0 10px 0;
  54. margin-top: 0;
  55. }
  56. .description {
  57. padding: 45px 10px 5px 10px;
  58. clear: right;
  59. padding: 15px;
  60. }
  61. .section {
  62. padding-left: 3%;
  63. margin-bottom: 10px;
  64. }
  65. img {
  66. padding: 2px;
  67. margin: 2px;
  68. }
  69. a:hover img {
  70. padding: 2px;
  71. margin: 2px;
  72. }
  73. :link {
  74. color: rgb(199, 252, 77);
  75. text-shadow:
  76. }
  77. :visited {
  78. color: rgb(122, 206, 255);
  79. }
  80. a:hover {
  81. color: rgb(16, 44, 122);
  82. }
  83. .row {
  84. width: 100%;
  85. padding: 0 10px 0 10px;
  86. }
  87. footer {
  88. padding-top: 6em;
  89. margin-bottom: 6em;
  90. text-align: center;
  91. font-size: xx-small;
  92. overflow:hidden;
  93. clear: both;
  94. }
  95. .summary {
  96. font-size: 140%;
  97. text-align: center;
  98. }
  99. #rocky-poweredby img {
  100. margin-left: -10px;
  101. }
  102. #logos img {
  103. vertical-align: top;
  104. }
  105. /* Desktop View Options */
  106. @media (min-width: 768px) {
  107. body {
  108. padding: 10em 20% !important;
  109. }
  110. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  111. .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  112. float: left;
  113. }
  114. .col-md-1 {
  115. width: 8.33%;
  116. }
  117. .col-md-2 {
  118. width: 16.66%;
  119. }
  120. .col-md-3 {
  121. width: 25%;
  122. }
  123. .col-md-4 {
  124. width: 33%;
  125. }
  126. .col-md-5 {
  127. width: 41.66%;
  128. }
  129. .col-md-6 {
  130. border-left:3px ;
  131. width: 50%;
  132. }
  133. .col-md-7 {
  134. width: 58.33%;
  135. }
  136. .col-md-8 {
  137. width: 66.66%;
  138. }
  139. .col-md-9 {
  140. width: 74.99%;
  141. }
  142. .col-md-10 {
  143. width: 83.33%;
  144. }
  145. .col-md-11 {
  146. width: 91.66%;
  147. }
  148. .col-md-12 {
  149. width: 100%;
  150. }
  151. }
  152. /* Mobile View Options */
  153. @media (max-width: 767px) {
  154. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  155. .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  156. float: left;
  157. }
  158. .col-sm-1 {
  159. width: 8.33%;
  160. }
  161. .col-sm-2 {
  162. width: 16.66%;
  163. }
  164. .col-sm-3 {
  165. width: 25%;
  166. }
  167. .col-sm-4 {
  168. width: 33%;
  169. }
  170. .col-sm-5 {
  171. width: 41.66%;
  172. }
  173. .col-sm-6 {
  174. width: 50%;
  175. }
  176. .col-sm-7 {
  177. width: 58.33%;
  178. }
  179. .col-sm-8 {
  180. width: 66.66%;
  181. }
  182. .col-sm-9 {
  183. width: 74.99%;
  184. }
  185. .col-sm-10 {
  186. width: 83.33%;
  187. }
  188. .col-sm-11 {
  189. width: 91.66%;
  190. }
  191. .col-sm-12 {
  192. width: 100%;
  193. }
  194. h1 {
  195. padding: 0 !important;
  196. }
  197. }
  198. </style>
  199. </head>
  200. <body>
  201. <h1>HTTP Server <strong>Test Page</strong></h1>
  202. <div class='row'>
  203. <div class='col-sm-12 col-md-6 col-md-6 '></div>
  204. <p class="summary">This page is used to test the proper operation of
  205. an HTTP server after it has been installed on a Rocky Linux system.
  206. If you can read this page, it means that the software is working
  207. correctly.</p>
  208. </div>
  209. <div class='col-sm-12 col-md-6 col-md-6 col-md-offset-12'>
  210. <div class='section'>
  211. <h2>Just visiting?</h2>
  212. <p>This website you are visiting is either experiencing problems or
  213. could be going through maintenance.</p>
  214. <p>If you would like the let the administrators of this website know
  215. that you've seen this page instead of the page you've expected, you
  216. should send them an email. In general, mail sent to the name
  217. "webmaster" and directed to the website's domain should reach the
  218. appropriate person.</p>
  219. <p>The most common email address to send to is:
  220. <strong>"webmaster@example.com"</strong></p>
  221. <h2>Note:</h2>
  222. <p>The Rocky Linux distribution is a stable and reproduceable platform
  223. based on the sources of Red Hat Enterprise Linux (RHEL). With this in
  224. mind, please understand that:
  225. <ul>
  226. <li>Neither the <strong>Rocky Linux Project</strong> nor the
  227. <strong>Rocky Enterprise Software Foundation</strong> have anything to
  228. do with this website or its content.</li>
  229. <li>The Rocky Linux Project nor the <strong>RESF</strong> have
  230. "hacked" this webserver: This test page is included with the
  231. distribution.</li>
  232. </ul>
  233. <p>For more information about Rocky Linux, please visit the
  234. <a href="https://rockylinux.org/"><strong>Rocky Linux
  235. website</strong></a>.
  236. </p>
  237. </div>
  238. </div>
  239. <div class='col-sm-12 col-md-6 col-md-6 col-md-offset-12'>
  240. <div class='section'>
  241. <h2>I am the admin, what do I do?</h2>
  242. <p>You may now add content to the webroot directory for your
  243. software.</p>
  244. <p><strong>For systems using the
  245. <a href="https://httpd.apache.org/">Apache Webserver</strong></a>:
  246. You can add content to the directory <code>/var/www/html/</code>.
  247. Until you do so, people visiting your website will see this page. If
  248. you would like this page to not be shown, follow the instructions in:
  249. <code>/etc/httpd/conf.d/welcome.conf</code>.</p>
  250. <p><strong>For systems using
  251. <a href="https://nginx.org">Nginx</strong></a>:
  252. You can add your content in a location of your
  253. choice and edit the <code>root</code> configuration directive
  254. in <code>/etc/nginx/nginx.conf</code>.</p>
  255. <div id="logos">
  256. <a href="https://rockylinux.org/" id="rocky-poweredby"><img src="icons/poweredby.png" alt="[ Powered by Rocky Linux ]" /></a> <!-- Rocky -->
  257. <img src="poweredby.png" /> <!-- webserver -->
  258. </div>
  259. </div>
  260. </div>
  261. <footer class="col-sm-12">
  262. <a href="https://apache.org">Apache&trade;</a> is a registered trademark of <a href="https://apache.org">the Apache Software Foundation</a> in the United States and/or other countries.<br />
  263. <a href="https://nginx.org">NGINX&trade;</a> is a registered trademark of <a href="https://">F5 Networks, Inc.</a>.
  264. </footer>
  265. </body>
  266. </html>