Rewrote and restyled rules to be more legible.

docs/todo-cheryl

@@ -14,6 +14,14 @@ IMAGES
 CSS/HTML
 
 * Usability: Rules page is confusing to read, some people don't realise there are two lists.
+  log:
+  - Made one main header with a subheading for each list
+  - Made verbs at start of lists imperatives instead of gerunds.
+  - No redundant byline explaining the header.
+  - Removed or rephrased other redundant or obvious text
+  - Moved 'punishments' line to top paragraph
+  - Took out explanations of each cheating/not cheating item: this is not a tutorial!
+  - Used more conversational writing style
 
 META
 

webmocks/2014/rules.css

@@ -0,0 +1,141 @@
+/* MEYER RESET
+http://meyerweb.com/eric/tools/css/reset/ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+nav,
+table, caption, tbody, tfoot, thead, tr, th, td,
+input, label {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-size: 100%;
+    color: #222;
+    color: inherit;
+    vertical-align: baseline;
+    background: transparent;
+}
+body {
+    line-height: 1;
+    font-family: Arial, sans-serif;
+}
+/*
+ol, ul {
+    list-style: none;
+}
+*/
+blockquote, q {
+    quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+h1, h2, h3, h4, h5, h6 {
+    /*font-family: Georgia, Times, "Times New Roman", serif;*/
+}
+
+#container {
+  width: 500px;
+  margin: 0 auto;
+}
+
+a {
+  text-decoration: none;
+  color: #34f;
+}
+
+
+/****************/
+/* RULES STYLES */
+/****************/
+
+/* Notes
+ *
+ * 'Rules are needed' line redundant?
+ * We don't need ALL three "Rules", "Cheating" and "Startscumming" as headings.
+ * We do need clarity between the two main sections.  What is allowed, not allowed.
+ * Putting startscumming in its own section doesn't make the text easier to read.  Put it back in the list of 'this is not cheating/this is allowed'.
+ *
+ */
+
+/* For some reason this is in the stylesheet...aah! : */
+/** /
+body {
+  font-size: 0.8em;
+
+}
+/**/
+
+h1 { /* "Rules" - main heading */
+  font-size: 1.5em;
+  line-height: 2em;
+}
+h2 { /* do/don't subheadings */
+  font-size: 1.3em;
+  line-height: 3em;
+}
+.description {/* description before subheadings */
+  margin-top:20px;
+}
+
+/*the rules list */
+ol {
+  list-style-type: decimal;
+}
+
+/* the cheating/not cheating lists */
+ul {
+  list-style-type:disc;
+}
+
+/* the text-content box */
+.text_content_wrapper {
+  margin-top: 3.0em;
+  padding-top: 1px;
+  padding-bottom: 30px;
+  /* rounding */
+  box-shadow: 0px 0px 8px #222;
+  border-radius: 6px;
+  opacity: 0.9;
+}
+.text_content_wrapper {
+  /*color */
+  background-color: #ddd;
+    background-color: #ddd;
+    background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(221,221,221) 15%, rgb(221,221,221) 85%, rgb(255,255,255) 100%);
+    background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(221,221,221) 15%, rgb(221,221,221) 85%, rgb(255,255,255) 100%);
+    background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(221,221,221) 15%, rgb(221,221,221) 85%, rgb(255,255,255) 100%);
+    background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(221,221,221) 15%, rgb(221,221,221) 85%, rgb(255,255,255) 100%);
+    background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(221,221,221) 15%, rgb(221,221,221) 85%, rgb(255,255,255) 100%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        right top,
+        color-stop(0.0, rgb(255,255,255)),
+        color-stop(0.15, rgb(221,221,221)),
+        color-stop(0.85, rgb(221,221,221)),
+        color-stop(1.0, rgb(255,255,255))
+    );
+
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.text_content {
+  margin: 35px 30px 0 30px;
+  line-height: 1.5em;
+}

webmocks/2014/rules.html

@@ -0,0 +1,93 @@
+<!doctype html>
+<html xmlns:og='http://ogp.me/ns#'>
+  <head>
+    <meta content='application/xhtml+xml;charset=utf-8' http-equiv='content-type'>
+    <link href='rules.css' rel='stylesheet' type='text/css'>
+    <title>Junethack - 52 players already registered!</title>
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Junethack" />
+    <meta property="og:url" content="http://junethack.de/" />
+    <meta property="og:description" content="The NetHack Cross-Variant Summer Tournament" />
+    <meta property="og:image" content="http://junethack.de/apple-touch-icon.png" />
+    <link rel="alternate" type="application/rss+xml" title="Junethack" href="http://junethack.de/junethack.rss" />
+  </head>
+  <body>
+    <div id='container'>
+      <div class='content_bulk'>
+        <div class='text_content_wrapper'>
+          <div class='text_content'>
+              <h1>
+                Rules
+              </h1>
+
+              <p class="description">
+                Rule violations will be met with dire consequences!  Dire!  And consequential!
+                (Yeah, it doesn't happen much.)
+                Staff make the final decision if it's not clear.
+                Here's what Junethack thinks is cheating.
+              </p>
+              <h2>
+                Don't:
+              </h2>
+              <ul>
+                <li>
+                  crack into one of the game servers and adding fake games or bones.
+                </li>
+                <li>
+                  exploit vulnerabilities in a weak random number generator.
+                </li>
+                <li>
+                  exploit memory corrupting bugs.
+                </li>
+                <li>
+                  use disconnection at critical spots to hide a death from logs.
+                </li>
+              </ul>
+              <p class="description">
+                And here's what officially isn't cheating.
+
+                Fellow adventurers may disapprove mightily but Junethack doesn't care.
+              </p>
+              <h2>
+                Do:
+              </h2>
+              <ul>
+                <li>
+                <a href='http://nethackwiki.com/wiki/Pudding_farming'>pudding farm</a>.
+                </li>
+                <li>
+                <a href='http://nethackwiki.com/wiki/Start_scumming'>start scum</a>:
+                Escaping or quitting within the first 10 turns. These games are hidden on the games tables, though.
+                </li>
+                <li>
+                  look at player 
+                <a href='http://nethackwiki.com/wiki/Dumplog'>dumplogs</a>.
+                </li>
+                <li>
+                  watch 
+                  <a href='http://nethackwiki.com/wiki/Ttyrec'>ttyrecs</a>
+                  of previous or current games.
+                </li>
+                <li>
+                  use NetHack playing bots or so called "augmentation" tools
+                  like Interhack.
+                </li>
+                <li>
+                  exploit well known game bugs (eg, Astral call bug, floating
+                  wand wresting trick, gold duplication bug, artifact naming trick,
+                  etc). Some of these may be fixed on some servers.
+                </li>
+                <li>
+                  in general, anything the game says you can do. (whew!)
+                </li>
+              </ul>
+              <div class='text_content non_top_post'></div>
+          </div>
+          <span class='clear' id='end_of_content_spacer'></span>
+        </div>
+      </div>
+      <div class='footer'>
+      </div>
+    </div>
+  </body>
+</html>