wider input field

forwarder.js

@@ -6,6 +6,7 @@ if (Meteor.isClient) {
       before: function(){
         var url = Urls.findOne().url;
         if (!(typeof url == "undefined")) {
+          document.write("forwarding");
           setTimeout(function() { window.location.replace(url); }, 2000);
         }
         else {
@@ -18,15 +19,7 @@ if (Meteor.isClient) {
     this.render('home');
   });
 
-  // Router.route('/forward', function(){
-  //   this.render('home');
-  //   // before: function(){
-  //   //   var url = Urls.findOne().url;
-  //   //   window.location.replace(url);
-  //   // };
-  // });
-
-  Template.url.helpers({
+  Template.home.helpers({
     url: function () {
       return Urls.findOne().url;
     }
@@ -44,6 +37,7 @@ if (Meteor.isClient) {
 if (Meteor.isServer) {
   Meteor.startup(function () {
     // code to run on server at startup
-    Urls.insert({});
+    Urls.remove({});
+    Urls.insert({url: "http://"});
   });
 }

index.html

@@ -24,22 +24,17 @@
 
 <template name="home">
   <h1>Share this url to all devices in the Open Device Lab Bern!</h1>
-  {{> url}}
 
   <form action="#">
   	<label for="url">URL</label><br>
-    <input name="url" type="url" value="http://" placeholder="url">
+    <input name="url" type="url" value="{{url}}" placeholder="url">
   </form>
 
   <p>
     <a href="/forward">Point your devices to this link</a>
   </p>
 </template>
 
-<template name="url">
-  <h2><a href="{{url}}">{{url}}</a></h2>
-</template>
-
 <template name="forward">
 	Forwarding...
 </template>

style.css

@@ -21,8 +21,12 @@ h1 {
 
 input {
 	font-size: 1.5em;
+	border: none;
+	border-bottom: 1px solid #ccc;
+	width: 80%;
+	text-align: center;
 }
 
 a, a:visited, a:active{
 	color:#798c1f;
-}
+}