From 351a95b6589d8d5d828539a4ddcb95d41d5351f9 Mon Sep 17 00:00:00 2001
From: Ruben <rubenvandeven@gmail.com>
Date: Tue, 20 Sep 2016 10:27:36 +0100
Subject: [PATCH] Faces3 presentation mode and /sysinfo endpoint

---
 www/faces3.php | 254 ++++++++++++++++++++++++++-----------------------
 www/index.php  |  10 +-
 2 files changed, 146 insertions(+), 118 deletions(-)

diff --git a/www/faces3.php b/www/faces3.php
index 068c428..46445cd 100644
--- a/www/faces3.php
+++ b/www/faces3.php
@@ -44,50 +44,53 @@ EOSNIPPET;
         <title>Emotion Hero</title>
     </head>
     <style type="text/css">
-    html{
-    	height:100%;
-    	overflow:hidden;
-    }
-        body{
-            background:blue;
-		font-family:"Unifont";
-font-weight:bold;
-font-size:1vw;
-margin:0.5em;
-        }
-h3{
-margin:0.5%;
-text-align:center;
+html{
+	height:100%;
+	overflow:hidden;
 }
-	h3 span{
-background:black;
-color:white;
-padding:0.2%;
+body{
+	background:blue;
+	font-family:"Unifont";
+	font-weight:bold;
+	font-size:1vw;
+	margin:0.5em;
+}
+body.presentation{
+	background:black;
+}
+h3{
+	margin:0.5%;
+	text-align:center;
+}
+h3 span{
+	background:black;
+	color:white;
+	padding:0.2%;
 }
 
-	.block{
-		width:100%;
-font-size:80%;
-	}
+.block{
+	width:100%;
+	font-size:80%;
+}
 .mouth .emo-block{
 	width:50%;
-float:left;
-	height:3.6em;
+	float:left;
+	height:5em;
 }
 .mouth .emotitle{
-display:block;
-width:14%;
-margin-right:0.14%;
-margin-left:0.14%;
+	display:block;
+	width:14%;
+	margin-right:0.14%;
+	margin-left:0.14%;
 	float:left;
-font-size:80%;
-padding-top:2.5%
+	font-size:80%;
+	padding-top:2.5%
 }
 .mouth .block {
- width:14%;
-margin-right:0.14%;
-margin-left:0.14%;
-float:left;
+	width:14%;
+	margin-right:0.14%;
+	margin-left:0.14%;
+	float:left;
 }
 
 /*.emotitle span:before{content:"‹";}
@@ -96,147 +99,164 @@ float:left;
 .emotitle:before{content:"«";}
 .emotitle:after{content:"»";}
 
-	img{
-		width:100%;
-		filter:saturate(0%);
-		mix-blend-mode: multiply;
-		/*mix-blend-mode: exclusion;*/
-	}
+img{
+	width:100%;
+	filter:saturate(0%);
+	mix-blend-mode: multiply;
+	/*mix-blend-mode: exclusion;*/
+}
 
-	.perc{
-		display:block;
-		width:100%;
-text-align:center;
-	}
+.perc{
+	display:block;
+	width:100%;
+	text-align:center;
+}
 
-	.emo-block{
+.emo-block{
 	float:left;
-text-align:center;
-	}
-	.brows .emo-block {
-width:23%;
-margin-left:1%;
-margin-right:1%;
+	text-align:center;
+}
+.brows .emo-block {
+	width:23%;
+	margin-left:1%;
+	margin-right:1%;
 }
 
-	.nose .emo-block {
-width:12%;
-margin-left:1.14%;
-margin-right:1.14%;
+.nose .emo-block {
+	width:12%;
+	margin-left:1.14%;
+	margin-right:1.14%;
 }
-	.nose .emotitle{
-font-size:80%;
+.nose .emotitle{
+	font-size:80%;
 }
 .emo-block-emos{
-position:relative;
+	position:relative;
 }
 
-	.emo{
+.emo{
 	text-align:center;
-        float:left;
-background:#fff;
-	}
-	.brows{
-width:40%;
-margin-right:1%;
-	}
-	.nose{
-width:40%;
-margin-right:1%;
-	}
-	.mouth{
-width:81%;
-margin-top:1%;
+	float:left;
+	background:#fff;
 }
-	img.curImg{
+.brows{
+	width:40%;
+	margin-right:1%;
+}
+.nose{
+	width:40%;
+	margin-right:1%;
+}
+.mouth{
+	width:81%;
+	margin-top:1%;
+}
+img.curImg{
 	position:absolute;
 	left:0;
 	mix-blend-mode:difference;
-	}
-        
-        svg{
-        	border-top: 1em solid blue;
-margin: 0px -0.5em;
-width: 100%;
-padding: 0.5em;
-            width:100%;
-        }
+}
+
+.currentHit svg{
+	border-top: 1em solid blue;
+	margin: 0px -0.5em;
+	width: 100%;
+	padding: 0.5em;
+	width:100%;
+}
+
+.presentation .currentHit svg {
+	border-top: solid 0.1em white;
+}
 
 .nose .block{position:relative;margin-bottom:2%;}
 .nose .block span{position:absolute;top:0;right:0;color:white;text-align:right;padding:0.5%;}
 
 .brows .emo-block.brow_explainer {
-margin-top:3%;font-size:85%;
-    border-left: 0.3em solid blue;
-    width: 22%;
-    padding-left: 0.4em;
-    margin-left: -0.1em;
+	margin-top:3%;font-size:85%;
+	border-left: 0.3em solid blue;
+	width: 22%;
+	padding-left: 0.4em;
+	margin-left: -0.1em;
 }
 .brow_explainer img{filter:unset;margin-bottom:5%;}
 .brow_explainer ol{
-margin:0;padding:0;
-counter-reset:li 4;
+	margin:0;padding:0;
+	counter-reset:li 4;
 
 }
 .brow_explainer li{
 	text-align:left;
-margin-bottom:5%;
-list-style:none;
+	margin-bottom:5%;
+	list-style:none;
 }
 .brow_explainer li:before{
-content:counter(li) ". "; /* Use the counter as content */
-counter-increment:li; /* Increment the counter by 1 */
-color:red;
+	content:counter(li) ". "; /* Use the counter as content */
+	counter-increment:li; /* Increment the counter by 1 */
+	color:red;
 }
 
 .currentHit{
-width:17%;
-position:absolute;
-right:0.5em;
-top:0.5em;
-background:yellow;
-padding:0.5%;
+	width:17%;
+	position:absolute;
+	right:0.5em;
+	top:0.5em;
+	background:yellow;
+	padding:0.5%;
+}
+.presentation .currentHit h3 span{
+	color:white;
+	background: none;
 }
 .currentHit h3 span{
-color:yellow;
+	color:yellow;
+}
+.presentation .currentHit h3 span{
+	color:white;
 }
 .currentHit h3 .last{color:red;}
 .currentHit h3 .vs{background:none;color:black;padding-left:0.5em;padding-right:0.5em;}
 .currentHit h3 .perfect{}
 
 ul{
-font-size:80%;
-list-style:none;
-margin:0;
-padding:0;
+	font-size:80%;
+	list-style:none;
+	margin:0;
+	padding:0;
+}
+.presentation ul{
+	font-size:100%;
 }
 .currentHit li{
-clear:both;
+	clear:both;
 }
 .currentHit li .value{
 	float:right;
 }
 .currentHit li .diff{
 	float:right;
-clear:both;
-font-size:72%;
-color:gray;
+	clear:both;
+	font-size:72%;
+	color:gray;
 }
 .currentHit li .diff.negative{
-color:red;
+	color:red;
 }
 
 .currentHit li .diff.positive{
-color:green;
+	color:green;
 }
 .currentHit p {
 	margin: 0 -0.5em 1% -0.5em;
-    border-bottom: solid 1em blue;
-    padding: 0.5em;
-    text-align: center;
+	border-bottom: solid 1em blue;
+	padding: 0.5em;
+	text-align: center;
+}
+.presentation .currentHit p {
+	border-bottom: solid 0.1em white;
 }
     </style>
-    <body>
+    <body <?php if(isSet($_GET['presentation'])){echo "class='presentation'";}?>>
 <?php
 
 echo "<div class='brows emo'><h3><span>eye brows</span></h3>";
diff --git a/www/index.php b/www/index.php
index 4d9a90c..0209527 100644
--- a/www/index.php
+++ b/www/index.php
@@ -16,6 +16,11 @@ $app = new Silex\Application([
 error_reporting(E_ALL);
 ini_set('display_errors', 1);
 
+
+if(ini_get('max_file_uploads') < 50) {
+    throw new Exception("php directive 'max_file_uploads' should be >= 50");
+}
+
 /*
  * JWT setup
 */
@@ -75,7 +80,10 @@ $app->register(new Silex\Provider\SecurityServiceProvider());
 $app->register(new Silex\Provider\SecurityJWTServiceProvider());
 
 
-
+$app->get('/sysinfo', function(Request $request) use ($app){
+    phpinfo();
+    return new Response(200);
+});
 
 /**
  * Get token for user