From 0cd53d21e513682bcd1aba4ad22fce86455e1d32 Mon Sep 17 00:00:00 2001
From: David Phillips <dbphillipsnz@gmail.com>
Date: Tue, 15 Mar 2016 22:49:17 +1300
Subject: Add centred text on power off screen

---
 index.html    |  4 +++-
 petrichor.css | 13 +++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b5e7068..4ed4e6b 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,9 @@
 		<div id="message-container">
 			<span id="message-label"></span>
 		</div>
-		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');"></a>
+		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');">
+			<h1>Power Off?</h1>
+		</a>
 		<div id="power-confirm" onclick="document.getElementById('mask').click();">
 			<ul>
 				<li>
diff --git a/petrichor.css b/petrichor.css
index a8ef1ad..07ee8e7 100644
--- a/petrichor.css
+++ b/petrichor.css
@@ -30,6 +30,19 @@ body,html
 	background-color: rgba(0,0,0,0.7);
 	visibility: hidden;
 	opacity: 0;
+	text-decoration: none;
+	color: inherit;
+	font-size: 3em;
+	display: table;
+	width: 100%;
+	height: 100%;
+	vertical-align: middle;
+}
+
+#mask h1
+{
+	display: table-cell;
+	vertical-align: middle;
 }
 
 #power-confirm
-- 
cgit v1.1