improved language detection using browser information; set the language directly...
[e-DoKo.git] / include / welcome.php
index c7ec358161f71bfd838971688dd16b07399c9a22..b3f1c7184f2af62c0736a3bacc3218dc95815f64 100644 (file)
@@ -1,5 +1,5 @@
 <?php
-/* Copyright 2006, 2007, 2008, 2009, 2010 Arun Persaud <arun@nubati.net>
+/* Copyright 2006, 2007, 2008, 2009, 2010, 2011, 2012 Arun Persaud <arun@nubati.net>
  *
  *   This file is part of e-DoKo.
  *
@@ -51,37 +51,41 @@ $avgage     = $avgage[0];
 
 echo "\n\n<div class=\"login\">\n";
 
-echo "<p> Play Doppelkopf online.</p>".
-"<p> For more information please visit our <a href=\"$WIKI\">wiki</a>. </p>";
 ?>
-  <ul class="loginregister">
-  <li> Login </li>
-  <li> Register </li>
+  <div class="hero-unit">
+  <h1>E-DoKo</h1>
+  <p>Play Doppelkopf online</p>
+  <p> For more information please visit our <a href="<?php echo "$WIKI"; ?>">wiki</a> or just log in. </p>
+  </div>
+
+
+  <ul class="loginregister nav nav-tabs">
+  <li class="active"><a href="#login" data-toggle="tab"> Login </a></li>
+  <li><a href="#register" data-toggle="tab"> Register</a> </li>
   </ul>
-  <form class="dologin" action="index.php?action=login" method="post">
+
+  <div class="tab-content">
+  <div class="tab-pane active" id="login">
+  <form class="loginregister form-inline" action="index.php?action=login" method="post">
   <fieldset>
-    <label for="email">Email:</label>
-    <input type="email" id="email" name="email" size="20" maxlength="30" autofocus /> <br />
-    <script>
-    if (!("autofocus" in document.createElement("input"))) {
-      document.getElementById("email").focus();
-    }
-    </script>
-    <label for="password">Password:</label>
-    <input type="password" id="password" name="password" size="20" maxlength="30" /> <br />
-    <input type="submit" class="submitbutton" name="login" value="login" />
-    <input type="submit" class="submitbutton" name="forgot" value="Forgot your password?" />
+      <input type="email"    id="email"    name="email"    size="20" maxlength="30" placeholder="email" autofocus />
+      <input type="password" id="password" name="password" size="20" maxlength="30" placeholder="password"/>
 <?php
   if($OPENIDPATH)
     {?>
+    <br /> or use openid <br />
+    <input type="text" id="openid_url" name="openid_url" size="20" maxlength="50" placeholder="http://username.openid.net"/>
+         <span class="help-bloc">See <a href="http://openid.net">openid.net</a> for more information</span>.
     <hr />
-    <label for="openid_url">Openid:</label>
-    <input type="text" id="openid_url" name="openid_url" size="20" maxlength="50" placeholder="http://username.openid.net"/> <br />
-    <p>See <a href="http://openid.net">openid.net</a> for more information.</p>
-    <input type="submit" class="submitbutton" name="login" value="Sign in" /><br />
+    <input type="submit" class="submitbutton" name="login"  value="login" />
+    <input type="submit" class="button"       name="forgot" value="Forgot your password?" />
 <?php }?>
   </fieldset>
   </form>
+   </div>
+
+  <div class="tab-pane" id="register">
+
 <?php
      /* check for openid information */
      $openid_url = '';
@@ -94,62 +98,51 @@ echo "<p> Play Doppelkopf online.</p>".
      if(myisset('openidemail'))
        $email      = $_REQUEST['openidemail'];
 
-     echo '<div class="doregister">'; echo "\n";
-     echo '        <form action="index.php?action=register" method="post">'; echo "\n";
-     echo '          <fieldset>'; echo "\n";
-     echo '             <table>'; echo "\n";
-     echo '              <tr>'; echo "\n";
-     echo '               <td><label for="Rfullname">Full name:</label></td>'; echo "\n";
-     echo "           <td><input type=\"text\" id=\"Rfullname\" name=\"Rfullname\" size=\"20\" maxlength=\"30\" value=\"$name\" /> </td>"; echo "\n";
-     echo '              </tr><tr>'; echo "\n";
-     echo '               <td><label for="Remail">Email:</label></td>'; echo "\n";
-     echo "           <td><input type=\"text\" id=\"Remail\" name=\"Remail\" size=\"20\" maxlength=\"30\" value=\"$email\" /></td>"; echo "\n";
-     echo '              </tr><tr>'; echo "\n";
+     echo '  <form class="loginregister form-horizontal doregister" action="index.php?action=register" method="post">'; echo "\n";
+     echo '  <fieldset>'; echo "\n";
+     echo '     <label for="Rfullname">Full name:</label>'; echo "\n";
+     echo "     <input type=\"text\" id=\"Rfullname\" name=\"Rfullname\" size=\"20\" maxlength=\"30\" value=\"$name\" /> <br />\n";
+     echo '     <label for="Remail">Email:</label>'; echo "\n";
+     echo "     <input type=\"text\" id=\"Remail\" name=\"Remail\" size=\"20\" maxlength=\"30\" value=\"$email\" />  <br />\n";
      if($openid_url=='')
        {
-        echo '        <td><label for="Rpassword">Password:</label></td>'; echo "\n";
-        echo '               <td><input type="password" id="Rpassword" name="Rpassword" size="20" maxlength="30" /></td>'; echo "\n";
-        echo '              </tr><tr>'; echo "\n";
+        echo '     <label for="Rpassword">Password:</label>'; echo "\n";
+        echo '     <input type="password" id="Rpassword" name="Rpassword" size="20" maxlength="30" />'; echo "<br />\n";
        }
      else
        {
-        echo '        <td><label for="Ropenid">OpenId:</label></td>'; echo "\n";
-        echo '               <td><input type="text" id="Ropenid" name="Ropenid" size="20" maxlength="50" value="'.htmlentities($openid_url).'" /></td>'; echo "\n";
-        echo '              </tr><tr>'; echo "\n";
+        echo '    <label for="Ropenid">OpenId:</label>'; echo "\n";
+        echo '    <input type="text" id="Ropenid" name="Ropenid" size="20" maxlength="50" value="'.htmlentities($openid_url).'" /> <br />'; echo "\n";
        }
-     echo '           <td><label for="Rtimezone">Timezone:</label></td>'; echo "\n";
-     echo '               <td>';echo "\n";
-
+     echo '     <label for="Rtimezone">Timezone:</label>'; echo "\n";
      output_select_timezone("Rtimezone");
+
+     /* random number to select robotproof question */
+     $rand_number = mt_rand(0,3); /* to get numbers between 0 and 4  */
+     $Robotproof = "Robotproof".$rand_number;
 ?>
-              </td>
-              </tr><tr>
-              </tr><tr>
+    Please answer this anti-spam question:<br />
+    <label for="Robotproof">  <?php echo output_robotproof($rand_number); ?></label>
 <?php
-              /* random number to select robotproof question */
-             $rand_number = mt_rand(0,3); /* to get numbers between 0 and 4  */
-              $Robotproof = "Robotproof".$rand_number;
+        echo "    <input type=\"text\" id=\"Robotproof\" name=\"$Robotproof\" size=\"20\" maxlength=\"30\" /> <br />\n";
 ?>
-               <td><label for="Robotproof">Please answer this question: <?php echo output_robotproof($rand_number); ?></label></td>
+    <input type="submit" class="submitbutton" value="register" />
+
 <?php
-        echo "<td><input type=\"text\" id=\"$Robotproof\" name=\"$Robotproof\" size=\"20\" maxlength=\"30\" /></td>\n";
-?>
-              </tr><tr>
-               <td colspan="2"> <input type="submit" value="register" /></td>
-              </tr>
-             </table>
-<?php               if($openid_url=='')
-       echo "<p><br /><strong> IMPORTANT: passwords are going over the net as clear text, so pick an easy password. ".
-        "No need to pick anything complicated here ;)</strong><p/>";
-
-     echo "<p> <strong>N.B. Your email address will be exposed to other players whom you play games with. ";
-     echo "</strong></p>";
+       if($openid_url=='')
+        echo "  <p><strong> IMPORTANT: passwords are going over the net as clear text, so pick an easy password. ".
+          "No need to pick anything complicated here ;)</strong></p>\n";
+
+     echo "  <p><strong>N.B. Your email address will be visible to players you play games with.</strong></p>\n";
 ?>
-          </fieldset>
-        </form>
-      </div>
+  </fieldset>
+  </form>
+   </div>
+   </div>
+
 <?php
-echo "<h4>Some statistics:</h4>";
+  echo "<hr />";
+echo "<h4>Some statistics:</h4>\n";
 
 if($pre == 0)
   echo "<p> At the moment there are no games that are being started ";
@@ -174,8 +167,7 @@ if($done==0)
  else if($done==1)
    echo "One game has been completed on this server. </p>";
  else
-   echo "$done games have been completed on this server. Average time of a game: $avgage days</p>";
-
+   echo "$done games have been completed on this server. Average time of a game: $avgage days</p>\n";
 ?>
 
 </div>