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