Inlined CSS

main.go

@@ -13,8 +13,8 @@ import (
 )
 
 
-// Logger is a simple log handler, out puts in the standard of apache access log common
-// http://httpd.apache.org/docs/2.2/logs.html#accesslog
+// Logger is a simple log handler, out puts in the standard of apache access log common.
+// See http://httpd.apache.org/docs/2.2/logs.html#accesslog
 func Logger() gin.HandlerFunc {
 	return func(c *gin.Context) {
 		t := time.Now()

templates/index.html

@@ -4,7 +4,45 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" />
-    <link rel="stylesheet" href="/css/screen.css" />
+      <style>
+          body {
+              width: 750px;
+              border: 1px solid #757575;
+              margin: 20px auto;
+              color: #757575; }
+
+          nav, footer {
+              background-color: #757575;
+              color: white;
+              height: 20px;
+              line-height: 20px;
+              padding: 5px; }
+
+          header h1 {
+              margin: .67em; }
+
+          main {
+              min-height: 300px; }
+          main table {
+              margin: 10px;
+              width: 730px; }
+          main table tbody {
+              border: 1px solid #757575; }
+          main table tr {
+              border-bottom: 1px solid #757575; }
+          main table tr th {
+              text-align: left;
+              padding: 20px;
+              font-size: 1.5em; }
+          main table tr td {
+              padding: 10px;
+              width: 30%; }
+          main table tr td + td {
+              width: 70%; }
+
+          footer {
+              text-align: center; }
+      </style>
     <script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
     <!-- script type="application/javascript" src="/js/main.js"></script-->
     <title>ifconfig.io</title>