finished beginnings of site

This commit is contained in:
Tristan Ancelet 2023-05-06 23:56:16 -05:00
parent 90cd58aad7
commit 2a580bdb77
2 changed files with 194 additions and 8 deletions

View File

@ -1,3 +1,128 @@
nav {
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;
}

View File

@ -4,17 +4,78 @@
-->
<html>
<head>
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="css/main.css">
<title>This is a test</title>
</head>
</body>
<body>
<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>
<?php
$a = 42;
echo "The number is $a"
?>
</body>
<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>
</html>