civboot.github.io/demo.html at main · civboot/civboot.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Civboot</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
</head>

<nav>
  <ul>
    <a href="/games/index.html" class=nav>Tutorial</a>
    <a href="/lua/index.html"   class='nav nav-selected'>Lua</a>
  </ul>
</nav>

<body>
<div class=doc>
<h1>Under Construction</h1>
<div class=warn>
  <p>Go to <a href="https://github.com/civboot/civlua">civlua</a> project for
  the most up-to-date documentation.

  <p>This site is under construction. Right now I am only using it to play with
  github pages and styling what the output of cxt will be.
</div>

<h2>Header 2</h2>

Quote:
<div class=info>
  <p>This is a quote</p>
  <p>...by <a href="#">somebody</a>.</p>
</div>

<h3>Header 3</h3>
<h6>Header 6</h6>

<p>Some link to <a href="https://google.com">google.com</a>,
and <a href="https://dontgohere.com">don't go here</a>
</p>

<p>A list.</p>
<ul>
  <li>item 1.</li>
  <li><p><span class="code">inline-code</span></li>
</ul>


<p>block code:</p>

<div class="code-block">
  <span class=syn-kw>function</span> <a class=syn-name href="">foo</a>(a)<br>
  &nbsp; <span class=syn-call>print</span><span class=syn-string
  >"0Oo0 - some really really looooooooong text... yup it keeps going and going and going..."</span>
  <br>
  &nbsp; <span class=syn-kw>return</span> a + 3&nbsp; <span class=syn-comment>// adding three</span><br>
  <span class=syn-kw>end</span><br>
</div>

<p>Short code:</p>
<div class="code-block">
  foo()&nbsp; <span class=syn-comment>// comment</span>
</div>

<h2>A Table</h2>
<p>Some text before the table.</p>

<div class=table><table>
  <tbody><tr>
    <th>1st header column
    </th>
    <th>2nd header column
    </th>
    <th>3rd header column</th>
  </tr>
  <tr>
    <td>long row 1.1
    </td>
    <td>long row 1.2
    <p>
    Even includes new line!
    </p>
    <div class=info>
      <p>... and some info!</p>
    </div>
</div>
    </td>
    <td>long row 1.3
      <div class=code-block><span class=syn-kw>function</span> <a class=syn-name href="">example</a>(a)<br>
        &nbsp; <span class=syn-kw>return</span> <span class=syn-string>"code block"</span><br>
        <span class=syn-kw>end</span>
      </div>
    </td>
  </tr>
  <tr>
    <td>row 2.1
    </td>
    <td>row 2.2
    </td>
    <td>row 2.3</td>
  </tr>
</tbody></table></div>

<p>End of table... </p>
<div class=table><table>
  <tr><td>very</td> <td>shrt</td></tr>
</table></div>

</div>
</body>
</html>