diff options
Diffstat (limited to 'example/web/loginpage.html')
-rw-r--r-- | example/web/loginpage.html | 54 |
1 files changed, 38 insertions, 16 deletions
diff --git a/example/web/loginpage.html b/example/web/loginpage.html index abce719..ebce4aa 100644 --- a/example/web/loginpage.html +++ b/example/web/loginpage.html | |||
@@ -2,66 +2,88 @@ | |||
2 | <title><!--#echo var="grid" --> splash page</title> | 2 | <title><!--#echo var="grid" --> splash page</title> |
3 | <head> | 3 | <head> |
4 | <style> | 4 | <style> |
5 | .container { | 5 | html, body |
6 | { | ||
7 | margin: 0; | ||
8 | padding: 0; | ||
9 | color: white; | ||
10 | } | ||
11 | a {color: green;} | ||
12 | a:link {color: green;} | ||
13 | a:visited {color: purple;} | ||
14 | a:hover {color: red;} | ||
15 | a:active {color: blue;} | ||
16 | |||
17 | .container | ||
18 | { | ||
6 | position: relative; | 19 | position: relative; |
7 | text-align: left; | 20 | text-align: left; |
8 | color: white; | ||
9 | } | 21 | } |
10 | 22 | ||
11 | .top-left { | 23 | .top-left |
24 | { | ||
12 | position: absolute; | 25 | position: absolute; |
13 | top: 8px; | 26 | top: 8px; |
14 | left: 16px; | 27 | left: 16px; |
15 | } | 28 | } |
16 | 29 | ||
17 | .top-right { | 30 | .top-right |
31 | { | ||
18 | position: absolute; | 32 | position: absolute; |
19 | top: 8px; | 33 | top: 8px; |
20 | right: 16px; | 34 | right: 16px; |
21 | } | 35 | } |
22 | 36 | ||
23 | .centered { | 37 | .centre |
38 | { | ||
24 | position: absolute; | 39 | position: absolute; |
25 | top: 50%; | 40 | top: 50%; |
26 | left: 50%; | 41 | left: 50%; |
27 | transform: translate(-50%, -50%); | 42 | transform: translate(-50%, -50%); |
28 | } | 43 | } |
29 | 44 | ||
30 | .bottom-left { | 45 | .bottom-left |
46 | { | ||
31 | position: absolute; | 47 | position: absolute; |
32 | bottom: 8px; | 48 | bottom: 8px; |
33 | left: 16px; | 49 | left: 16px; |
34 | } | 50 | } |
35 | 51 | ||
36 | .bottom-right { | 52 | .bottom-right |
53 | { | ||
37 | position: absolute; | 54 | position: absolute; |
38 | bottom: 8px; | 55 | bottom: 8px; |
39 | right: 16px; | 56 | right: 16px; |
40 | } | 57 | } |
41 | </style> | 58 | </style> |
42 | </head> | 59 | </head> |
43 | <body bgcolor="black" text="white" alink="red" link="green" vlink="purple"> | 60 | <body> |
44 | <div class="container"> | 61 | <div class="container"> |
45 | <img src="SledjHamr.png" alt="SledjHamr" style="width:100%;height:98%;"> | 62 | <img src="SledjHamr.png" alt="SledjHamr" style="width:100%;height:100%;"> |
46 | <div class="top-left"> | 63 | <div class="top-left"> |
47 | <h1>Add your fancy splash page for <!--#echo var="grid" --> here.</h1> | 64 | <h1>Add your fancy splash page for <!--#echo var="grid" --> here.</h1> |
48 | <p> </p> | 65 | <p> </p> |
49 | <p> </p> | 66 | <p> </p> |
50 | <p> </p> | 67 | <p> </p> |
51 | <p>There are likely some (<!--#echo var="members" -->) members of this grid.</p> | 68 | <p>Perhaps describe <!--#echo var="grid" --> here.</p> |
69 | </div> | ||
70 | <div class="top-right"> | ||
71 | <h1>Login URI - <!--#echo var="uri" --></h1> | ||
52 | <p> </p> | 72 | <p> </p> |
73 | <p><!--#echo var="grid" --> may or maynot be in good shape now.</p> | ||
74 | <p>There are likely some (<!--#echo var="members" -->) members of this grid.</p> | ||
53 | <p>There are maybe some (<!--#echo var="inworld" -->) people in world now (including hypergridders).</p> | 75 | <p>There are maybe some (<!--#echo var="inworld" -->) people in world now (including hypergridders).</p> |
54 | <p> </p> | ||
55 | <p>There are maybe some (<!--#echo var="outworld" -->) locals hypergridding now.</p> | 76 | <p>There are maybe some (<!--#echo var="outworld" -->) locals hypergridding now.</p> |
56 | <p> </p> | ||
57 | <p>There is probably at least one (<!--#echo var="sims" -->) region, maybe more.</p> | 77 | <p>There is probably at least one (<!--#echo var="sims" -->) region, maybe more.</p> |
58 | <p> </p> | ||
59 | </div> | 78 | </div> |
60 | <div class="top-right"> | 79 | <div class="centre"> |
61 | <h1>Login URI - <!--#echo var="uri" --></h1> | 80 | <p>Maybe add some news or events here, or something.</p> |
81 | </div> | ||
82 | <div class="bottom-left"> | ||
83 | <p>CSS by Taylor Temper, photo by onefang rejected.</p> | ||
62 | </div> | 84 | </div> |
63 | <div class="bottom-right"> | 85 | <div class="bottom-right"> |
64 | <p> This grid is running <a href="https://sledjhamr.org/mantisbt/project_page.php?project_id=8"><!--#echo var="version" --></a></p> | 86 | <p><!--#echo var="grid" --> is running <a href="https://sledjhamr.org/mantisbt/project_page.php?project_id=8"><!--#echo var="version" --></a></p> |
65 | </div> | 87 | </div> |
66 | </body> | 88 | </body> |
67 | </html> | 89 | </html> |