new features

- added option to change colors of website - added option to change colors of font
dudeofawesome · Aug 16, 2013 · cc80438 · cc80438
1 parent abead7d
commit cc80438
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 11 deletions.
diff --git a/indexer/config/settings.php b/indexer/config/settings.php
@@ -9,6 +9,11 @@
 	$website_owner = "John Doe";
 	$url_to_logo = "/indexer/resources/logo.png";
 	$url_to_favicon = "/indexer/resources/favicon.ico";
+	$main_color = "#37B6CE"; // aka background color (you can use any color profile you want (rgb, rgba, hex))
+	$secondary_color = "#FF7C00"; // aka forground color (you can use any color profile you want (rgb, rgba, hex))
+	$font_main_color = "rgb(255,255,255)"; // (you can use any color profile you want (rgb, rgba, hex))
+	$font_secondary_color = "rgb(61,255,247)"; // aka a:hover color color (you can use any color profile you want (rgb, rgba, hex))
+
 	$file_uploading_enabled = true;
 	$file_upload_directory = "/public/";
 	$sidebar_links = array(
@@ -42,6 +47,18 @@ function getURLtoLogo(){
 	function getURLtoFavicon(){
 		echo $GLOBALS['url_to_favicon'];
 	}
+	function getMainColor(){
+		echo $GLOBALS['main_color'];
+	}
+	function getSecondaryColor(){
+		echo $GLOBALS['secondary_color'];
+	}
+	function getFontMainColor(){
+		echo $GLOBALS['font_main_color'];
+	}
+	function getFontSecondaryColor(){
+		echo $GLOBALS['font_secondary_color'];
+	}
 	function getUploadingEnabled(){
 		return $GLOBALS['file_uploading_enabled'];
 	}

diff --git a/indexer/indexer1239538.php b/indexer/indexer1239538.php
@@ -11,7 +11,7 @@
 		<title><?php echo getWebsiteOwner();?></title>
 
 		<link rel='shortcut icon' href=<?php echo getURLtoFavicon();?> >
-		<link rel="stylesheet" type="text/css" href="/indexer/style.css">
+		<link rel="stylesheet" type="text/css" href="/indexer/style.php">
 
 		<script type="text/javascript" src="/indexer/layoutSetup.js"></script>
 		<script type="text/javascript" src="/indexer/previewLoad.js"></script>

diff --git a/indexer/style.css → indexer/style.php b/indexer/style.css → indexer/style.php
@@ -1,3 +1,5 @@
+<?php header("Content-type: text/css; charset: UTF-8"); ?>
+
 @font-face{
 	font-family: Agency;
 	src: url('/indexer/resources/agency.ttf')
@@ -13,22 +15,22 @@
 body{
 	font-family:Agency;
 	font-size:18px;
-	color:rgb(255,255,255);
+	color:<?php getFontMainColor(); ?>;
 	/*text-shadow:1px 2px 3px rgba(255,255,255,0.8),
 			0px 0px 1px rgba(0,0,0,.7);*/
-	background-color:#37B6CE;
+	background-color:<?php getMainColor(); ?>;
 	background-image: url("/indexer/resources/stripe.png");
 }
 a{
-	color:rgb(255,255,255);
+	color:<?php getFontMainColor(); ?>;
 
 	transition:color .3s;
 	-moz-transition:color .3s;
 	-webkit-transition:color .3s;
 	-o-transition:color .3s;
 }
 a:hover{
-	color:rgb(61,255,247);
+	color:<?php getFontSecondaryColor(); ?>;
 }
 header {
 	position: absolute;
@@ -76,7 +78,7 @@
 .headBar{
 	height: 30px;
 
-	background-color: #FF7C00;
+	background-color: <?php getSecondaryColor(); ?>;
 	box-shadow: 0px 0px 10px rgba(0,0,0,.7);
 }
 .headBar .currentLocation{
@@ -125,7 +127,7 @@
 	padding: 10px;
 
 	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
-	background-color: #FF7C00;
+	background-color: <?php getSecondaryColor(); ?>;
 }
 .leftNav .menu .links{
 	position: absolute;
@@ -143,7 +145,7 @@
 }
 .leftNav .menu .bottom legend{
 	font-weight: bold;
-	color: rgb(255,255,255);
+	color: <?php getFontMainColor(); ?>;
 }
 .leftNav .menu .bottom fieldset{
 	width: 185px;
@@ -209,7 +211,7 @@
 	border-top-right-radius: 7px;
 	border-bottom-right-radius: 7px;
 
-	background-color: #FF7C00;
+	background-color: <?php getSecondaryColor(); ?>;
 }
 .contentLoader{
 	position: fixed;
@@ -245,7 +247,7 @@
 	z-index: 2;
 
 	padding: 10px;
-	background: #37B6CE;
+	background: <?php getMainColor(); ?>;
 	background-image: url("/indexer/resources/stripe.png");
 	background-position: 2px 0px;
 
@@ -266,7 +268,7 @@
 
 	border-radius: 10px;
 
-	background-color: #FF7C00;
+	background-color: <?php getSecondaryColor(); ?>;
 	box-shadow: 2px 2px 10px rgba(0,0,0,.5) inset, 2px 2px 10px rgba(255,255,255,.5);
 }
 .rotate90CW{