diff --git a/assets/sass/screen.scss b/assets/sass/screen.scss
index e69de29..be40252 100644
--- a/assets/sass/screen.scss
+++ b/assets/sass/screen.scss
@@ -0,0 +1,59 @@
+
+$gray: #757575;
+$white: #fff;
+
+body {
+ width: 750px;
+ border: 1px solid $gray;
+ margin: 20px auto;
+ color: $gray;
+}
+
+nav, footer {
+ background-color: $gray;
+ color: $white;
+ height: 20px;
+ line-height: 20px;
+ padding: 5px;
+}
+
+header {
+ h1 {
+ margin: .67em;
+ }
+}
+
+nav {
+}
+
+main {
+ min-height:300px;
+
+ table {
+ margin: 10px;
+ width: 730px;
+ tbody {
+ border: 1px solid $gray;
+
+ }
+ tr {
+ border-bottom: 1px solid $gray;
+ th {
+ text-align: left;
+ padding: 20px;
+ font-size: 1.5em;
+ }
+ td {
+ padding: 10px;
+ width: 30%;
+ }
+ td + td {
+ width: 70%;
+ }
+ }
+ }
+}
+
+footer {
+ text-align: center;
+}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index b6637dc..bb3af5e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,9 +10,120 @@
ifconfig.io
-
+
+ What is my ip address? - ifconfig.io
+
-
-
+
+
+
+ Your Connection |
+
+
+
+
+ IP Address | {{ ip_address }} |
+
+
+ Remote Host | {{ remote_host }} |
+
+
+ User Agent | {{ user_agent }} |
+
+
+ Port | {{ port }} |
+
+
+ Language | {{ language }} |
+
+
+ Referer | {{ referer }} |
+
+
+ Connection | {{ connection }} |
+
+
+ KeepAlive | {{ keep_alive }} |
+
+
+ Method | {{ method }} |
+
+
+ Encoding | {{ encoding }} |
+
+
+ MIME Type | {{ mime_type }} |
+
+
+ Charset | {{ charset }} |
+
+
+ Via | {{ via }} |
+
+
+ X-Forwarded-For | {{ x_forwarded_for }} |
+
+
+
+
+
+
+ Command Line Interface |
+
+
+
+
+
+ $ curl ifconfig.io | {{ ipaddr }} |
+
+
+ $ curl ifconfig.io/ip | {{ ipaddr }} |
+
+
+ $ curl ifconfig.io/host | {{ hostname }} |
+
+
+ $ curl ifconfig.io/ua | {{ useragent }} |
+
+
+ $ curl ifconfig.io/port | {{ port }} |
+
+
+ $ curl ifconfig.io/lang | {{ language }} |
+
+
+ $ curl ifconfig.io/keepalive | {{ keepalive }} |
+
+
+ $ curl ifconfig.io/connection | {{ keep_alive }} |
+
+
+ $ curl ifconfig.io/encoding | {{ encoding }} |
+
+
+ $ curl ifconfig.io/mime | {{ mime_type }} |
+
+
+ $ curl ifconfig.io/charset | {{ charset }} |
+
+
+ $ curl ifconfig.io/via | {{ via }} |
+
+
+ $ curl ifconfig.io/forwarded | {{ x_forwarded_for }} |
+
+
+ $ curl ifconfig.io/all | {{ hash as yaml }} |
+
+
+ $ curl ifconfig.io/all.xml | {{ hash as xml }} |
+
+
+ $ curl ifconfig.io/all.json | {{ hash as json }} |
+
+
+
+
+