Clean up personal statement code
[ucas-personal-statement-counter.git] / index.html
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..d46a01c
--- /dev/null
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+<!--
+UCAS Personal Statement Word Counter
+Copyright (c) 2014-2016 Adrian Iain Lam
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+A copy of the GNU General Public License can be found at
+<http://www.gnu.org/licenses/gpl.html>.
+
+Contact: <ail30@cam.ac.uk>
+-->
+<head>
+  <title>UCAS Personal Statement Line &amp; Character Counter</title>
+  <meta charset="utf-8" />
+  <meta
+    name="description"
+    content="
+      Confused by UCAS's way of counting lines and characters?
+      Click here for a detailed analysis.
+    "
+  />
+  <meta
+    name="keywords"
+    content="UCAS,line,word,character,count,counter,number,personal,statement"
+  />
+  <meta name="author" content="Adrian Iain Lam" />
+  <script src="script.js"></script>
+  <link rel="stylesheet" type="text/css" href="style.css" />
+</head>
+<body onload="autocheck()">
+  <h3>UCAS Personal Statement Line &amp; Character Counter</h3>
+  <div id="txtContainer">
+    Paste your personal statement here!<br />
+    <textarea id="txt1"></textarea>
+  </div>
+    
+  <div id="outputContainer" class="topPadding">
+    <div id="resultsContainer">
+      <div id="results"></div>
+      <!-- Empty div will not have space reserved -->
+      <div id="workaround" class="hidden">.</div>
+    </div>
+
+    <div id="statContainer">
+      <input id="chk1" type="checkbox" onclick="autocheck()" checked>
+        Automatic analysis
+        <span class="note">(Not recommended for slow computers)</span>
+      <button id="btn1" class="hidden" onclick="analyse()">
+        Analyse
+      </button>
+      <br />
+      <input id="chk2" type="checkbox" onclick="analyse()" checked>
+        Separate paragraphs
+        <br />
+        <span class="note">
+          (For readability purpose only. Will NOT be present in the UCAS
+          submission)
+        </span>
+      <div id="stats" class="topPadding">
+        <div id="statLines">Lines: 0/47</div>
+        <div id="statChars">Characters: 0/4000</div>
+        <div id="statWarn" class="hidden">
+          Warning: Extra space(s) found at end of paragraph(s)
+        </div>
+      </div>
+      <address>
+        Found a bug? Please report to
+        &lt;<a href="mailto:ail30@cam.ac.uk">ail30@cam.ac.uk</a>&gt;.
+      </address>
+      <footer>
+        <p>Copyright &copy; 2014-2016 Adrian Iain Lam</p>
+        <p>
+          This program is free software, and you are welcome to redistribute it
+          under the terms of the GNU GPL. This program comes with ABSOLUTELY NO
+          WARRANTY. View the source for details.
+        </p>
+        <p>
+          This site is not affiliated with, endorsed by, approved by,
+          or related to UCAS.
+        </p>
+        <p>
+          Unlike <a href="http://maccery.com/ps/" target="_blank">the counter
+          by Maccery</a>, no personal statements are sent to the hosting server.
+          All codes are executed on the client-side.
+        </p>
+    </div>
+  </div>
+</body>
+</html>