Added noappspopover and cleaned up the CSS cut-and-paste.

icculus · Jul 5, 2010 · 4fe927d · 4fe927d
1 parent 51f0257
commit 4fe927d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 33 deletions.
diff --git a/index.html b/index.html
@@ -168,6 +168,12 @@
         retval['gamelist'].push(game);
     });
 
+    if (retval['gamelist'].length == 0)
+    {
+        popover('#noappspopover');
+        return null;        
+    } // if
+
     return retval;
 } // process_steam_profile
 
@@ -451,7 +457,7 @@
         </center>
     </div>
 
-    <div id='loginpopover'>
+    <div class='popover' id='loginpopover'>
         <center>
         <p>This website lets you organize and filter your Steam purchases
            through tags you choose. You can categorize and file your games
@@ -466,7 +472,7 @@
         </center>
     </div>
 
-    <div id='loginfailurepopover'>
+    <div class='popover' id='loginfailurepopover'>
         <center>
         <p>We're having trouble accessing your Steam Community profile.</p>
         <br/>
@@ -479,7 +485,7 @@
         </center>
     </div>
 
-    <div id='privateprofilepopover'>
+    <div class='popover' id='privateprofilepopover'>
       <center>
         <p>Your Steam Community profile appears to be set to private.</p>
         <br/>
@@ -493,6 +499,18 @@
       </center>
     </div>
 
+    <div class='popover' id='noappspopover'>
+        <center>
+        <p>You don't seem to own any games!</p>
+        <br/>
+        <p>This website isn't very useful if you don't have something to
+           organize.</p>
+        <br/>
+        <p><a style='text-decoration: underline;' href='http://store.steampowered.com'>
+          Click here to go shopping!</a></p>
+        </center>
+    </div>
+
     <div id='backgroundpopover'></div>
   </body>
 </html>

diff --git a/style.css b/style.css
@@ -119,7 +119,7 @@ img.avatar {
 	-webkit-border-radius: 10px;
 }
 
-#loginpopover {
+.popover {
 	display:none;
 	position:fixed;
 	_position:absolute; /* hack for internet explorer 6*/
@@ -133,35 +133,6 @@ img.avatar {
 	-webkit-border-radius: 10px;
 }
 
-#loginfailurepopover {
-	display:none;
-	position:fixed;
-	_position:absolute; /* hack for internet explorer 6*/
-	background:#FF0000;
-	color:#FFFFFF;
-	border:2px solid #cecece;
-	z-index:2;
-	padding:12px;
-	font-size:13px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-#privateprofilepopover {
-	display:none;
-	position:fixed;
-	_position:absolute; /* hack for internet explorer 6*/
-	width:408px;
-	background:#FF0000;
-	color:#FFFFFF;
-	border:2px solid #cecece;
-	z-index:2;
-	padding:12px;
-	font-size:13px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
 div.taglist {
    display: inline;
 }