Revision 04774a3d

b/okeanos_site/static/okeanos_static/css/main.css
19 19
  font-size: 0;
20 20
}
21 21

  
22
.footer a {
23
    color: #74AEC9;
24
    text-decoration: underline;
25
}
26

  
27
.footer a:hover {
28
    color: #4085A5;
29
}
30

  
22 31
body {
23 32
    background-image: url("../images/bg.png");
24 33
    background-repeat: repeat-x;
25 34
    font-size: 13px;
26 35
    font-family: verdana;
27
    background-position: 0px -30px;
36
    background-position: 0px -70px;
28 37
}
29 38

  
30 39
body.alt {
......
34 43
.container {
35 44
    width: 870px;
36 45
    margin: 0 auto;
37
    margin-top: 50px;
46
    margin-top: 30px;
38 47
}
39 48

  
40 49
.inner {
......
77 86
    color: #fff;
78 87
    background-color: #74AEC9;
79 88
    border-left: 0px solid #92C1D7;
80
    padding-left: 34px;
89
    padding-left: 36px;
81 90
}
82 91

  
83 92
.inner .left ul li .close-button {
......
105 114
    color: #fff;
106 115
    background-color: #74AEC9;
107 116
    border-left: 30px solid #92C1D7;
108
    padding-left: 34px;
117
    padding-left: 36px;
109 118
    margin-left: -30px;
110 119
}
111 120

  
......
135 144
}
136 145

  
137 146
.page.text h2 {
138
    font-size: 2.2em;
147
    font-size: 1.8em;
139 148
    color: #4085A5;
140 149
    margin-bottom: 0.5em;
141 150
    text-shadow: 1px 1px 0px #ddd;
......
146 155
}
147 156

  
148 157
.page.text p em {
149
    color: #444;
158
    color: #4C6A78;
150 159
    font-weight: bold;
151 160
}
152 161

  
153 162
.page.text h3 {
154
    font-size: 1.3em;
155
    color: #407087;
163
    font-size: 1.1em;
164
    color: #4C6A78;
165
    font-weight: bold;
156 166
    margin-bottom: 0.5em;
157
    margin-top: 0.3em;
167
    margin-top: 1.5em;
158 168
}
159 169

  
160 170
.page.text h4 {
......
164 174
}
165 175

  
166 176
.page.text p {
167
    font-size: 1.2em;
177
    color: #213D4A;
178
    font-size: 1.1em;
168 179
    margin-bottom: 1em;
169 180
    text-align: justify;
170 181
    line-height: 1.2em;
......
186 197
    text-align: center;
187 198
}
188 199

  
200
.logo img {
201
    margin-left: 75px;
202
}
203

  
189 204
.inner-bottom {
190 205
    width: 100%;
191 206
}
......
193 208
.inner-bottom .testuser {
194 209
    display: none;
195 210
    background: #000;
196
    margin-right: 20px;
211
    margin-right: 40px;
197 212
    float: right;
198 213
    margin-top: 10px;
199 214
    margin-bottom: 20px;
......
204 219
    padding: 0.7em 5em;
205 220
    color: #fff;
206 221
    font-size: 1.2em;
207
    background-color: #FF6600;
222
    background-color: #FF7F2A;
208 223
    cursor: pointer;
209
    text-shadow: 1px 1px 0px #444;
210 224
    margin-right: -20px;
211 225
}
212 226

  
213 227
.gotoapp:hover {
214
    background-color: #D3702E;
228
    background-color: #FF9955;
229
}
230

  
231
.page.text {
232
    margin-right: 20px;
233
    margin-top: 20px;
234
}
235

  
236
.inner-bottom.in-page .testuser {
237
    margin-right: 60px;
215 238
}
216 239

  
217 240
.gotoapp {
b/okeanos_site/static/okeanos_static/js/index.js
23 23
                li.addClass("selected");
24 24
                li.addClass("current");
25 25
                $(link.parent()).find(".close-button").css("visibility", "visible");
26
                $(".inner-bottom").addClass("in-page");
26 27
            } else {
28
                $(".inner-bottom").removeClass("in-page");
27 29
            }
28 30
            event.preventDefault();
29 31
            //location.hash = id;
b/okeanos_site/templates/okeanos/index.html
50 50
</div>
51 51

  
52 52
<div class="footer">
53
    {% comment %}
53 54
<ul class="links clearfix">
54 55
    <li><a href="#">{% trans "About" %}</a></li>
55 56
    <li><a href="#">{% trans "Help" %}</a></li>
......
58 59
    <li><a href="#">{% trans "Privacy" %}</a></li>
59 60
    <li class="last"><a href="#">{% trans "Language" %} ^</a></li>
60 61
</ul>
62
{% endcomment %}
61 63
<div class="bottom-text">
62
    <p>{% trans "Copyright (C) 2011 Greek Research and Technology Network" %}</p>
64
    <p>{% trans "Copyright (C) 2011" %} <a target="_blank" href="http://www.grnet.gr/">Greek Research and Technology Network</a></p>
63 65
</div>
64 66
</div>
65 67
{% endblock %}
b/okeanos_site/templates/okeanos/pages/what.html
1 1
{% load i18n %}
2 2
<h2>{% trans "So, what is this ~okeanos thing?" %}</h2>
3 3
<p>
4
<em>~okeanos</em> is a brand new IaaS Service. "IaaS" stands for "Infrastracture as a Service", but what does it really mean?
4
<em>~okeanos</em> is a brand new IaaS Service. <br />"IaaS" stands for "Infrastracture as a Service", but what does it really mean?
5 5
</p>
6 6

  
7 7
<p>
......
12 12
With ~okeanos you are one click away from your own Virtual Machines and Virtual Networks: You can manage them, destroy them, connect to them and take a handful of other actions, all from inside your favorite web browser. 
13 13
</p>
14 14

  
15
<h4>Think about it:</h4>
15
<h3>Think about it:</h3>
16 16
<p>
17 17
You wake up one morning and you need a new computer with a specific operating system and hardware requirements (or 10 new computers :-) ).
18 18
</p>
19 19

  
20
<h3>Until today you would probably:</h3>
20 21
<p>
21
Until today you would probably:
22 22
Go out shopping, buy/order a new PC, wait shipping to your place, unpack, connect cables, connect to the network, setup your installation, pray all went well and start after a few hours (hopefully).
23 23
</p>
24 24

  
25
<h3>Can I have something click and go, please?</h3>
25 26
<p>
26
Can I have something click and go, please?
27 27
Start preparing breakfast (required). Open your browser, login to ~okeanos, order as many machines as you like, select their 'hardware', pick up your favorite operating system, wait only a few minutes, then connect remotely to your own new working PC. And don't forget, breakfast is still there waiting for you.
28 28
</p>
29

  
30
<h3>What's with the name?</h3>
31
<p>
32
Okeanos is the Greek word for ocean. Oceans stand for abundancy. Oceans have transformed our world: they capture, store and
33
deliver energy, oxygen and life around the planet. Oceans are the unfailing well of earth's resources, the big difference from
34
other planets in universe.</p>
b/okeanos_site/templates/okeanos/pages/who.html
8 8
</p>
9 9

  
10 10
<p>
11
Are you a student/researcher/faculty member? You can access ~okeanos using the same credentials you use to login to your University/Research Center.
11
Are you a student/researcher/faculty member? You can access <em>~okeanos</em> using the same credentials you use to login to your University/Research Center.
12 12
</p>
13 13

  
14 14
<h3>..and who is behind ~okeanos?</h3>
15 15

  
16 16
<p>
17
~okeanos is being designed and developed by the <a href="http://www.grnet.gr">Greek Research and Technology Network (GRNET)</a> for the benefit of the Greek academic community. You are welcomed to join ~okeanos and stay!
17
~okeanos is being designed and developed by the <a target="_blank" href="http://www.grnet.gr">Greek Research and Technology Network (GRNET)</a>
18
for the benefit of the Greek academic community. You are welcomed to join <em>~okeanos</em> and stay!
18 19
</p>

Also available in: Unified diff