diff --git a/index.html b/index.html
index 2ea6917..2c5ec4d 100644
--- a/index.html
+++ b/index.html
@@ -2,23 +2,28 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>Parser Juniper</title>
+ <link rel=stylesheet href="style.css" />
+ <title>Juniper Parser</title>
</head>
<body>
- <form style="display: flex;">
- <textarea id="input" name="inputConf" cols="90" rows="50"></textarea>
+ <h1>Juniper Parser</h1>
+ <p>Put your Juniper configuration in the first textarea, then click on the button. It'll convert the configuration to a series of set commands. </p>
+
+ <form style="display: flex; flex-direction: column; justify-content: space-around;">
+ <textarea id="input" name="inputConf" cols="80" rows="16"></textarea>
<input type="button" onClick="letsParse()" value="Parse !">
- <textarea id="output" name="outputConf" cols="90" rows="50" disabled></textarea>
+ <textarea id="output" name="outputConf" cols="80" rows="16" disabled></textarea>
</form>
<h2>Informations</h2>
<h3>Authors</h3>
- <p>Tim Price writed a PHP script to convert Juniper conf to a series of set commands. You can find it on <a href="https://github.com/pgnuta/juniper-config-to-set">this github</a>. I just rewrite it in JS and add an interface. You can find the source code on <a href="https://github.com/rick-gnous/juniper-config-to-set/tree/implWeb">this github</a>.</p>
+ <p>Tim Price wrote a PHP script to convert Juniper conf to a series of set commands. You can find it on <a href="https://github.com/pgnuta/juniper-config-to-set">this github</a>. I just rewrote it in JS and add an interface. You can find the source code on <a href="https://github.com/rick-gnous/juniper-config-to-set/">this github</a>.</p>
<h3>Contact</h3>
<p>My email address : <code>rick@gnous.eu</code></p>
<p>My Github page : <a href="https://github.com/rick-gnous">here we go</a></p>
<h3>About the code</h3>
<p>All the code is under <a href="https://www.gnu.org/licenses/gpl-3.0.fr.html">GPL3 licence</a>.</p>
+ <p>It can be used offline, the parsing is done locally, on your PC.</p>
<script src="parser.js"></script>
<script src="changeDom.js"></script>
</body>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..5eb950c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,17 @@
+form {
+ margin: 3em;
+}
+
+form input {
+ margin: 5em;
+ margin-top: 2em;
+ line-height: 3.5;
+}
+
+#input {
+ background-color: lightblue;
+}
+
+#output {
+ background-color: lightgrey;
+}
\ No newline at end of file