ShaYmez
/
FreeSTAR-Status-Engine
mirror of https://github.com/ShaYmez/FreeSTAR-Status-Engine.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #117 from yigitkeremoktay/patch-4 

Some Graphical Improvements
This commit is contained in:
Vojtěch Sajdl 2020-08-14 19:47:33 +02:00 committed by GitHub
parent d9f0587e88 10b485418c
commit f3aca0c172
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 51 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
config.php.template
View File

@ -34,6 +34,12 @@ define("WHO_WE_ARE","##who_we_are##");
define("POLICY_URL","##policy_url##"); define("POLICY_URL","##policy_url##");
define("INSTALL_OVERRIDE", false); define("INSTALL_OVERRIDE", false);
define("DEFAULT_LANGUAGE", "en_GB"); define("DEFAULT_LANGUAGE", "en_GB");
define("CUSTOM_LOGO_URL",""); // This will use the default logo if left empty
define("COPYRIGHT_TEXT",""); // Leave this empty if you don't want your copyright displayed
// Without COPYRIGHT_TEXT Set
// 2020 Server Status Project Contributors
// With COPYRIGHT_TEXT Set
// 2020 Server Status Project Contributors and COPYRIGHT_TEXT
//Stop editing //Stop editing
require("classes/locale-negotiator.php"); require("classes/locale-negotiator.php");

74
css/main.css
View File

@ -1,39 +1,40 @@
@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=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'); @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;
height: 100%; margin-top: 80px;
line-height: 24px; height: 100%;
font-family: 'Open Sans', sans-serif; line-height: 24px;
font-family: 'Open Sans', sans-serif;
} }
img { img {
height: auto; height: auto;
max-width: 100%; max-width: 100%;
} }
a { a {
padding: 0; padding: 0;
margin: 0; margin: 0;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
text-decoration: none; text-decoration: none;
color:#3566a8; color:#f5f4f4;
} }
.centered { .centered {
text-align: center text-align: center
} }
.navbar { .navbar {
padding-top: 5px; padding-top: 5px;
margin-bottom: 0px; margin-bottom: 0px;
} }
.navbar-brand { .navbar-brand {
@ -42,28 +43,32 @@ a:focus {
.navbar-default .navbar-nav > li > a { .navbar-default .navbar-nav > li > a {
color: #f5f4f4; color: #f5f4f4;
font-size: 1em; font-size: 1em;
} }
.navbar-default .navbar-nav > li > a:hover { .navbar-default .navbar-nav > li > a:hover {
color: #a7a7a7; color: #a7a7a7;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; color: #f5f4f4;
background-color: transparent; background-color: transparent;
} }
.navbar-collapse .navbar-collapse
{ {
background: #2f60a3; background: #2f60a3;
} }
.navbar-default { .navbar-default {
z-index: 200; z-index: 200;
background-color: #2f60a3; background-color: gray;
border-color: transparent; border-color: transparent;
border-radius: 0px; border-radius: 0px 0px 30px 30px;
height: 77px; height: 77px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
} }
@ -160,7 +165,7 @@ body a h1{
.navbar-header .btn .navbar-header .btn
{ {
margin-top: 15px; margin-top: 15px;
margin-right: 10px margin-right: 10px
} }
@ -243,11 +248,11 @@ body a h1{
border-left-color: transparent; border-left-color: transparent;
} }
.timeline .panel .panel-heading.icon * { .timeline .panel .panel-heading.icon * {
/*This shouldn't be relative in size...*/ /*This shouldn't be relative in size...*/
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
line-height: 40px; line-height: 40px;
} }
.timeline .panel .panel-heading.icon { .timeline .panel .panel-heading.icon {
position: absolute; position: absolute;
@ -296,10 +301,11 @@ body a h1{
/* Footer */ /* Footer */
#footerwrap { #footerwrap {
border-radius: 30px 30px 0px 0px;
min-height: 60px; min-height: 60px;
padding-top: 15px; padding-top: 15px;
padding-bottom: 10px; padding-bottom: 10px;
background: #2f60a3; background: gray;
} }
#footerwrap a{ #footerwrap a{
@ -564,7 +570,7 @@ i.danger{
} }
#footerwrap .dropdown-menu{ #footerwrap .dropdown-menu{
background: #337ab7 background: gray;
} }
#footerwrap .dropdown-menu a{ #footerwrap .dropdown-menu a{
@ -573,7 +579,7 @@ i.danger{
padding: 2px 5px; padding: 2px 5px;
display: block; display: block;
transition: 125ms ease-in-out background-color; transition: 125ms ease-in-out background-color;
background-color: #337ab7 background-color: gray;
} }
#footerwrap .dropdown-menu a:hover{ #footerwrap .dropdown-menu a:hover{
@ -616,7 +622,3 @@ label.form-name
{ {
line-height: 20px line-height: 20px
} }
.panel .panel-footer .label
{
display: inline-block;
}

14
template.php
View File

@ -1,4 +1,4 @@
<?php <?php
//This should later be translatable, maybe find a better solution? //This should later be translatable, maybe find a better solution?
//This is here for better generation of POT files :) //This is here for better generation of POT files :)
$statuses = array(_("Major outage"), _("Minor outage"), _("Planned maintenance"), _("Operational") ); $statuses = array(_("Major outage"), _("Minor outage"), _("Planned maintenance"), _("Operational") );
@ -55,7 +55,7 @@ class Template{
<div class="navbar navbar-default" role="navigation"> <div class="navbar navbar-default" role="navigation">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="<?php echo WEB_URL;?>"><img src="<?php echo WEB_URL;?>/img/logo_white.png" alt="logo" class="menu-logo" width="50" height="50"></a> <a class="navbar-brand" href="<?php echo WEB_URL;?>"><a class="navbar-brand" href="<?php echo WEB_URL;?>/admin"><img src="<?php if(strlen(CUSTOM_LOGO_URL)>1){ echo CUSTOM_LOGO_URL; } else { echo WEB_URL."/img/logo_white.png"; } ?>" alt="logo" class="menu-logo" style="height:50px;"></a>
</div> </div>
<div class="navbar-left hidden-xs"> <div class="navbar-left hidden-xs">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
@ -66,7 +66,7 @@ class Template{
</div> </div>
</div> </div>
<div id="wrapper" class="center"> <div id="wrapper" class="center">
<?php <?php
}else{ }else{
global $user; global $user;
?> ?>
@ -108,7 +108,7 @@ class Template{
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="<?php echo WEB_URL;?>/admin"><img src="<?php echo WEB_URL;?>/img/logo_white.png" alt="logo" class="menu-logo" width="50" height="50"></a> <a class="navbar-brand" href="<?php echo WEB_URL;?>/admin"><img src="<?php if(strlen(CUSTOM_LOGO_URL)>1){ echo CUSTOM_LOGO_URL; } else { echo WEB_URL."/img/logo_white.png"; } ?>" alt="logo" class="menu-logo" width="50" height="50"></a>
</div> </div>
<div class="navbar-collapse collapse navbar-right navbar-admin"> <div class="navbar-collapse collapse navbar-right navbar-admin">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
@ -121,7 +121,7 @@ class Template{
</div> </div>
</div> </div>
<div id="wrapper" class="center admin"> <div id="wrapper" class="center admin">
<?php <?php
} }
} }
@ -138,7 +138,7 @@ class Template{
<div id="footerwrap"> <div id="footerwrap">
<div class="container"> <div class="container">
<div class="row centered"> <div class="row centered">
<div class="col-md-4 text-left"><a href="https://github.com/Pryx/server-status/" target="_blank"><i class="fab fa-github" aria-hidden="true"></i>&nbsp;</a>Copyright © <?php echo date("Y");?> Vojtěch Sajdl</div> <div class="col-md-4 text-left"><a href="https://github.com/Pryx/server-status/graphs/contributions" target="_blank">Copyright © <?php echo date("Y");?> Server Status Project Contributors </a><?php if(strlen(COPYRIGHT_TEXT)>1){ echo " and ".COPYRIGHT_TEXT; } ?></div>
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<div class="btn-group dropup"> <div class="btn-group dropup">
<button type="button" class="btn btn-primary"><?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"><?php echo '<img src="'.WEB_URL.'/locale/'.$_SESSION['locale'].'/flag.png" alt="'.$lang_names[$_SESSION['locale']].'">'.$lang_names[$_SESSION['locale']];?></button>
@ -147,7 +147,7 @@ class Template{
<span class="sr-only"><?php echo _("Toggle Dropdown");?></span> <span class="sr-only"><?php echo _("Toggle Dropdown");?></span>
</button> </button>
<div class="dropdown-menu"> <div 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>';
} }