From 03ac351f38316d8f923f3797aa7dd0deade7ed5d Mon Sep 17 00:00:00 2001
From: Jonathan Bauer
Date: Sun, 24 Apr 2011 21:36:26 +0200
Subject: url status handling, 5sec delay before closing gui when exiting with
 failure (not actually returning 1 atm), lots of formatting...

---
 src/html/background.png     | Bin 0 -> 316905 bytes
 src/html/bg.png             | Bin 316905 -> 0 bytes
 src/html/preload-debug.html |   2 +-
 src/html/preload.css        |  97 ++++++++++++++++++++++++++++++++++++++++++++
 src/html/preload.html       |   2 +-
 src/html/style.css          |  97 --------------------------------------------
 6 files changed, 99 insertions(+), 99 deletions(-)
 create mode 100644 src/html/background.png
 delete mode 100644 src/html/bg.png
 create mode 100644 src/html/preload.css
 delete mode 100644 src/html/style.css

(limited to 'src/html')
diff --git a/src/html/background.png b/src/html/background.png
new file mode 100644
index 0000000..84dd7b3
Binary files /dev/null and b/src/html/background.png differ
diff --git a/src/html/bg.png b/src/html/bg.png
deleted file mode 100644
index 84dd7b3..0000000
Binary files a/src/html/bg.png and /dev/null differ
diff --git a/src/html/preload-debug.html b/src/html/preload-debug.html
index 0aad6c5..8c0f481 100644
--- a/src/html/preload-debug.html
+++ b/src/html/preload-debug.html
@@ -1,6 +1,6 @@
 <html>
 <head>
-<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="preload.css">
 <script type="text/javascript">
 function gogo(){
     fbgui.trigger();
diff --git a/src/html/preload.css b/src/html/preload.css
new file mode 100644
index 0000000..51ef421
--- /dev/null
+++ b/src/html/preload.css
@@ -0,0 +1,97 @@
+html,body{
+    height:100%;
+}
+body{
+    margin:0;
+    padding:0;
+    background-color:black;
+    background-image:url('background.png');
+    background-repeat: no-repeat;
+    background-size:100%;
+}
+#top{
+    position:absolute;
+}
+h1, p{
+    margin:10;
+    padding:0.3em 0;
+    color:white;
+}
+#container{
+    min-height:100%;
+    margin-bottom:-50px;
+}
+* html #container{
+    height:100%;
+}
+#footer-spacer{
+    height:0px;
+}
+#footer{
+    height:30px;
+}
+/* position the bars and balls correctly (rotate them and translate them outward)*/
+.bar1 {
+  -moz-transform:rotate(0deg) translate(0, -40px);
+  -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
+}
+.bar2 {
+  -moz-transform:rotate(45deg) translate(0, -40px);
+  -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
+}
+.bar3 {
+  -moz-transform:rotate(90deg) translate(0, -40px);
+  -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
+}
+.bar4 {
+  -moz-transform:rotate(135deg) translate(0, -40px);
+  -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
+}
+.bar5 {
+  -moz-transform:rotate(180deg) translate(0, -40px);
+  -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
+}
+.bar6 {
+  -moz-transform:rotate(225deg) translate(0, -40px);
+  -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
+}
+.bar7 {
+  -moz-transform:rotate(270deg) translate(0, -40px);
+  -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
+}
+.bar8 {
+  -moz-transform:rotate(315deg) translate(0, -40px);
+  -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
+}
+#div4 {
+  position:absolute;
+  left:50%;
+  top:50%;
+  margin-left:-50px;
+  margin-top:-50px;
+  width:100px;
+  height:100px;
+  -moz-border-radius:100px;
+  -webkit-border-radius:100px;
+  -moz-transform:scale(0.5);
+  -webkit-transform:scale(0.5);
+  -webkit-animation-name: rotateThis;
+  -webkit-animation-duration:2s;
+  -webkit-animation-iteration-count:infinite;
+  -webkit-animation-timing-function:linear;
+}
+#div4 div {
+  width:20px;
+  height:20px;
+  background:#fff;
+  -moz-border-radius:40px;
+  -webkit-border-radius:40px;
+  position:absolute;
+  left:40px;
+  top:40px;
+}
+/* add a shadow to the first */
+#div4 div {
+  -moz-box-shadow:black 0 0 4px;
+  -webkit-box-shadow:black 0 0 4px;
+}
diff --git a/src/html/preload.html b/src/html/preload.html
index bb63050..831322c 100644
--- a/src/html/preload.html
+++ b/src/html/preload.html
@@ -1,6 +1,6 @@
 <html>
 <head>
-<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="preload.css">
 <script type="text/javascript">
 function gogo(){
     fbgui.trigger();
diff --git a/src/html/style.css b/src/html/style.css
deleted file mode 100644
index 817a7ee..0000000
--- a/src/html/style.css
+++ /dev/null
@@ -1,97 +0,0 @@
-html,body{
-    height:100%;
-}
-body{
-    margin:0;
-    padding:0;
-    background-color:black;
-    background-image:url('bg.png');
-    background-repeat: no-repeat;
-    background-size:100%;
-}
-#top{
-    position:absolute;
-}
-h1, p{
-    margin:10;
-    padding:0.3em 0;
-    color:white;
-}
-#container{
-    min-height:100%;
-    margin-bottom:-50px;
-}
-* html #container{
-    height:100%;
-}
-#footer-spacer{
-    height:0px;
-}
-#footer{
-    height:30px;
-}
-/* position the bars and balls correctly (rotate them and translate them outward)*/
-.bar1 {
-  -moz-transform:rotate(0deg) translate(0, -40px);
-  -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
-}
-.bar2 {
-  -moz-transform:rotate(45deg) translate(0, -40px);
-  -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
-}
-.bar3 {
-  -moz-transform:rotate(90deg) translate(0, -40px);
-  -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
-}
-.bar4 {
-  -moz-transform:rotate(135deg) translate(0, -40px);
-  -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
-}
-.bar5 {
-  -moz-transform:rotate(180deg) translate(0, -40px);
-  -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
-}
-.bar6 {
-  -moz-transform:rotate(225deg) translate(0, -40px);
-  -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
-}
-.bar7 {
-  -moz-transform:rotate(270deg) translate(0, -40px);
-  -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
-}
-.bar8 {
-  -moz-transform:rotate(315deg) translate(0, -40px);
-  -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
-}
-#div4 {
-  position:absolute;
-  left:50%;
-  top:50%;
-  margin-left:-50px;
-  margin-top:-50px;
-  width:100px;
-  height:100px;
-  -moz-border-radius:100px;
-  -webkit-border-radius:100px;
-  -moz-transform:scale(0.5);
-  -webkit-transform:scale(0.5);
-  -webkit-animation-name: rotateThis;
-  -webkit-animation-duration:2s;
-  -webkit-animation-iteration-count:infinite;
-  -webkit-animation-timing-function:linear;
-}
-#div4 div {
-  width:20px;
-  height:20px;
-  background:#fff;
-  -moz-border-radius:40px;
-  -webkit-border-radius:40px;
-  position:absolute;
-  left:40px;
-  top:40px;
-}
-/* add a shadow to the first */
-#div4 div {
-  -moz-box-shadow:black 0 0 4px;
-  -webkit-box-shadow:black 0 0 4px;
-}
-- 
cgit v1.2.3-55-g7522

