Update web server testpage

This commit is contained in:
Andrew Lukoshko 2024-11-28 18:03:39 +00:00
parent 75308b0d56
commit ba0170be67

View File

@ -7,32 +7,40 @@
<style type="text/css"> <style type="text/css">
/*<![CDATA[*/ /*<![CDATA[*/
body { body {
background-color: #FAF5F5; background-color: #fff;
color: #000; color: #000;
font-size: 0.9em; font-size: 1.1em;
font-family: sans-serif,helvetica; font-family: "Red Hat Text", Helvetica, Tahoma, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
border-bottom: 30px solid #082336;
min-height: 100vh;
box-sizing: border-box;
} }
:link { :link {
color: #082336;; color: #304B5E;
} }
:visited { :visited {
color: #082336;; color: #304B5E;
} }
a:hover { a:hover {
color: #0069DA; color: #0069DA;
} }
h1 { h1 {
text-align: center; text-align: left;
margin: 0; margin: 0;
padding: 0.6em 2em 0.4em; margin-bottom: .6em;
padding: 1em 2em 1.5em 2em;
background-color: #082336; background-color: #082336;
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
font-size: 1.75em; font-size: 2.5em;
border-bottom: 2px solid #000; border-bottom: 2px solid #000;
} }
h1 img {
border: none;
margin-bottom: .4em;
}
h1 strong { h1 strong {
font-weight: bold; font-weight: bold;
} }
@ -51,13 +59,17 @@
absolute positioning for sub-classes */ absolute positioning for sub-classes */
position: relative; position: relative;
padding-top: 1em; padding-top: 1em;
display: flex;
flex-wrap: wrap;
} }
.content-column-left { .content-column-left {
/* Value for IE/Win; will be overwritten for other browsers */ /* Value for IE/Win; will be overwritten for other browsers */
width: 47%; width: 47%;
padding-right: 3%; padding: 15px 30px;
float: left; margin-right: 30px;
padding-bottom: 2em; padding-bottom: 2em;
margin-bottom: 1em;
flex: 1;
} }
.content-column-left hr { .content-column-left hr {
display: none; display: none;
@ -65,36 +77,56 @@
.content-column-right { .content-column-right {
/* Values for IE/Win; will be overwritten for other browsers */ /* Values for IE/Win; will be overwritten for other browsers */
width: 47%; width: 47%;
padding-left: 3%; padding: 15px 30px;
float: left;
padding-bottom: 2em; padding-bottom: 2em;
margin-right: 30px;
margin-bottom: 1em;
flex: 1;
} }
.content-columns>.content-column-left, .content-columns>.content-column-right { .content-columns>.content-column-left, .content-columns>.content-column-right {
/* Non-IE/Win */ /* Non-IE/Win */
border: 1px solid #d2d2d2;
border-radius: 3px;
box-sizing: border-box;
} }
.logos { .logos {
text-align: center; text-align: left;
margin-top: 2em; margin-top: 2em;
} }
.logos a img {
padding-right: 1.5em;
margin-right: 1.5em;
border-right: 1px solid #d2d2d2;
}
img { img {
border: 2px solid #FAF5F5; border: 2px solid #fff;
padding: 2px; padding: 2px;
margin: 2px; margin: 2px;
} }
a:hover img { a:hover img {
border: 2px solid #FF4649; border: 2px solid #f50;
} }
.footer { .footer {
clear: both; font-size: xx-small;
text-align: center; padding: 0 10em;
font-size: xx-small; padding-bottom: 5em;
} }
/* Responsive layout */
@media (max-width: 800px) {
.content-column-right, .content-column-left {
flex: 100%;
}
}
/*]]>*/ /*]]>*/
</style> </style>
</head> </head>
<body> <body>
<h1><strong>AlmaLinux</strong> Test Page</h1> <h1>
<img src="system_noindex_logo.png" alt="AlmaLinux Logo" /><br />
Web Server <strong>Test Page</strong>
</h1>
<div class="content"> <div class="content">
<div class="content-middle"> <div class="content-middle">
@ -112,7 +144,7 @@
<p>For example, if you experienced problems while visiting www.example.com, you should send e-mail to "webmaster@example.com".</p> <p>For example, if you experienced problems while visiting www.example.com, you should send e-mail to "webmaster@example.com".</p>
<p>For information on AlmaLinux, please visit the <a href="http://www.almalinux.org/">AlmaLinux website</a>.</p> <p>For information on AlmaLinux, please visit the <a href="https://almalinux.org">AlmaLinux website</a>. The documentation for AlmaLinux is <a href="https://wiki.almalinux.org">available in AlmaLinux wiki</a>.</p>
<hr /> <hr />
</div> </div>
@ -133,15 +165,16 @@
<code>/etc/nginx/nginx.conf</code>.</p> <code>/etc/nginx/nginx.conf</code>.</p>
<div class="logos"> <div class="logos">
<a href="http://www.almalinux.org"><img src= "/icons/poweredby.png" alt="[ Powered by AlmaLinux ]" /></a> <a href="https://almalinux.org"><img src= "/icons/poweredby.png" alt="[ Powered by AlmaLinux ]" /></a>
<img src= "poweredby.png" alt="[ Powered by AlmaLinux ]" /> <img src= "poweredby.png" alt="[ Powered by AlmaLinux ]" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<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 /> <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.
<a href="https://nginx.com">NGINX&trade;</a> is a registered trademark of <a href="https://www.f5.com">F5 Networks, Inc.</a>. <br />
</div> <a href="https://nginx.com">NGINX&trade;</a> is a registered trademark of <a href="https://www.f5.com">F5 Networks, Inc.</a>.
</div>
</body> </body>
</html> </html>