This commit is contained in:
Tealk 2021-03-19 14:39:59 +01:00
parent ba17ae3863
commit 421a0d23d3
No known key found for this signature in database
GPG Key ID: 5FE349ABC863E7F9
2 changed files with 55 additions and 69 deletions

View File

@ -1,6 +1,3 @@
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");
body { body {
background: #ffffff; background: #ffffff;
margin: 0; margin: 0;
@ -36,7 +33,7 @@ a:focus {
border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px;
} }
#wrapper { main.container {
max-width: 1024px; max-width: 1024px;
min-height: calc(100vh - 157px); min-height: calc(100vh - 157px);
padding-right: 15px; padding-right: 15px;
@ -210,7 +207,7 @@ article.card textarea {
margin-left: 70px; margin-left: 70px;
} }
#wrapper.admin #timeline .service input[type="checkbox"] { main.container.admin #timeline .service input[type="checkbox"] {
margin-right: 4px; margin-right: 4px;
margin-top: 0; margin-top: 0;
vertical-align: middle; vertical-align: middle;
@ -254,8 +251,6 @@ article.card textarea {
width: 100%; width: 100%;
padding: 2px 5px; padding: 2px 5px;
display: block; display: block;
transition: 125ms ease-in-out background-color;
background-color: gray;
} }
#footerwrap .dropdown-menu a:hover { #footerwrap .dropdown-menu a:hover {

View File

@ -145,19 +145,10 @@ class Template
</div> </div>
</nav> </nav>
</header> </header>
<?php <main class="container <?php if ($admin) { ?>admin<?php } ?>">
if (!$admin) { <?php if ($admin) {
?> global $user;
<main id="wrapper" class="container">
<?php
} else {
global $user;
?>
<main id="wrapper" class="container admin">
<?php
} }
?>
<?php
} }
/** /**
* Renders a toggle switch * Renders a toggle switch
@ -169,16 +160,16 @@ class Template
public static function render_toggle($toggletext, $input_name, $checked) public static function render_toggle($toggletext, $input_name, $checked)
{ {
?> ?>
<div id="switch"> <div id="switch">
<label class="switch"> <label class="switch">
<input type="checkbox" name="<?php echo $input_name; ?>" <?php if ($checked) { <input type="checkbox" name="<?php echo $input_name; ?>" <?php if ($checked) {
echo "checked"; echo "checked";
} ?>> } ?>>
<span class="slider round"></span> <span class="slider round"></span>
</label> </label>
<?php echo $toggletext; ?> <?php echo $toggletext; ?>
</div> </div>
<?php <?php
} }
/** /**
* Renders footer * Renders footer
@ -188,48 +179,48 @@ class Template
{ {
global $negotiator; global $negotiator;
$lang_names = $negotiator->get_accepted_langs(); $lang_names = $negotiator->get_accepted_langs();
?> ?>
</main> </main>
<footer id="footerwrap" class="sticky-bottom"> <footer id="footerwrap" class="sticky-bottom">
<div class="container"> <div class="container">
<div class="row centered"> <div class="row centered">
<div class="col-md-4 text-left"><a class="link-light" href="https://github.com/server-status-project/server-status/graphs/contributors" target="_blank">Copyright © <?php echo date("Y"); ?> Server Status Project Contributors </a><?php if (strlen(COPYRIGHT_TEXT) > 1) { <div class="col-md-4 text-left"><a class="link-light" href="https://github.com/server-status-project/server-status/graphs/contributors" target="_blank">Copyright © <?php echo date("Y"); ?> Server Status Project Contributors </a><?php if (strlen(COPYRIGHT_TEXT) > 1) {
echo " and " . COPYRIGHT_TEXT; echo " and " . COPYRIGHT_TEXT;
} ?></div> } ?></div>
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<div class="input-group dropup mb-3"> <div class="input-group dropup mb-3">
<button type="button" class="btn btn-primary" disabled><?php echo '<img src="' . $WEB_URL . '/locale/' . $_SESSION['locale'] . '/flag.png" alt="' . $lang_names[$_SESSION['locale']] . '">' . $lang_names[$_SESSION['locale']]; ?></button> <button type="button" class="btn btn-primary" disabled><?php echo '<img src="' . $WEB_URL . '/locale/' . $_SESSION['locale'] . '/flag.png" alt="' . $lang_names[$_SESSION['locale']] . '">' . $lang_names[$_SESSION['locale']]; ?></button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden"><?php echo _("Toggle Dropdown"); ?></span> <span class="visually-hidden"><?php echo _("Toggle Dropdown"); ?></span>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<?php <?php
foreach ($lang_names as $key => $value) { foreach ($lang_names as $key => $value) {
echo '<a href="?lang=' . $key . '"><img src="' . $WEB_URL . '/locale/' . $key . '/flag.png" alt="' . $value . '">' . $value . '</a>'; echo '<a href="?lang=' . $key . '"><img src="' . $WEB_URL . '/locale/' . $key . '/flag.png" alt="' . $value . '">' . $value . '</a>';
} }
?> ?>
<li> <li>
<hr class="dropdown-divider"> <hr class="dropdown-divider">
</li> </li>
<li><a href="https://poeditor.com/join/project/37SpmJtyOm"><?php echo _("Help with translation!"); ?></a></li> <li><a href="https://poeditor.com/join/project/37SpmJtyOm"><?php echo _("Help with translation!"); ?></a></li>
</ul> </ul>
</div>
</div>
<div class="col-md-4 text-right"><a class="link-light" href="<?php echo POLICY_URL; ?>"><?php echo _("Imprint & Privacy Policy"); ?></a></div>
</div> </div>
<!--/row -->
</div> </div>
<!--/container --> <div class="col-md-4 text-right"><a class="link-light" href="<?php echo POLICY_URL; ?>"><?php echo _("Imprint & Privacy Policy"); ?></a></div>
</footer> </div>
<script src="<?php echo WEB_URL; ?>/vendor/jquerry/jquery-3.6.0.min.js"></script> <!--/row -->
<script src="<?php echo WEB_URL; ?>/vendor/jquerry/jquery.timeago.js"></script> </div>
<?php if ($admin) { ?> <!--/container -->
<script src="<?php echo WEB_URL; ?>/vendor/flatpickr/flatpickr.min.js"></script> </footer>
<script src="<?php echo WEB_URL; ?>/js/admin.js"></script> <script src="<?php echo WEB_URL; ?>/vendor/jquerry/jquery-3.6.0.min.js"></script>
<?php } ?> <script src="<?php echo WEB_URL; ?>/vendor/jquerry/jquery.timeago.js"></script>
<script src="<?php echo WEB_URL; ?>/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="<?php echo WEB_URL; ?>/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo WEB_URL; ?>/js/main.js"></script> <script src="<?php echo WEB_URL; ?>/js/main.js"></script>
<?php if ($GOOGLE_RECAPTCHA) { ?><script src='https://www.google.com/recaptcha/api.js'></script><?php } ?> <?php if ($admin) { ?>
<script src="<?php echo WEB_URL; ?>/vendor/flatpickr/flatpickr.min.js"></script>
<script src="<?php echo WEB_URL; ?>/js/admin.js"></script>
<?php } ?>
<?php if ($GOOGLE_RECAPTCHA) { ?><script src='https://www.google.com/recaptcha/api.js'></script><?php } ?>
</body> </body>
</html> </html>