diff options
Diffstat (limited to 'example')
| -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> |