Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_list.html @ ca3c8b6e

History | View | Annotate | Download (26.7 kB)

1 b3c1328b Olga Brani
2 b3c1328b Olga Brani
<!DOCTYPE html>
3 8bcfec88 Athina B
    <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
4 b3c1328b Olga Brani
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
5 b3c1328b Olga Brani
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6 b3c1328b Olga Brani
7 b3c1328b Olga Brani
<head>
8 b3c1328b Olga Brani
        <meta charset="utf-8" />
9 b3c1328b Olga Brani
    <meta name="viewport" content="width=device-width" />
10 b3c1328b Olga Brani
    <title>Synnefo | VM list</title>
11 db920d2c Olga Brani
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
12 b3c1328b Olga Brani
    <link rel="stylesheet" href="stylesheets/normalize.css" />
13 b3c1328b Olga Brani
    <link rel="stylesheet" href="stylesheets/app.css" />
14 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15 e106fc8f Olga Brani
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
16 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
17 314323e8 Athina Bekakou
    <link rel="stylesheet" href="stylesheets/farbtastic.css" />
18 b3c1328b Olga Brani
    <script src="javascripts/vendor/custom.modernizr.js"></script>
19 b3c1328b Olga Brani
</head>
20 15948f00 Olga Brani
<body>        
21 15948f00 Olga Brani
        <header class="header">
22 15948f00 Olga Brani
                <nav>
23 15948f00 Olga Brani
                        <ul class="icons-nav">
24 15948f00 Olga Brani
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
25 15948f00 Olga Brani
                                <li><a href="vm_list.html" data-tooltip ="has-tip " title="Machines"><span class="snf-PC"></span></a></li>
26 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27 15948f00 Olga Brani
                                <li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><span class="snf-network"></span></a></li>
28 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
29 15948f00 Olga Brani
                        </ul>
30 15948f00 Olga Brani
                </nav>
31 15948f00 Olga Brani
                <div class="login">
32 15948f00 Olga Brani
                        <a href="">test@grnet.gr</a>
33 15948f00 Olga Brani
                </div>
34 c6724224 Olga Brani
                <div class="logo">
35 c6724224 Olga Brani
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
36 c6724224 Olga Brani
                </div>
37 15948f00 Olga Brani
        </header>
38 0a9e1a04 Olga Brani
        <div class="overlay-wrapper">
39 9569cdc8 Olga Brani
                <div class="overlay-area">
40 9ac09101 Athina Bekakou
                        <a href="" class="close"><span class="snf-close"></span></a>
41 9569cdc8 Olga Brani
                        <div id="overlay1" class="overlay-div">
42 9569cdc8 Olga Brani
                                <p>Are you sure you want to reboot your machine?</p>
43 9569cdc8 Olga Brani
                                <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
44 9569cdc8 Olga Brani
                        </div>
45 9569cdc8 Olga Brani
                        <div id="overlay2" class="overlay-div">
46 9569cdc8 Olga Brani
                                <p>Are you sure you want to shutdown your machine?</p>
47 9569cdc8 Olga Brani
                                <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
48 9569cdc8 Olga Brani
                        </div>
49 0a9e1a04 Olga Brani
                        <div id="vm-wizard" class="overlay-div wizard">
50 0a9e1a04 Olga Brani
                                <div class="top">
51 61b185d6 Olga Brani
                                        <div class="numbers">
52 61b185d6 Olga Brani
                                                <div class="row">
53 61b185d6 Olga Brani
                                                        <a href="" class="close"><span class="snf-close"></span></a>
54 61b185d6 Olga Brani
                                                        <ul class="nums">
55 61b185d6 Olga Brani
                                                                <li class="current">
56 61b185d6 Olga Brani
                                                                        <em><span href="">1</span></em>
57 61b185d6 Olga Brani
                                                                        <p><strong>Select an OS</strong> Choose your preferred image</p>
58 61b185d6 Olga Brani
                                                                </li>
59 61b185d6 Olga Brani
                                                                <li>
60 61b185d6 Olga Brani
                                                                        <em><span href="" disabled2</span</em
61 61b185d6 Olga Brani
                                                                        <p<strongSelect , RAM  Disk  </strong
62 61b185d6 Olga Brani
Available  are  based  the  image</p
63 61b185d6 Olga Brani
                                                                </li
64 61b185d6 Olga Brani
                                                                <li
65 61b185d6 Olga Brani
                                                                        <em<span ="" disabled3</span</em
66 61b185d6 Olga Brani
                                                                        <p<strongVirtual  custom </strong
67 61b185d6 Olga Brani
Virtual  custom </p
68 61b185d6 Olga Brani
                                                                </li
69 61b185d6 Olga Brani
                                                                <li
70 61b185d6 Olga Brani
                                                                        <em<span ="" disabled4</span</em
71 61b185d6 Olga Brani
                                                                        <p<strongConfirm  settings</strong
72 61b185d6 Olga Brani
Confirm  the  you  selected  correct</p
73 61b185d6 Olga Brani
                                                                </li
74 61b185d6 Olga Brani
                                                        </ul
75 61b185d6 Olga Brani
                                                </div
76 61b185d6 Olga Brani
                                        </div
77 0a9e1a04 Olga Brani
                                        <div ="row">
78 61b185d6 Olga Brani
                                                <nav class="sub-menu" data-step=1>
79 0a9e1a04 Olga Brani
                                                        <ul>
80 ca3c8b6e Athina Bekakou
                                                                <li><a href="" class="current preselected el2">System</a></li>
81 0a9e1a04 Olga Brani
                                                                <li><a href="">My images</a></li>
82 0a9e1a04 Olga Brani
                                                                <li><a href="">Shared with me</a></li>
83 5bda20fe Olga Brani
                                                                <li><a href="" data-next="el1">Public</a></li>
84 0a9e1a04 Olga Brani
                                                        </ul>
85 0a9e1a04 Olga Brani
                                                </nav>
86 188fe5d9 Olga Brani
                                                <nav class="sub-menu" data-step=2>
87 188fe5d9 Olga Brani
                                                        <ul>
88 ca3c8b6e Athina Bekakou
                                                                <li><a href="" class="current preselected el4" data-size="small">Small</a></li>
89 188fe5d9 Olga Brani
                                                                <li><a href="" data-size="medium">Medium</a></li>
90 5bda20fe Olga Brani
                                                                <li><a href="" data-size="large" data-next="el5">Large</a></li>
91 188fe5d9 Olga Brani
                                                        </ul>
92 188fe5d9 Olga Brani
                                                </nav>
93 0a9e1a04 Olga Brani
                                        </div>
94 0a9e1a04 Olga Brani
                                </div>
95 0a9e1a04 Olga Brani
                                <div class="middle">
96 d9574c38 Olga Brani
                                        <div class="wizard-content">
97 d9574c38 Olga Brani
                                                <div class="vm-wizard-carousel">
98 9b6be833 Olga Brani
                                                        <div class="step step-1" id="step-1" data-step="1">
99 d9574c38 Olga Brani
                                                                <ul class="os">
100 ca3c8b6e Athina Bekakou
                                                                        <li  class="current preselected">
101 d9574c38 Olga Brani
                                                                                <div class="row">
102 d9574c38 Olga Brani
                                                                                        <div class="img-col"><img src="images/os-fedora.png" alt=""></div>
103 5bda20fe Olga Brani
                                                                                        <a href="" class="name-col el1">Ubuntu Desktop LTS (Long Term Support)</a>
104 d9574c38 Olga Brani
                                                                                        <div class="size-col">10GB</div>
105 d9574c38 Olga Brani
                                                                                        <div class="btn-col"><a href="">details</a></div>
106 d9574c38 Olga Brani
                                                                                </div>
107 c6724224 Olga Brani
                                                                                <div class="details">
108 c6724224 Olga Brani
                                                                                        <div class="row">
109 d9574c38 Olga Brani
                                                                                                <h3>Image metadata</h3>
110 d9574c38 Olga Brani
                                                                                                <dl>
111 d9574c38 Olga Brani
                                                                                                        <dt>Owner</dt>
112 d9574c38 Olga Brani
                                                                                                        <dd>system</dd>
113 d9574c38 Olga Brani
                                                                                                        <dt>OS</dt>
114 d9574c38 Olga Brani
                                                                                                        <dd>Kubuntu</dd>
115 d9574c38 Olga Brani
                                                                                                        <dt>Kernel</dt>
116 d9574c38 Olga Brani
                                                                                                        <dd>4.8.2</dd>
117 d9574c38 Olga Brani
                                                                                                        <dt>Size</dt>
118 d9574c38 Olga Brani
                                                                                                        <dd>2.51GB</dd>
119 d9574c38 Olga Brani
                                                                                                        <dt>Users</dt>
120 d9574c38 Olga Brani
                                                                                                        <dd>user</dd>
121 d9574c38 Olga Brani
                                                                                                        <dt>Root partition</dt>
122 d9574c38 Olga Brani
                                                                                                        <dd>1</dd>
123 d9574c38 Olga Brani
                                                                                                </dl>
124 d9574c38 Olga Brani
                                                                                        </div>
125 d9574c38 Olga Brani
                                                                                </div>
126 d9574c38 Olga Brani
                                                                        </li>
127 d9574c38 Olga Brani
                                                                        <li>
128 d9574c38 Olga Brani
                                                                                <div class="row">
129 d9574c38 Olga Brani
                                                                                        <div class="img-col"><img src="images/os-fedora.png" alt=""></div>
130 d53ad190 Athina Bekakou
                                                                                        <a href="" class="name-col">Ubuntu Desktop LTS (Long Term Support)</a>
131 d9574c38 Olga Brani
                                                                                        <div class="size-col">10GB</div>
132 d9574c38 Olga Brani
                                                                                        <div class="btn-col"><a href="">details</a></div>
133 d9574c38 Olga Brani
                                                                                </div>
134 c6724224 Olga Brani
                                                                                <div class="details">
135 c6724224 Olga Brani
                                                                                        <div class="row">
136 d9574c38 Olga Brani
                                                                                                <h3>Image metadata</h3>
137 d9574c38 Olga Brani
                                                                                                <dl>
138 d9574c38 Olga Brani
                                                                                                        <dt>Owner</dt>
139 d9574c38 Olga Brani
                                                                                                        <dd>system</dd>
140 d9574c38 Olga Brani
                                                                                                        <dt>OS</dt>
141 d9574c38 Olga Brani
                                                                                                        <dd>Kubuntu</dd>
142 d9574c38 Olga Brani
                                                                                                        <dt>Kernel</dt>
143 d9574c38 Olga Brani
                                                                                                        <dd>4.8.2</dd>
144 d9574c38 Olga Brani
                                                                                                        <dt>Size</dt>
145 d9574c38 Olga Brani
                                                                                                        <dd>2.51GB</dd>
146 d9574c38 Olga Brani
                                                                                                        <dt>Users</dt>
147 d9574c38 Olga Brani
                                                                                                        <dd>user</dd>
148 d9574c38 Olga Brani
                                                                                                        <dt>Root partition</dt>
149 d9574c38 Olga Brani
                                                                                                        <dd>1</dd>
150 d9574c38 Olga Brani
                                                                                                </dl>
151 d9574c38 Olga Brani
                                                                                        </div>
152 d9574c38 Olga Brani
                                                                                </div>
153 d9574c38 Olga Brani
                                                                        </li>
154 d9574c38 Olga Brani
                                                                        <li>
155 d9574c38 Olga Brani
                                                                                <div class="row">
156 d9574c38 Olga Brani
                                                                                        <div class="img-col"><img src="images/os-fedora.png" alt=""></div>
157 d53ad190 Athina Bekakou
                                                                                        <a href="" class="name-col">Ubuntu Desktop LTS (Long Term Support)</a>
158 d9574c38 Olga Brani
                                                                                        <div class="size-col">10GB</div>
159 d9574c38 Olga Brani
                                                                                        <div class="btn-col"><a href="">details</a></div>
160 d9574c38 Olga Brani
                                                                                </div>
161 c6724224 Olga Brani
                                                                                <div class="details">
162 c6724224 Olga Brani
                                                                                        <div class="row">
163 d9574c38 Olga Brani
                                                                                                <h3>Image metadata</h3>
164 d9574c38 Olga Brani
                                                                                                <dl>
165 d9574c38 Olga Brani
                                                                                                        <dt>Owner</dt>
166 d9574c38 Olga Brani
                                                                                                        <dd>system</dd>
167 d9574c38 Olga Brani
                                                                                                        <dt>OS</dt>
168 d9574c38 Olga Brani
                                                                                                        <dd>Kubuntu</dd>
169 d9574c38 Olga Brani
                                                                                                        <dt>Kernel</dt>
170 d9574c38 Olga Brani
                                                                                                        <dd>4.8.2</dd>
171 d9574c38 Olga Brani
                                                                                                        <dt>Size</dt>
172 d9574c38 Olga Brani
                                                                                                        <dd>2.51GB</dd>
173 d9574c38 Olga Brani
                                                                                                        <dt>Users</dt>
174 d9574c38 Olga Brani
                                                                                                        <dd>user</dd>
175 d9574c38 Olga Brani
                                                                                                        <dt>Root partition</dt>
176 d9574c38 Olga Brani
                                                                                                        <dd>1</dd>
177 d9574c38 Olga Brani
                                                                                                </dl>
178 d9574c38 Olga Brani
                                                                                        </div>
179 d9574c38 Olga Brani
                                                                                </div>
180 d9574c38 Olga Brani
                                                                        </li>
181 ca3c8b6e Athina Bekakou
                                                                        <li>
182 d9574c38 Olga Brani
                                                                                <div class="row">
183 d9574c38 Olga Brani
                                                                                        <div class="img-col"><img src="images/os-fedora.png" alt=""></div>
184 5bda20fe Olga Brani
                                                                                        <a href="" class="name-col" data-next="el3">Ubuntu Desktop LTS (Long Term Support)</a>
185 d9574c38 Olga Brani
                                                                                        <div class="size-col">10GB</div>
186 d9574c38 Olga Brani
                                                                                        <div class="btn-col"><a href="">details</a></div>
187 d9574c38 Olga Brani
                                                                                </div>
188 c6724224 Olga Brani
                                                                                <div class="details">
189 c6724224 Olga Brani
                                                                                        <div class="row">
190 d9574c38 Olga Brani
                                                                                                <h3>Image metadata</h3>
191 d9574c38 Olga Brani
                                                                                                <dl>
192 d9574c38 Olga Brani
                                                                                                        <dt>Owner</dt>
193 d9574c38 Olga Brani
                                                                                                        <dd>system</dd>
194 d9574c38 Olga Brani
                                                                                                        <dt>OS</dt>
195 d9574c38 Olga Brani
                                                                                                        <dd>Kubuntu</dd>
196 d9574c38 Olga Brani
                                                                                                        <dt>Kernel</dt>
197 d9574c38 Olga Brani
                                                                                                        <dd>4.8.2</dd>
198 d9574c38 Olga Brani
                                                                                                        <dt>Size</dt>
199 d9574c38 Olga Brani
                                                                                                        <dd>2.51GB</dd>
200 d9574c38 Olga Brani
                                                                                                        <dt>Users</dt>
201 d9574c38 Olga Brani
                                                                                                        <dd>user</dd>
202 d9574c38 Olga Brani
                                                                                                        <dt>Root partition</dt>
203 d9574c38 Olga Brani
                                                                                                        <dd>1</dd>
204 d9574c38 Olga Brani
                                                                                                </dl>
205 d9574c38 Olga Brani
                                                                                        </div>
206 d9574c38 Olga Brani
                                                                                </div>
207 d9574c38 Olga Brani
                                                                        </li>
208 188fe5d9 Olga Brani
                                                                </ul>
209 188fe5d9 Olga Brani
                                                        </div>
210 9b6be833 Olga Brani
                                                        <div class="step step-2" id="step-2" data-step=2>
211 188fe5d9 Olga Brani
                                                                <div class="row">
212 af86484e Olga Brani
                                                                        <form class="custom">
213 f1d99492 Athina Bekakou
                                                                          <select class="medium">
214 5bda20fe Olga Brani
                                                                            <option><a href="" class="el5">Assign to project</a></option>
215 f1d99492 Athina Bekakou
                                                                            <option><a href="">Project 2</a></option>
216 4ff5dda5 Athina Bekakou
                                                                            <option><a href="">Project 3</a></option>
217 af86484e Olga Brani
                                                                          </select>
218 af86484e Olga Brani
                                                                        </form>
219 188fe5d9 Olga Brani
                                                                        <ul class="flavor">
220 188fe5d9 Olga Brani
                                                                                <li>
221 188fe5d9 Olga Brani
                                                                                        <div class="title">
222 188fe5d9 Olga Brani
                                                                                                <span class="snf-cpu icon"></span>
223 188fe5d9 Olga Brani
                                                                                                <h2>CPU<span> (x cores)</span></h2>
224 188fe5d9 Olga Brani
                                                                                                <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p>
225 d9574c38 Olga Brani
                                                                                        </div>
226 188fe5d9 Olga Brani
                                                                                        <div class="options-bar">
227 188fe5d9 Olga Brani
                                                                                                <div class="bar">
228 188fe5d9 Olga Brani
                                                                                                        <div class="wrap">
229 188fe5d9 Olga Brani
                                                                                                                <div class="container">
230 188fe5d9 Olga Brani
                                                                                                                        <!-- width percentages do not correspond to actual mesurements -->
231 188fe5d9 Olga Brani
                                                                                                                        <div class="total" style="width:60%">
232 188fe5d9 Olga Brani
                                                                                                                                <div class="current" style="width:30%"></div>
233 188fe5d9 Olga Brani
                                                                                                                                <span>60%</span>
234 188fe5d9 Olga Brani
                                                                                                                        </div>
235 188fe5d9 Olga Brani
                                                                                                                </div>
236 188fe5d9 Olga Brani
                                                                                                        </div>
237 188fe5d9 Olga Brani
                                                                                                </div>
238 188fe5d9 Olga Brani
                                                                                                <ul class="options with-flavor">
239 ca3c8b6e Athina Bekakou
                                                                                                        <li><a href="" class="small current preselected">1</a></li>
240 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="medium">2</a></li>
241 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="large">3</a></li>
242 188fe5d9 Olga Brani
                                                                                                        <li><a href="">4</a></li>
243 188fe5d9 Olga Brani
                                                                                                </ul>
244 d9574c38 Olga Brani
                                                                                        </div>
245 188fe5d9 Olga Brani
                                                                                </li>
246 188fe5d9 Olga Brani
                                                                                <li>
247 188fe5d9 Olga Brani
                                                                                        <div class="title">
248 188fe5d9 Olga Brani
                                                                                                <span class="snf-ram icon"></span>
249 188fe5d9 Olga Brani
                                                                                                <h2>Memory Size <span> (MB)</span></h2>
250 188fe5d9 Olga Brani
                                                                                                <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p>
251 d9574c38 Olga Brani
                                                                                        </div>
252 188fe5d9 Olga Brani
                                                                                        <div class="options-bar">
253 188fe5d9 Olga Brani
                                                                                                <div class="bar">
254 188fe5d9 Olga Brani
                                                                                                        <div class="wrap">
255 188fe5d9 Olga Brani
                                                                                                                <div class="container">
256 188fe5d9 Olga Brani
                                                                                                                        <!-- width percentages do not correspond to actual mesurements -->
257 188fe5d9 Olga Brani
                                                                                                                        <div class="total" style="width:60%">
258 188fe5d9 Olga Brani
                                                                                                                                <div class="current" style="width:30%"></div>
259 188fe5d9 Olga Brani
                                                                                                                                <span>60%</span>
260 188fe5d9 Olga Brani
                                                                                                                        </div>
261 188fe5d9 Olga Brani
                                                                                                                </div>
262 188fe5d9 Olga Brani
                                                                                                        </div>
263 188fe5d9 Olga Brani
                                                                                                </div>
264 188fe5d9 Olga Brani
                                                                                                <ul class="options with-flavor">
265 ca3c8b6e Athina Bekakou
                                                                                                        <li><a href="" class="small current preselected">1024</a></li>
266 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="medium">2048</a></li>
267 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="large">4096</a></li>
268 188fe5d9 Olga Brani
                                                                                                </ul>
269 d9574c38 Olga Brani
                                                                                        </div>
270 188fe5d9 Olga Brani
                                                                                </li>
271 188fe5d9 Olga Brani
                                                                                <li>
272 188fe5d9 Olga Brani
                                                                                        <div class="title">
273 188fe5d9 Olga Brani
                                                                                                <span class="snf-HDD icon"></span>
274 188fe5d9 Olga Brani
                                                                                                <h2>Disk Size<span> (GB)</span></h2>
275 188fe5d9 Olga Brani
                                                                                                <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p>
276 d9574c38 Olga Brani
                                                                                        </div>
277 188fe5d9 Olga Brani
                                                                                        <div class="options-bar">
278 188fe5d9 Olga Brani
                                                                                                <div class="bar">
279 188fe5d9 Olga Brani
                                                                                                        <div class="wrap">
280 188fe5d9 Olga Brani
                                                                                                                <div class="container">
281 188fe5d9 Olga Brani
                                                                                                                        <!-- width percentages do not correspond to actual mesurements -->
282 188fe5d9 Olga Brani
                                                                                                                        <div class="total" style="width:40%">
283 188fe5d9 Olga Brani
                                                                                                                                <div class="current" style="width:80%"></div>
284 188fe5d9 Olga Brani
                                                                                                                                <span>40%</span>
285 188fe5d9 Olga Brani
                                                                                                                        </div>
286 188fe5d9 Olga Brani
                                                                                                                </div>
287 188fe5d9 Olga Brani
                                                                                                        </div>
288 188fe5d9 Olga Brani
                                                                                                </div>
289 188fe5d9 Olga Brani
                                                                                                <ul class="options with-flavor">
290 ca3c8b6e Athina Bekakou
                                                                                                        <li><a href="" class="small current preselected">10</a></li>
291 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="medium">20</a></li>
292 188fe5d9 Olga Brani
                                                                                                        <li><a href="" class="large">30</a></li>
293 188fe5d9 Olga Brani
                                                                                                        <li><a href="">40</a></li>
294 188fe5d9 Olga Brani
                                                                                                </ul>
295 188fe5d9 Olga Brani
                                                                                        </div>
296 188fe5d9 Olga Brani
                                                                                </li>
297 188fe5d9 Olga Brani
                                                                                <li>
298 188fe5d9 Olga Brani
                                                                                        <div class="title">
299 188fe5d9 Olga Brani
                                                                                                <span class="snf-HDD icon"></span>
300 9ac09101 Athina Bekakou
                                                                                                <h2>Storage</h2>
301 188fe5d9 Olga Brani
                                                                                                <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p>
302 188fe5d9 Olga Brani
                                                                                        </div>
303 188fe5d9 Olga Brani
                                                                                        <div class="options-bar">
304 188fe5d9 Olga Brani
                                                                                                <div class="bar">
305 f1d99492 Athina Bekakou
                                                                                                        <div class="wrap  disabled-progress-bar">
306 f1d99492 Athina Bekakou
                                                                                                                <div class="container">
307 f1d99492 Athina Bekakou
                                                                                                                        <!-- width percentages do not correspond to actual mesurements -->
308 f1d99492 Athina Bekakou
                                                                                                                        <div class="total" style="width:100%">
309 f1d99492 Athina Bekakou
                                                                                                                                <div class="current" style="width:0%"></div>
310 f1d99492 Athina Bekakou
                                                                                                                                <span></span>
311 f1d99492 Athina Bekakou
                                                                                                                        </div>
312 f1d99492 Athina Bekakou
                                                                                                                </div>
313 f1d99492 Athina Bekakou
                                                                                                        </div>
314 188fe5d9 Olga Brani
                                                                                                </div>
315 188fe5d9 Olga Brani
                                                                                                <ul class="options">
316 ca3c8b6e Athina Bekakou
                                                                                                        <li><a href="" class="current preselected">DRBD</a></li>
317 5bda20fe Olga Brani
                                                                                                        <li><a href="" data-next="el6">Archipelago</a></li>
318 188fe5d9 Olga Brani
                                                                                                </ul>
319 188fe5d9 Olga Brani
                                                                                        </div>
320 188fe5d9 Olga Brani
                                                                                </li>
321 188fe5d9 Olga Brani
                                                                        </ul>
322 188fe5d9 Olga Brani
                                                                </div>
323 0a9e1a04 Olga Brani
                                                        </div>
324 5bda20fe Olga Brani
                                                        <div class="step step-3" id="step-3" data-step=3>
325 8168adc5 Athina Bekakou
                                                                <div class="advanced-conf-step">
326 1f440438 Olga Brani
                                                                        <div class="adv-main row">
327 9ac09101 Athina Bekakou
                                                                                <div class="vm-name">
328 af86484e Olga Brani
                                                                                        <h2>Machine name</h2>
329 5bda20fe Olga Brani
                                                                                        <span class="input"><input type="text" placeholder="My Ubuntu Server" class="el7"></span>
330 1f440438 Olga Brani
                                                                                </div>
331 1f440438 Olga Brani
                                                                                <div class="expand-btn">
332 1f440438 Olga Brani
                                                                                        <a class="expand-link" href="">
333 1f440438 Olga Brani
                                                                                                Advanced Configuration
334 ca3c8b6e Athina Bekakou
                                                                                                <span class="snf-arrow-down preselected"></span>
335 1f440438 Olga Brani
                                                                                        </a>
336 1f440438 Olga Brani
                                                                                </div>
337 8168adc5 Athina Bekakou
                                                                        </div>
338 8168adc5 Athina Bekakou
                                                                        <div class="advanced-conf-options">
339 f488d91c Olga Brani
                                                                                <div class="ssh-keys-area area">
340 f488d91c Olga Brani
                                                                                        <div class="row">
341 9ac09101 Athina Bekakou
                                                                                                <h2>Public SSH keys</h2>
342 f488d91c Olga Brani
                                                                                                <p>Your account contains the following SSH public keys. Select one or more to activate in your new machine. You will then be able to ssh with the corresponding private key without a password."</p>
343 f488d91c Olga Brani
                                                                                                <ul>
344 62462e34 Athina Bekakou
                                                                                                        <li class="checkbox"><h3>My public key long name one </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li>
345 62462e34 Athina Bekakou
                                                                                                        <li class="checkbox"><h3>Other public key </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li>
346 62462e34 Athina Bekakou
                                                                                                        <li class="checkbox"><h3>My public key long name one </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li>
347 f488d91c Olga Brani
                                                                                                </ul>
348 9ac09101 Athina Bekakou
                                                                                                <div>
349 9ac09101 Athina Bekakou
                                                                                                        <a href="" class="btn5">... show more keys</a>
350 9ac09101 Athina Bekakou
                                                                                                </div>
351 f488d91c Olga Brani
                                                                                        </div>
352 8168adc5 Athina Bekakou
                                                                                </div>
353 9ac09101 Athina Bekakou
354 f488d91c Olga Brani
                                                                                <div class="networks-area area">
355 430263cf Olga Brani
                                                                                        <h2 class="row">Networks</h2>
356 430263cf Olga Brani
                                                                                        <ul>
357 42d4e536 Athina Bekakou
                                                                                                <li class="checkbox row has-more select-net">
358 42d4e536 Athina Bekakou
                                                                                                <h3 class="">        
359 430263cf Olga Brani
                                                                                                        <div class="net-icons">
360 430263cf Olga Brani
                                                                                                                <span class="snf-www"></span>
361 a2b459d5 Olga Brani
                                                                                                                <span class="snf-modem"></span>
362 430263cf Olga Brani
                                                                                                                <span class="snf-network_full"></span>
363 430263cf Olga Brani
                                                                                                        </div>
364 42d4e536 Athina Bekakou
                                                                                                        Public Network</h3>
365 ca3c8b6e Athina Bekakou
                                                                                                        <a href="" class="check"><span class="snf-checkbox-checked preselected"></span></a>
366 430263cf Olga Brani
                                                                                                </li>
367 430263cf Olga Brani
                                                                                                <li class="more">
368 430263cf Olga Brani
                                                                                                        <div class="row">
369 430263cf Olga Brani
                                                                                                                <div class="checkbox clearfix">
370 430263cf Olga Brani
                                                                                                                        <h3>192.168.2.3</h3>
371 ca3c8b6e Athina Bekakou
                                                                                                                        <a href="" class="check"><span class="snf-checkbox-checked preselected"></span></a>
372 430263cf Olga Brani
                                                                                                                </div>
373 430263cf Olga Brani
                                                                                                                <div class="checkbox clearfix">
374 430263cf Olga Brani
                                                                                                                        <h3>192.168.2.3</h3>
375 62462e34 Athina Bekakou
                                                                                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
376 430263cf Olga Brani
                                                                                                                </div>
377 430263cf Olga Brani
                                                                                                                <div class="checkbox clearfix">
378 430263cf Olga Brani
                                                                                                                        <h3>192.168.2.3</h3>
379 62462e34 Athina Bekakou
                                                                                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
380 430263cf Olga Brani
                                                                                                                </div>
381 430263cf Olga Brani
                                                                                                                <div>
382 a2b459d5 Olga Brani
                                                                                                                        <a href="" class="btn5">manage IPs</a>
383 430263cf Olga Brani
                                                                                                                </div>
384 430263cf Olga Brani
                                                                                                        </div>
385 430263cf Olga Brani
                                                                                                </li>
386 42d4e536 Athina Bekakou
                                                                                                <li class="checkbox row select-net">
387 42d4e536 Athina Bekakou
                                                                                                <h3 class="net-name">
388 430263cf Olga Brani
                                                                                                        <div class="net-icons">
389 430263cf Olga Brani
                                                                                                                <span class="snf-modem"></span>
390 430263cf Olga Brani
                                                                                                                <span class="snf-network_full"></span>
391 430263cf Olga Brani
                                                                                                        </div>
392 42d4e536 Athina Bekakou
                                                                                                        Routed Network</h3>
393 62462e34 Athina Bekakou
                                                                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
394 430263cf Olga Brani
                                                                                                </li>
395 42d4e536 Athina Bekakou
                                                                                                <li class="checkbox row select-net">
396 42d4e536 Athina Bekakou
                                                                                                <h3 class="net-name">
397 430263cf Olga Brani
                                                                                                        <div class="net-icons">
398 430263cf Olga Brani
                                                                                                                <span class="snf-network_full"></span>
399 430263cf Olga Brani
                                                                                                        </div>
400 42d4e536 Athina Bekakou
                                                                                                        Private Network 1</h3>
401 62462e34 Athina Bekakou
                                                                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
402 430263cf Olga Brani
                                                                                                </li>
403 42d4e536 Athina Bekakou
                                                                                                <li class="checkbox row select-net">
404 42d4e536 Athina Bekakou
                                                                                                        <h3 class="net-name">
405 430263cf Olga Brani
                                                                                                        <div class="net-icons">
406 430263cf Olga Brani
                                                                                                                <span class="snf-network_full"></span>
407 430263cf Olga Brani
                                                                                                        </div>
408 42d4e536 Athina Bekakou
                                                                                                        Private Network 2</h3>
409 62462e34 Athina Bekakou
                                                                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
410 430263cf Olga Brani
                                                                                                </li>
411 430263cf Olga Brani
                                                                                        </ul>
412 8168adc5 Athina Bekakou
413 8168adc5 Athina Bekakou
                                                                                </div>
414 f488d91c Olga Brani
                                                                                <div class="tags-area area">
415 f488d91c Olga Brani
                                                                                        <div class="row">
416 f488d91c Olga Brani
                                                                                                <h2>Tags</h2>
417 314323e8 Athina Bekakou
                                                                                                <p>Dude use your tags like you eat your cereal.<br>You can color code them as well</p>
418 5c4713f8 Olga Brani
                                                                                                <ul>
419 5c4713f8 Olga Brani
                                                                                                        <li class="checkbox">
420 5c4713f8 Olga Brani
                                                                                                                <h3>
421 5c4713f8 Olga Brani
                                                                                                                        <span class="tag-demo tag4"></span>
422 5c4713f8 Olga Brani
                                                                                                                        Operating system
423 5c4713f8 Olga Brani
                                                                                                                </h3>
424 62462e34 Athina Bekakou
                                                                                                                <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
425 5c4713f8 Olga Brani
                                                                                                        </li>
426 5c4713f8 Olga Brani
                                                                                                        <li class="checkbox">
427 5c4713f8 Olga Brani
                                                                                                                <h3>
428 5c4713f8 Olga Brani
                                                                                                                        <span class="tag-demo tag5"></span>
429 5c4713f8 Olga Brani
                                                                                                                        Pirate PC1
430 5c4713f8 Olga Brani
                                                                                                                </h3>
431 62462e34 Athina Bekakou
                                                                                                                <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
432 5c4713f8 Olga Brani
                                                                                                        </li>
433 5c4713f8 Olga Brani
                                                                                                        <li class="checkbox">
434 5c4713f8 Olga Brani
                                                                                                                <h3>
435 5c4713f8 Olga Brani
                                                                                                                        <span class="tag-demo tag6"></span>
436 5c4713f8 Olga Brani
                                                                                                                        Pirate PC1
437 5c4713f8 Olga Brani
                                                                                                                </h3>
438 62462e34 Athina Bekakou
                                                                                                                <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
439 5c4713f8 Olga Brani
                                                                                                        </li>
440 5c4713f8 Olga Brani
                                                                                                </ul>
441 5c4713f8 Olga Brani
                                                                                                <div ><a class="btn5 show-add-tag" href="">add Tag</a></div>
442 314323e8 Athina Bekakou
                                                                                                <div class="snf-color-picker">
443 314323e8 Athina Bekakou
                                                                                                        <form action="" style="width: 400px;">
444 314323e8 Athina Bekakou
                                                                                                                <div id="picker">
445 314323e8 Athina Bekakou
                                                                                                                        <div class="farbtastic">
446 314323e8 Athina Bekakou
                                                                                                                                <div class="color" style="background-color: rgb(255, 0, 21);"></div>
447 314323e8 Athina Bekakou
                                                                                                                                <div class="wheel"></div>
448 314323e8 Athina Bekakou
                                                                                                                                <div class="overlay"></div>
449 314323e8 Athina Bekakou
                                                                                                                                <div class="h-marker marker" style="left: 90px; top: 13px;"></div>
450 314323e8 Athina Bekakou
                                                                                                                                <div class="sl-marker marker" style="left: 87px; top: 114px;"></div>
451 314323e8 Athina Bekakou
                                                                                                                        </div>
452 314323e8 Athina Bekakou
                                                                                                                </div>
453 314323e8 Athina Bekakou
                                                                                                                <div class="form-item">
454 314323e8 Athina Bekakou
                                                                                                                        <input type="text" id="color" name="color" value="#16C1E9" disabled
455 5c4713f8 Olga Brani
                                                                                                                        <span ="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
456 314323e8 Athina Bekakou
                                                                                                                </div>
457 314323e8 Athina Bekakou
                                                                                                        </form>                                                                        
458 42d4e536 Athina Bekakou
                                                                                                        <div class="btns">
459 5c4713f8 Olga Brani
                                                                                                                <a class="btn5" href="">OK</a>
460 5c4713f8 Olga Brani
                                                                                                                <a class="btn5 hide-add-tag" href="" id="hide-add-tag">CANCEL</a>
461 5c4713f8 Olga Brani
                                                                                                        </div>
462 314323e8 Athina Bekakou
                                                                                                </div>
463 5bda20fe Olga Brani
                                                                                        </div>
464 8168adc5 Athina Bekakou
                                                                                </div>
465 8168adc5 Athina Bekakou
                                                                        </div>
466 8168adc5 Athina Bekakou
                                                                </div>
467 9ac09101 Athina Bekakou
<!-- end step 3 -->                                </div>
468 9b6be833 Olga Brani
                                                        <div class="step step-4" id="step-4" data-step=4>
469 4dc55f56 Olga Brani
                                                                <div class="summary">
470 4dc55f56 Olga Brani
                                                                        <div class="row">
471 4dc55f56 Olga Brani
                                                                                <dl>
472 f1d99492 Athina Bekakou
                                                                                <a href="" id="topEl"></a>
473 4dc55f56 Olga Brani
                                                                                        <dt>Machine name</dt>
474 4dc55f56 Olga Brani
                                                                                        <dd>handsome frank</dd>
475 4dc55f56 Olga Brani
                                                                                </dl>
476 4dc55f56 Olga Brani
                                                                        </div>
477 4dc55f56 Olga Brani
                                                                        <div class="row">
478 4dc55f56 Olga Brani
                                                                                <h2>Images</h2>
479 4dc55f56 Olga Brani
                                                                                <dl>
480 4dc55f56 Olga Brani
                                                                                        <dt>Name</dt>
481 4dc55f56 Olga Brani
                                                                                        <dd>Debian Base</dd>
482 4dc55f56 Olga Brani
                                                                                        <dt>Desciption</dt>
483 4dc55f56 Olga Brani
                                                                                        <dd>open suse description open suse description open suse description open suse description open suse description</dd>
484 4dc55f56 Olga Brani
                                                                                        <dt>os</dt>
485 4dc55f56 Olga Brani
                                                                                        <dd>Debian</dd>
486 4dc55f56 Olga Brani
                                                                                        <dt>Size</dt>
487 4dc55f56 Olga Brani
                                                                                        <dd>10.4GB</dd>
488 4dc55f56 Olga Brani
                                                                                        <dt>GUI</dt>
489 4dc55f56 Olga Brani
                                                                                        <dd>No GUI</dd>
490 4dc55f56 Olga Brani
                                                                                        <dt>Kernel</dt>
491 4dc55f56 Olga Brani
                                                                                        <dd>2.3.4</dd>
492 4dc55f56 Olga Brani
                                                                                </dl>
493 4dc55f56 Olga Brani
                                                                        </div>
494 4dc55f56 Olga Brani
                                                                        <div class="row">
495 4dc55f56 Olga Brani
                                                                                <h2>Flavor</h2>
496 4dc55f56 Olga Brani
                                                                                <dl>
497 4dc55f56 Olga Brani
                                                                                        <dt><span class="snf-cpu icon"></span>CPUs</dt>
498 4dc55f56 Olga Brani
                                                                                        <dd>4x</dd>
499 4dc55f56 Olga Brani
                                                                                        <dt><span class="snf-ram icon"></span>Memory</dt>
500 4dc55f56 Olga Brani
                                                                                        <dd>512 MB</dd>
501 4dc55f56 Olga Brani
                                                                                        <dt><span class="snf-HDD icon"></span>Disk</dt>
502 4dc55f56 Olga Brani
                                                                                        <dd>4GB</dd>
503 4dc55f56 Olga Brani
                                                                                        <dt><span class="snf-HDD icon"></span>Storage Type</dt>
504 df5f7743 Athina Bekakou
                                                                                        <dd>DRBD</dd>
505 4dc55f56 Olga Brani
                                                                                </dl>
506 4dc55f56 Olga Brani
                                                                        </div>
507 4dc55f56 Olga Brani
                                                                        <div class="row">
508 4dc55f56 Olga Brani
                                                                                <dl>
509 4dc55f56 Olga Brani
                                                                                        <dt>Machine Tags</dt>
510 4dc55f56 Olga Brani
                                                                                        <dd>Database server</dd>
511 4dc55f56 Olga Brani
                                                                                        <dt>SSH Keys</dt>
512 4dc55f56 Olga Brani
                                                                                        <dd>
513 4dc55f56 Olga Brani
                                                                                                my public key 1<br>
514 4dc55f56 Olga Brani
                                                                                                my public key 3<br>
515 4dc55f56 Olga Brani
                                                                                        </dd>
516 4dc55f56 Olga Brani
                                                                                        <dt>IPs</dt>
517 4dc55f56 Olga Brani
                                                                                        <dd>192.168.1.3<br>192.168.1.3</dd>
518 4dc55f56 Olga Brani
                                                                                        <dt>Private networks</dt>
519 4dc55f56 Olga Brani
                                                                                        <dd>No private networks selected</dd>
520 4dc55f56 Olga Brani
                                                                                </dl>
521 4dc55f56 Olga Brani
                                                                        </div>
522 4dc55f56 Olga Brani
                                                                </div>
523 4dc55f56 Olga Brani
                                                        </div>
524 0a9e1a04 Olga Brani
                                                </div>
525 0a9e1a04 Olga Brani
                                        </div>
526 0a9e1a04 Olga Brani
                                </div>
527 0a9e1a04 Olga Brani
                                <div class="bottom">
528 0a9e1a04 Olga Brani
                                        <div class="row">
529 5bda20fe Olga Brani
                                                <a href="" class="nav prev el3 el6"><span>CANCEL</span></a>
530 5bda20fe Olga Brani
                                                <a href="" class="nav next" data-step="1" data-next="el2"><span>NEXT</span></a>
531 0a9e1a04 Olga Brani
                                        </div>
532 0a9e1a04 Olga Brani
                                </div>
533 0a9e1a04 Olga Brani
                        </div>
534 f2126967 Olga Brani
                </div>
535 9ac09101 Athina Bekakou
                
536 0a9e1a04 Olga Brani
                <section class="actions-bar clearfix">
537 0a9e1a04 Olga Brani
                        <div class="row">
538 0a9e1a04 Olga Brani
                                <div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div>
539 0a9e1a04 Olga Brani
                                <div class="main-actions">
540 0a9e1a04 Olga Brani
                                        <ul>
541 0a9e1a04 Olga Brani
                                                <li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
542 0a9e1a04 Olga Brani
                                                <li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
543 0a9e1a04 Olga Brani
                                                <li class="both"><a href="">Destroy</a></li>
544 0a9e1a04 Olga Brani
                                                <li class="stopped"><a href="">Start</a></li>
545 0a9e1a04 Olga Brani
                                                 <!-- in case we want an action always activated
546 0a9e1a04 Olga Brani
                                                <li class="pernament"><a href="" class="active">Action</a></li> -->
547 0a9e1a04 Olga Brani
                                        </ul>
548 0a9e1a04 Olga Brani
                                </div>
549 0a9e1a04 Olga Brani
                        </div>
550 0a9e1a04 Olga Brani
                </section>
551 15948f00 Olga Brani
                <section class="main row">
552 321113f5 Olga Brani
                        <div class="vms entities">
553 db1f3b94 Olga Brani
                                <ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
554 5b99bf0a Athina Bekakou
                                        <li data-order="0">
555 5e62e9c1 Olga Brani
                                                <div class="container">
556 5e62e9c1 Olga Brani
                                                        <div class="img-wrap">
557 5e62e9c1 Olga Brani
                                                                <div class="img running">
558 692c5cea Olga Brani
                                                                        <span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
559 692c5cea Olga Brani
                                                                        <span class="os" data-reveal-id="vm-connect">unknown</span>
560 5e62e9c1 Olga Brani
                                                                </div>
561 f8f24db6 Olga Brani
                                                        </div>
562 8bcfec88 Athina B
                                                        <p class="visible-info">
563 692c5cea Olga Brani
                                                                <span class="title">
564 692c5cea Olga Brani
                                                                        <a href="vm_details.html"><em>vm name 1 really large name</em></a>
565 692c5cea Olga Brani
                                                                </span>
566 8bcfec88 Athina B
                                                        </p>
567 96e399a4 Olga Brani
                                                        <div class="tags">
568 96e399a4 Olga Brani
                                                                <a href="" class="tag1" title="Server">&nbsp;</a>
569 96e399a4 Olga Brani
                                                                <a href="" class="tag2" title="Experiment">&nbsp;</a>
570 96e399a4 Olga Brani
                                                        </div>
571 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
572 b3c1328b Olga Brani
                                                </div>
573 b3c1328b Olga Brani
                                        </li>
574 5b99bf0a Athina Bekakou
                                        <li data-order="1">
575 5e62e9c1 Olga Brani
                                                <div class="container">
576 5e62e9c1 Olga Brani
                                                        <div class="img-wrap">
577 c9655064 Olga Brani
                                                                <div class="img running">
578 692c5cea Olga Brani
                                                                        <span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
579 692c5cea Olga Brani
                                                                        <span class="os fedora" data-reveal-id="vm-connect">fedora</span>
580 5e62e9c1 Olga Brani
                                                                </div>
581 f8f24db6 Olga Brani
                                                        </div>
582 f8f24db6 Olga Brani
                                                        <p class="visible-info">
583 692c5cea Olga Brani
                                                                <span class="title">
584 692c5cea Olga Brani
                                                                        <a href="vm_details.html"><em>vm name 1 really large name</em></a>
585 692c5cea Olga Brani
                                                                </span>
586 f8f24db6 Olga Brani
                                                        </p>
587 96e399a4 Olga Brani
                                                        <div class="tags">
588 96e399a4 Olga Brani
                                                                <a href="" class="tag3">&nbsp;</a>
589 96e399a4 Olga Brani
                                                                <a href="" class="tag2">&nbsp;</a>
590 96e399a4 Olga Brani
                                                        </div>
591 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
592 b3c1328b Olga Brani
                                                </div>
593 b3c1328b Olga Brani
                                        </li>
594 5b99bf0a Athina Bekakou
                                        <li data-order="2">
595 5e62e9c1 Olga Brani
                                                <div class="container">
596 5e62e9c1 Olga Brani
                                                        <div class="img-wrap">
597 692c5cea Olga Brani
                                                                <div class="img running">
598 692c5cea Olga Brani
                                                                        <span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
599 692c5cea Olga Brani
                                                                        <span class="os" data-reveal-id="vm-connect">unknown</span>
600 c9655064 Olga Brani
                                                                </div>
601 c9655064 Olga Brani
                                                        </div>
602 c9655064 Olga Brani
                                                        <p class="visible-info">
603 692c5cea Olga Brani
                                                                <span class="title">
604 692c5cea Olga Brani
                                                                        <a href="vm_details.html"><em>vm name 2</em></a>
605 692c5cea Olga Brani
                                                                </span>
606 c9655064 Olga Brani
                                                        </p>
607 96e399a4 Olga Brani
                                                        <div class="tags">
608 96e399a4 Olga Brani
                                                                <a href="" class="tag2">&nbsp;</a>
609 96e399a4 Olga Brani
                                                        </div>
610 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
611 c9655064 Olga Brani
                                                </div>
612 c9655064 Olga Brani
                                        </li>
613 5b99bf0a Athina Bekakou
                                        <li  data-order="3">
614 c9655064 Olga Brani
                                                <div class="container">
615 c9655064 Olga Brani
                                                        <div class="img-wrap">
616 692c5cea Olga Brani
                                                                <div class="img stopped">
617 96e399a4 Olga Brani
                                                                        <span class="snf-PC_fill"></span>
618 96e399a4 Olga Brani
                                                                        <span class="os fedora">fedora</span>
619 c9655064 Olga Brani
                                                                </div>
620 c9655064 Olga Brani
                                                        </div>
621 c9655064 Olga Brani
                                                        <p class="visible-info">
622 692c5cea Olga Brani
                                                                <span class="title">
623 692c5cea Olga Brani
                                                                        <a href="vm_details.html"><em>vm name 3</em></a>
624 692c5cea Olga Brani
                                                                </span>
625 c9655064 Olga Brani
                                                        </p>
626 96e399a4 Olga Brani
                                                        <div class="tags">
627 96e399a4 Olga Brani
                                                                <a href="" class="tag1">&nbsp;</a>
628 96e399a4 Olga Brani
                                                                <a href="" class="tag2">&nbsp;</a>
629 96e399a4 Olga Brani
                                                                <a href="" class="tag3">&nbsp;</a>
630 96e399a4 Olga Brani
                                                        </div>
631 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
632 c9655064 Olga Brani
                                                </div>
633 c9655064 Olga Brani
                                        </li>
634 5b99bf0a Athina Bekakou
                                        <li  data-order="4">
635 c9655064 Olga Brani
                                                <div class="container">
636 c9655064 Olga Brani
                                                        <div class="img-wrap">
637 5e62e9c1 Olga Brani
                                                                <div class="img running">
638 692c5cea Olga Brani
                                                                        <span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
639 692c5cea Olga Brani
                                                                        <span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
640 5e62e9c1 Olga Brani
                                                                </div>
641 f8f24db6 Olga Brani
                                                        </div>
642 f8f24db6 Olga Brani
                                                        <p class="visible-info">
643 692c5cea Olga Brani
                                                                <span class="title">
644 692c5cea Olga Brani
                                                                        <a href="vm_details.html"><em>vm name 4</em></a>
645 692c5cea Olga Brani
                                                                </span>
646 f8f24db6 Olga Brani
                                                        </p>
647 96e399a4 Olga Brani
                                                        <div class="tags">
648 96e399a4 Olga Brani
                                                                <a href="" class="tag1">&nbsp;</a>
649 96e399a4 Olga Brani
                                                                <a href="" class="tag2">&nbsp;</a>
650 96e399a4 Olga Brani
                                                        </div>
651 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
652 b3c1328b Olga Brani
                                                </div>
653 b3c1328b Olga Brani
                                        </li>
654 d3bfabe8 Olga Brani
                                         
655 5b99bf0a Athina Bekakou
                                        <li  data-order="5">
656 9b6be833 Olga Brani
                                                <div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div>
657 b3c1328b Olga Brani
                                        </li>
658 5e62e9c1 Olga Brani
                                         
659 b3c1328b Olga Brani
                                </ul>
660 b3c1328b Olga Brani
                        </div>
661 b3c1328b Olga Brani
                </section>
662 9ac09101 Athina Bekakou
                </div>
663 9ac09101 Athina Bekakou
        
664 5e62e9c1 Olga Brani
        <div id="vm-connect" class="reveal-modal medium">
665 09566b56 Olga Brani
                  <p>A direct connection to this machine can be established using the <a target="_blank" href="http://en.wikipedia.org/wiki/Secure_Shell">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
666 f2126967 Olga Brani
                <p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
667 09566b56 Olga Brani
                
668 5e62e9c1 Olga Brani
                <p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
669 09566b56 Olga Brani
                <p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p>
670 5e62e9c1 Olga Brani
                  <a class="close-reveal-modal" title="close window">&#215;</a>
671 5e62e9c1 Olga Brani
        </div>
672 9ac09101 Athina Bekakou
673 f2126967 Olga Brani
        <script src="javascripts/vendor/jquery.js"></script>
674 5b99bf0a Athina Bekakou
        <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
675 f2126967 Olga Brani
        <script src="javascripts/foundation/foundation.js"></script>
676 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.alerts.js"></script>
677 b3c1328b Olga Brani
        
678 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.clearing.js"></script>
679 b3c1328b Olga Brani
        
680 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.cookie.js"></script>
681 b3c1328b Olga Brani
        
682 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
683 b3c1328b Olga Brani
        
684 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.forms.js"></script>
685 b3c1328b Olga Brani
        
686 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.joyride.js"></script>
687 b3c1328b Olga Brani
        
688 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.magellan.js"></script>
689 b3c1328b Olga Brani
        
690 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.orbit.js"></script>
691 b3c1328b Olga Brani
        
692 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
693 b3c1328b Olga Brani
        
694 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.reveal.js"></script>
695 b3c1328b Olga Brani
        
696 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.section.js"></script>
697 b3c1328b Olga Brani
        
698 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
699 b3c1328b Olga Brani
        
700 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.topbar.js"></script>
701 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
702 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
703 5b99bf0a Athina Bekakou
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
704 8db75456 Athina Bekakou
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
705 9ac09101 Athina Bekakou
        <script src="javascripts/common.js"></script>
706 314323e8 Athina Bekakou
        <script type="text/javascript" src="javascripts/farbtastic.js"></script>
707 0a9e1a04 Olga Brani
        <script type="text/javascript" src="javascripts/vm-wizard.js"></script>
708 b3c1328b Olga Brani
  <script>
709 b3c1328b Olga Brani
    $(document).foundation();
710 314323e8 Athina Bekakou
    $(document).ready(function() {
711 314323e8 Athina Bekakou

712 314323e8 Athina Bekakou
    })
713 b3c1328b Olga Brani
  </script>
714 b3c1328b Olga Brani
</body>
715 b3c1328b Olga Brani
</html>