finished beginnings of site
This commit is contained in:
parent
90cd58aad7
commit
2a580bdb77
125
css/main.css
125
css/main.css
@ -1,3 +1,128 @@
|
|||||||
nav {
|
nav {
|
||||||
background-color: #87CBB9;
|
background-color: #87CBB9;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding: 1.5rem;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #bcc5c3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-button {
|
||||||
|
background-color: #B9EDDD;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding: 0.5rem 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-button:hover {
|
||||||
|
background-color: aqua;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rounded_border {
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bordered {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
.bordered_left {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bordered_right {
|
||||||
|
border-right: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_area {
|
||||||
|
/*
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
*/
|
||||||
|
display: table;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu_button {
|
||||||
|
width: 100%;
|
||||||
|
height: 2rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.double_width_menu_bar {
|
||||||
|
display: flexbox;
|
||||||
|
background-color: #569DAA;
|
||||||
|
padding: 1rem;
|
||||||
|
width: 30rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #577D86;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper:not(:last-child){
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.log_table {
|
||||||
|
display: table;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_header {
|
||||||
|
display: table-cell;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #bcc5c3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_header:not(:last-child){
|
||||||
|
border-right: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center_text {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_row {
|
||||||
|
width: 100%;
|
||||||
|
display: table-row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_row:not(:last-child){
|
||||||
|
border-bottom: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_cell {
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_cell:not(:last-child){
|
||||||
|
border-right: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu_bar {
|
||||||
|
display: flexbox;
|
||||||
|
background-color: #569DAA;
|
||||||
|
padding: 1rem;
|
||||||
|
width: 10rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell {
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
background-color: #B9EDDD;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content_area::after {
|
||||||
|
clear: both;
|
||||||
}
|
}
|
||||||
71
index.php
71
index.php
@ -4,17 +4,78 @@
|
|||||||
-->
|
-->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
<title>This is a test</title>
|
<title>This is a test</title>
|
||||||
</head>
|
</head>
|
||||||
</body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
This is a test
|
<a class="nav-button" href='/'>Logs/Statistics</a>
|
||||||
|
<a class="nav-button" href='/crontabs.php'>Crontab Management</a>
|
||||||
|
<a class="nav-button" href='contact.php'>Contact</a>
|
||||||
</nav>
|
</nav>
|
||||||
<?php
|
|
||||||
$a = 42;
|
|
||||||
|
|
||||||
echo "The number is $a"
|
<div class="content_area bordered rounded_border">
|
||||||
|
|
||||||
|
<div class="menu_bar bordered_right cell">
|
||||||
|
<button class="menu_button"> Check Logs </button>
|
||||||
|
<button class="menu_button"> View Crontabs </button>
|
||||||
|
<button class="menu_button"> Generate Crontab </button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content cell">
|
||||||
|
test
|
||||||
|
<?php
|
||||||
|
echo "<br>";
|
||||||
|
echo "<ul>";
|
||||||
|
for ($x = 0; $x <= 10; $x++){
|
||||||
|
echo "<li> Hey there $x </li>";
|
||||||
|
}
|
||||||
|
echo "</ul>";
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="double_width_menu_bar bordered_left cell">
|
||||||
|
<div class="wrapper bordered center_text">
|
||||||
|
Log Statistics (This Week)
|
||||||
|
<div id="log_statistics_table" class="log_table bordered">
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_header">Level</div>
|
||||||
|
<div class="table_header"># of occurances</div>
|
||||||
|
</div>
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_cell">Warning</div> <div class="table_cell">N/A</div>
|
||||||
|
</div>
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_cell">Critical</div> <div class="table_cell">N/A</div>
|
||||||
|
</div>
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_cell">Info</div> <div class="table_cell">N/A</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wrapper bordered center_text">
|
||||||
|
Script Failures (Last 10)
|
||||||
|
<div id="script_failures" class="log_table">
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_header">Date</div> <div class="table_header">Script</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wrapper bordered center_text">
|
||||||
|
Jobs Run (Last 10)
|
||||||
|
<div id="jobs_run_table" class="log_table">
|
||||||
|
<div class="table_row">
|
||||||
|
<div class="table_header">Date/Time</div> <div class="table_header">Script</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user