107 lines
2.8 KiB
Text
107 lines
2.8 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title><%= title %></title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 20px;
|
|
background-color: #f4f4f9;
|
|
}
|
|
h1 {
|
|
color: #2c3e50;
|
|
}
|
|
h2 {
|
|
color: #34495e;
|
|
}
|
|
form {
|
|
background-color: #ffffff;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
margin-bottom: 30px;
|
|
}
|
|
label {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
input[type="text"], textarea {
|
|
width: 97%;
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
margin-bottom: 15px;
|
|
}
|
|
input[type="submit"] {
|
|
background-color: #3498db;
|
|
color: white;
|
|
border: none;
|
|
padding: 10px 20px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
input[type="submit"]:hover {
|
|
background-color: #2980b9;
|
|
}
|
|
.servermessage {
|
|
background-color: #f4f4f4;
|
|
border-radius: 5px;
|
|
border: 2px solid black;
|
|
color: black;
|
|
}
|
|
/* Basic styling for the <pre> block with the 'blob' class */
|
|
.blob {
|
|
background-color: #f4f4f4; /* Light gray background */
|
|
color: #333; /* Dark text color for readability */
|
|
font-family: monospace; /* Monospaced font for code-like appearance */
|
|
white-space: pre-wrap; /* Allows long lines to wrap */
|
|
word-wrap: break-word; /* Prevents long words from breaking layout */
|
|
line-height: 1.2; /* Increases line spacing for readability */
|
|
max-width: 100%; /* Ensures it takes up available width */
|
|
overflow-x: auto; /* Adds horizontal scrolling for very long lines */
|
|
padding-left: 3px;
|
|
border-radius: 5px; /* Slightly rounded corners */
|
|
border: 2px solid black;
|
|
}
|
|
|
|
/* Style for links inside the <pre> block */
|
|
.blob a {
|
|
color: #007bff; /* Blue color for links */
|
|
text-decoration: none; /* Remove underline */
|
|
}
|
|
|
|
.blob a:hover {
|
|
text-decoration: underline; /* Underline on hover for clarity */
|
|
}
|
|
|
|
/* Style for date and timestamp information */
|
|
.blob .date, .blob .fingerprint {
|
|
font-style: italic; /* Italics for dates and fingerprints */
|
|
color: #777; /* Gray color for less emphasis */
|
|
}
|
|
|
|
/* Highlighted text within the blob (e.g., "selfsig") */
|
|
.blob .highlight {
|
|
color: #e74c3c; /* Red color for highlights like "selfsig" */
|
|
font-weight: bold; /* Bold for emphasis */
|
|
}
|
|
|
|
/* Styling for signature information */
|
|
.blob .signature {
|
|
background-color: #eef9ff; /* Light blue background for signature info */
|
|
padding: 8px;
|
|
border-radius: 3px; /* Rounded corners for signature blocks */
|
|
margin-top: 5px; /* Space between signatures */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
% if ($c->config->{servermessage}) {
|
|
%== "<div class=\"servermessage\"><p>" . $c->config->{servermessage} ."</p></div>"
|
|
% }
|
|
<%= content %>
|
|
<div><p>Operations performed since uptime: <%= $c->pg->db->select('this_service', ['operations'])->hash->{operations} %></p></div>
|
|
</body>
|
|
</html>
|