Merge pull request #8 from jNullj/new_design

jNullj · web-flow · commit f8df7590d232 · 2016-09-14T17:48:55.000+03:00
Improved site design, closes #8 , closes #7
diff --git a/index.php b/index.php
@@ -7,33 +7,42 @@
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <link rel="stylesheet" type="text/css" href="style.css">
         <title>Null's Text Decorator</title>
     </head>
     <body>
-        <h1>Null's Text Decorator</h1>
+        <div id="header">
+            <h1>Null's Text Decorator</h1>
+        </div>
         <br />
-        <form action="index.php" method="post">
         <br />
-        <?php
-        if (isset($_POST["step2"]))
-        {
-                ?>
-                Enter your text here → <input type="text" name="input" value="<?=$_POST["input"]; ?>" />
-                <br />
-                Circled text: <input type="text" name="cool1" value="<?=$dec->cycle($_POST["input"]); ?>" readonly />
-                <br />
-                Leet text: <input type="text" name="cool1" value="<?=$dec->leet($_POST["input"]); ?>" readonly />
-                <?php
-        }
-        else
-        {
-                ?>
-                Enter your text here → <input type="text" name="input" />
-                <?php
-        }
-        ?>
-        <br />
-        <input type="submit" name="step2" />
-        </form>
+        <div id="main">
+            <form action="index.php" method="post">
+                <table>
+                    <?php
+                    if (isset($_POST["step2"]))
+                    {
+                            ?>
+                    <tr><th>
+                            Enter your text here → </th><th><input type="text" name="input" value="<?=$_POST["input"]; ?>" /></th>
+                    </tr><tr><th>
+                            Circled text: </th><th><input type="text" name="cool1" value="<?=$dec->cycle($_POST["input"]); ?>" readonly /></th>
+                    </tr><tr><th>
+                            Leet text: </th><th><input type="text" name="cool1" value="<?=$dec->leet($_POST["input"]); ?>" readonly /></th>
+                    </tr>
+                            <?php
+                    }
+                    else
+                    {
+                            ?>
+                    <tr><th>
+                            Enter your text here → </th><th><input type="text" name="input" /></th></tr>
+                            <?php
+                    }
+                    ?>
+                    <tr><th colspan="2" class="submit"><input class="submitButton" type="submit" name="step2" value="Decorate" /></th></tr>
+                </table>
+            </form>
+        </div>
     </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,30 @@
+/* 
+    Created on : 14/09/2016, 16:24:40
+    Author     : jNullj
+*/
+
+
+body{
+    background-color: #545454;
+    color: whitesmoke;
+}
+#header{
+    text-align: center;
+}
+#header h1{
+    color: white;
+    text-shadow: white 0 0 12px;
+    font-size: 300%;
+}
+#main{
+    width: 100%;
+    text-align: center;
+}
+#main table{
+    text-align: left;
+    margin-left: auto;
+    margin-right: auto;
+}
+.submit{
+    text-align: center;
+}
