forked from jayallen/melody
-
Notifications
You must be signed in to change notification settings - Fork 36
/
index.html
191 lines (149 loc) · 8.26 KB
/
index.html
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Melody: Community-Powered Publishing</title>
<style type="text/css" media="screen">
body {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
background-color: #fff;
}
a {
color: #33789c;
}
a:hover {
color: #a2ad00;
}
.chromeless #container {
position: relative;
margin: 0 auto;
text-align: left;
}
.chromeless #container {
width: 360px;
}
.chromeless #container {
margin-top: 50px;
}
.chromeless #content {
border: 1px solid #cfdde5;
padding: 20px;
}
.chromeless #content h1 {
margin: 0;
padding: 0;
height: 108px;
font-size: 24px;
font-weight: normal;
background: transparent url(mt-static/images/melody/melody-logo.png) no-repeat scroll top center;
}
.chromeless #content h1 span {
visibility: hidden;
}
.chromeless #content h2 {
font-size: 16px;
margin: 0 0 10px 0;
}
.info {
font-size: 14px;
}
.login {
margin: 30px auto 30px auto;
text-align: center;
}
.login a {
font-size: 18px;
color: #fff;
text-decoration: none;
background-color: #226C9C;
border-width: 2px;
border-style: solid;
border-color: #6AA8C6 #1B577D #1B577D #6AA8C6;
padding: 4px 12px;
}
.login a:hover {
color: #fff;
}
</style>
<script type="text/javascript">
<!--
// TODO ATTN saahov: We need to add a Russian translation.
var languages = new Array('de', 'en-us', 'es', 'fr', 'ja', 'nl');
var timeoutID;
function swapLanguage(lang) {
for(var i = 0; i < languages.length; i++) {
var d = document.getElementById(languages[i]);
if(d)
d.style.display = 'none';
}
var ld = document.getElementById(lang);
if(ld)
ld.style.display = 'block';
// If a user changes languages, give them time to (re)read
if(timeoutID)
window.clearTimeout(timeoutID);
// FIXME index.cgi hardcoded here an elsewhere below!
// Will fail under FastCGI or with a non-standard AdminScript setting
timeoutID = window.setTimeout('window.location = \'index.cgi\'', 8000);
}
// Attempt to detect the language
window.onload = function() {
var userLang = (navigator.language) ? navigator.language : navigator.userLanguage;
swapLanguage(userLang.toLowerCase());
}
//-->
</script>
</head>
<body class="chromeless">
<div id="container">
<div id="content">
<h1><span>Melody</span></h1>
<a href="#" onclick="swapLanguage('de');">Deutsch</a> |
<a href="#" onclick="swapLanguage('en-us');">English</a> |
<a href="#" onclick="swapLanguage('es');">Español</a> |
<a href="#" onclick="swapLanguage('fr');">Français</a> |
<a href="#" onclick="swapLanguage('ja');">日本語</a> |
<a href="#" onclick="swapLanguage('nl');">Nederlands</a>
<div id="en-us"><!-- Start English -->
<p class="info">Welcome to Melody, <em>the</em> community-powered publishing platform.</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=en_US">Log in</a></p>
<h2>Installing?</h2>
<p>If you are just starting with Melody, you may want to review the installation/upgrade guide posted on the <a href="http://openmelody.org/docs">Melody documentation site</a> and view the <a rel="nofollow" href="check.cgi?__lang=en_US">Melody System Check</a> to make sure that your system has what it needs.</p>
</div><!-- End English -->
<div id="de" style="display: none;"><!-- Start German -->
<p class="info">Herzlich willkommen zu Melody, der Premium-Weblogging-Plattform.</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=de">Bei Melody anmelden</a></p>
<h2>Melody installieren?</h2>
<p>Wenn Sie Melody jetzt installieren möchten, lesen Sie bitte die Installationshinweise in der <a href="http://openmelody.org/docs">Melody-Dokumentation</a> und nutzen Sie die <a rel="nofollow" href="check.cgi?__lang=de">Melody-Systemüberprüfung</a>, die Ihren Server automatisch auf die erforderliche Software hin überprüft.</p>
</div><!-- End German -->
<div id="es" style="display: none;"><!-- Start Spanish -->
<p class="info">¡Bienvenido a Melody, la mejor plataforma de publicación de blogs.</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=es">Iniciar sesión en Melody</a></p>
<h2>¿Instalando?</h2>
<p>Si acaba de empezar con Melody, quizás desee consultar la sección de instalación/actualización de la <a href="http://openmelody.org/docs">documentación de Melody</a> y ver la <a rel="nofollow" href="check.cgi?__lang=es">comprobación del sistema de Melody</a> para segurarse de que su sistema tiene todo lo necesario.</p>
</div><!-- End Spanish -->
<div id="fr" style="display: none;"><!-- Start French -->
<p class="info">Bienvenue sur Melody, la première plateforme de blogging.</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=fr">S'enregistrer dans Melody</a></p>
<h2>Installation?</h2>
<p>Si vous découvrez Melody, vous apprécierez certainement de trouver des conseils utiles dans le chapitre "Installation" dans notre <a href="http://openmelody.org/docs">documentation Melody</a>. Vous pouvez aussi visiter la Page <a rel="nofollow" href="check.cgi?__lang=fr">"Vérification Système"</a> pour vérifier que votre système comporte tous les éléments nécessaires à l'installation de Melody.</p>
</div><!-- End French -->
<div id="ja" style="display: none;"><!-- Start Japanese -->
<p class="info">表現力豊かなブログをすべての人に。Melodyへようこそ。</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=ja">ログイン</a></p>
<h2>はじめてお使いになる方へ</h2>
<p>Melodyをご利用いただくためには、セットアップを完了しておく必要があります。<a href="http://openmelody.org/docs">オンライン・マニュアル</a>のインストール・セットアップの章を読み、稼働に必要な環境を準備してください。また、<a rel="nofollow" href="check.cgi?__lang=ja">Melody システム・チェック (check.cgi)</a> を実行し、環境が整ったことを確認してください。</p>
<p>必要な環境が整っていることを確認した後に、上の「ログイン」をクリックしてください。</p>
</div><!-- End Japanese -->
<div id="nl" style="display: none;"><!-- Start Dutch -->
<p class="info">Welkom op Melody, het beste publicatieplatform voor weblogs.</p>
<p class="login"><a rel="nofollow" href="index.cgi?__lang=nl">Aanmelden op Melody</a></p>
<h2>Installatie?</h2>
<p>Als u Melody aan het installeren bent, is het nuttig om de <a href="http://openmelody.org/docs">installatie-instructies</a> te bekijken en om de <a rel="nofollow" href="check.cgi?__lang=nl">Melody systeemcontrole</a> uit te voeren om zeker te zijn dat u systeem alles heeft wat nodig is.</p>
</div><!-- End Dutch -->
</div>
</div>
</body>
</html>