summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYuval Adam <yuval@y3xz.com>2015-12-09 01:24:26 +0200
committerYuval Adam <yuval@y3xz.com>2015-12-09 01:24:42 +0200
commit792c3df83df86386b6b24b0f36efc108a3eeca43 (patch)
treefc6103bba335971db2932576dd3a8dbde0910c1b
parent5a15e8b05f9dd13af2b7453bca99c2a3a76faa4f (diff)
Add some page layout to the whole thing
-rw-r--r--index.html9
-rw-r--r--index.js4
2 files changed, 10 insertions, 3 deletions
diff --git a/index.html b/index.html
index da9edba..a42b6f2 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,17 @@
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
+ <header>
+ <h1>CIDR.xyz</h1>
+ <h2>An interactive IP address and CIDR range visualizer</h2>
+ </header>
+ <section id="app"></section>
+ <footer>
+ Created by <a href="https://y3xz.com">Yuval Adam</a>. Source available on <a href="https://github.com/yuvadm/cidr.xyz">Github</a>.
+ </footer>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html> \ No newline at end of file
diff --git a/index.js b/index.js
index 65b52ee..e9935dc 100644
--- a/index.js
+++ b/index.js
@@ -47,6 +47,4 @@ class IPAddress extends React.Component {
}
}
-const app = document.createElement('div')
-document.body.appendChild(app)
-ReactDOM.render(<IPAddress />, app)
+ReactDOM.render(<IPAddress />, document.getElementById('app'))