1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
---|
5 | <link rel="stylesheet" type="text/css" href="themes/default/theme.css"> |
---|
6 | <link rel="stylesheet" type="text/css" href="themes/Sylvia/theme.css"> |
---|
7 | <title>Piwigo, {'Welcome'|@translate}</title> |
---|
8 | {literal} |
---|
9 | <style type="text/css"> |
---|
10 | body { |
---|
11 | margin: 0; |
---|
12 | padding: 0; |
---|
13 | background-color:#111; |
---|
14 | } |
---|
15 | |
---|
16 | P {text-align:center;} |
---|
17 | TD {color:#888; letter-spacing:1px;} |
---|
18 | |
---|
19 | #global { |
---|
20 | position:absolute; |
---|
21 | left: 50%; |
---|
22 | top: 50%; |
---|
23 | width: 700px; |
---|
24 | height: 400px; |
---|
25 | margin-top: -200px; /* height half */ |
---|
26 | margin-left: -350px; /* width half */ |
---|
27 | |
---|
28 | background-color: #eee; |
---|
29 | background: #222222; |
---|
30 | border:2px solid #FF3363; |
---|
31 | } |
---|
32 | |
---|
33 | #noPhotoWelcome {font-size:25px; color:#888;text-align:center; letter-spacing:1px; margin-top:30px;} |
---|
34 | .bigButton {} |
---|
35 | |
---|
36 | .bigButton {text-align:center; margin-top:120px;} |
---|
37 | |
---|
38 | .bigButton a { |
---|
39 | background-color:#333; |
---|
40 | padding:10px; |
---|
41 | text-decoration:none; |
---|
42 | margin:0px 5px 0px 5px; |
---|
43 | -moz-border-radius:6px; |
---|
44 | -webkit-border-radius:6px; |
---|
45 | color:#ff7700; |
---|
46 | font-size:25px; |
---|
47 | letter-spacing:2px; |
---|
48 | padding:20px; |
---|
49 | } |
---|
50 | |
---|
51 | .bigButton a:hover { |
---|
52 | background-color:#444; |
---|
53 | outline:none; |
---|
54 | color:#ff3333; |
---|
55 | border:none; |
---|
56 | } |
---|
57 | |
---|
58 | #connectionBox { |
---|
59 | margin:0 auto; |
---|
60 | margin-top:70px; |
---|
61 | } |
---|
62 | |
---|
63 | #deactivate { |
---|
64 | position:absolute; |
---|
65 | bottom:10px; |
---|
66 | text-align:center; |
---|
67 | width:100%; |
---|
68 | |
---|
69 | font-style:normal; |
---|
70 | font-size:1.0em; |
---|
71 | } |
---|
72 | |
---|
73 | .submit {font-size:1.0em; letter-spacing:2px; font-weight:normal;} |
---|
74 | |
---|
75 | #deactivate A { |
---|
76 | text-decoration:none; |
---|
77 | border:none; |
---|
78 | } |
---|
79 | </style> |
---|
80 | {/literal} |
---|
81 | |
---|
82 | </head> |
---|
83 | |
---|
84 | <body> |
---|
85 | <div id="global"> |
---|
86 | |
---|
87 | {if $step == 1} |
---|
88 | <p id="noPhotoWelcome">{'Welcome to your Piwigo photo gallery!'|@translate}</p> |
---|
89 | |
---|
90 | <form method="post" action="{$U_LOGIN}" id="quickconnect"> |
---|
91 | <table id="connectionBox"> |
---|
92 | <tr> |
---|
93 | <td>{'Username'|@translate}</td> |
---|
94 | <td><input type="text" name="username"></td> |
---|
95 | </tr> |
---|
96 | <tr> |
---|
97 | <td>{'Password'|@translate}</td> |
---|
98 | <td><input type="password" name="password"></td> |
---|
99 | </tr> |
---|
100 | </table> |
---|
101 | |
---|
102 | <p><input class="submit" type="submit" name="login" value="{'Login'|@translate}"></p> |
---|
103 | |
---|
104 | <div id="deactivate"><a href="{$deactivate_url}">{'... or browse your empty gallery'|@translate}</a></div> |
---|
105 | </form> |
---|
106 | |
---|
107 | |
---|
108 | {else} |
---|
109 | <p id="noPhotoWelcome">{$intro}</p> |
---|
110 | <div class="bigButton"><a href="{$next_step_url}">{'I want to add photos'|@translate}</a></div> |
---|
111 | <div id="deactivate"><a href="{$deactivate_url}">{'... or please deactivate this message, I will find my way by myself'|@translate}</a></div> |
---|
112 | {/if} |
---|
113 | |
---|
114 | |
---|
115 | </div> |
---|
116 | </body> |
---|
117 | |
---|
118 | </html> |
---|
119 | |
---|