root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_list_no_vms.html @ 1eb800de
History | View | Annotate | Download (34.5 kB)
1 | 25a02c79 | Olga Brani | |
---|---|---|---|
2 | 25a02c79 | Olga Brani | <!DOCTYPE html>
|
3 | 25a02c79 | Olga Brani | <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
4 | 25a02c79 | Olga Brani | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
5 | 25a02c79 | Olga Brani | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
6 | 25a02c79 | Olga Brani | |
7 | 25a02c79 | Olga Brani | <head>
|
8 | 25a02c79 | Olga Brani | <meta charset="utf-8" /> |
9 | 25a02c79 | Olga Brani | <meta name="viewport" content="width=device-width" /> |
10 | dfc437e3 | Athina Bekakou | <title>VMs list</title> |
11 | 25a02c79 | Olga Brani | <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
12 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
13 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/app.css" /> |
14 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/farbtastic.css" /> |
15 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
16 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
17 | 25a02c79 | Olga Brani | <link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
18 | 25a02c79 | Olga Brani | |
19 | 25a02c79 | Olga Brani | <script src="javascripts/vendor/custom.modernizr.js"></script> |
20 | 25a02c79 | Olga Brani | </head>
|
21 | 25a02c79 | Olga Brani | <body>
|
22 | 25a02c79 | Olga Brani | <header class="header"> |
23 | 25a02c79 | Olga Brani | <nav>
|
24 | 25a02c79 | Olga Brani | <ul class="icons-nav"> |
25 | 9a057bb4 | Athina Bekakou | <li><a href="vm_list.html" data-tooltip ="has-tip " title="Machines"><span class="snf-pc-outline"></span></a></li> |
26 | 1b2adfd1 | Athina Bekakou | <li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><span class="snf-network-outline"></span></a></li> |
27 | dfc437e3 | Athina Bekakou | <li><a href="volumes_list.html" data-tooltip ="has-tip" title="Disks"><span class="snf-volume-outline"></span></a></li> |
28 | 91994afd | Athina Bekakou | <li><a href="pithos.html" data-tooltip ="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
29 | dfc437e3 | Athina Bekakou | <li><a href="images_list.html" data-tooltip ="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
30 | dfc437e3 | Athina Bekakou | <li><a href="snapshots_list.html" data-tooltip ="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
31 | 880653e7 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
32 | 880653e7 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
33 | 25a02c79 | Olga Brani | </ul>
|
34 | 25a02c79 | Olga Brani | </nav>
|
35 | 25a02c79 | Olga Brani | <div class="login"> |
36 | 25a02c79 | Olga Brani | <div class="wrap"> |
37 | 25a02c79 | Olga Brani | <a href="">user1@synnefo.org</a> |
38 | 25a02c79 | Olga Brani | <ul>
|
39 | 25a02c79 | Olga Brani | <li><a href="">dashboard</a></li> |
40 | 25a02c79 | Olga Brani | <li><a href="">sign out</a></li> |
41 | 25a02c79 | Olga Brani | </ul>
|
42 | 25a02c79 | Olga Brani | </div>
|
43 | 25a02c79 | Olga Brani | </div>
|
44 | 25a02c79 | Olga Brani | <div class="logo"> |
45 | f0498685 | Athina Bekakou | <a href="index.html"><img src="images/synnefo-logo.png" alt="software logo"></a> |
46 | 25a02c79 | Olga Brani | </div>
|
47 | 25a02c79 | Olga Brani | </header>
|
48 | f50cc12b | Olga Brani | <div class="body-wrapper"> |
49 | 208dd6d1 | Athina Bekakou | <section class="overlay-area-custom"> |
50 | 25a02c79 | Olga Brani | <div id="vm-wizard" class="overlay-div wizard"> |
51 | 25a02c79 | Olga Brani | <div class="top"> |
52 | 25a02c79 | Olga Brani | <div class="numbers"> |
53 | 25a02c79 | Olga Brani | <div class="row"> |
54 | 25a02c79 | Olga Brani | <a href="" class="close"><span class="snf-close"></span></a> |
55 | 25a02c79 | Olga Brani | <ul class="nums"> |
56 | 25a02c79 | Olga Brani | <li class="current preselected"> |
57 | 25a02c79 | Olga Brani | <em><span>1</span></em> |
58 | 25a02c79 | Olga Brani | <p><strong>Select an OS</strong> Choose your preferred image</p> |
59 | 25a02c79 | Olga Brani | </li>
|
60 | 25a02c79 | Olga Brani | <li>
|
61 | 25a02c79 | Olga Brani | <em><span>2</span></em> |
62 | 25a02c79 | Olga Brani | <p><strong>Select CPUs, RAM and Disk Size </strong> |
63 | 25a02c79 | Olga Brani | Available options are filtered based on the selected image</p>
|
64 | 25a02c79 | Olga Brani | </li>
|
65 | 25a02c79 | Olga Brani | <li>
|
66 | 25a02c79 | Olga Brani | <em><span>3</span></em> |
67 | 25a02c79 | Olga Brani | <p><strong>Virtual machine custom options</strong> |
68 | 25a02c79 | Olga Brani | Virtual machine custom options</p>
|
69 | 25a02c79 | Olga Brani | </li>
|
70 | 25a02c79 | Olga Brani | <li>
|
71 | 25a02c79 | Olga Brani | <em><span>4</span></em> |
72 | 25a02c79 | Olga Brani | <p><strong>Confirm your settings</strong> |
73 | 25a02c79 | Olga Brani | Confirm that the options you have selected are correct</p>
|
74 | 25a02c79 | Olga Brani | </li>
|
75 | 25a02c79 | Olga Brani | </ul>
|
76 | 25a02c79 | Olga Brani | </div>
|
77 | 25a02c79 | Olga Brani | </div>
|
78 | 25a02c79 | Olga Brani | <div class="row menus"> |
79 | 25a02c79 | Olga Brani | <nav class="sub-menu" data-step=1> |
80 | 25a02c79 | Olga Brani | <ul>
|
81 | 25a02c79 | Olga Brani | <li><a href="" class="current preselected el2 firstfocus-1" data-img-type="system-images">System</a></li> |
82 | 25a02c79 | Olga Brani | <li><a href="" data-img-type="my-images">My images</a></li> |
83 | 25a02c79 | Olga Brani | <li><a href="" data-img-type="shared-images">Shared with me</a></li> |
84 | 25a02c79 | Olga Brani | <li><a href="" data-next="el1" data-img-type="public-images">Public</a></li> |
85 | 25a02c79 | Olga Brani | </ul>
|
86 | 25a02c79 | Olga Brani | </nav>
|
87 | 25a02c79 | Olga Brani | <nav class="sub-menu" data-step=2> |
88 | 25a02c79 | Olga Brani | <ul>
|
89 | 25a02c79 | Olga Brani | <li><a href="" class="current preselected el4 firstfocus-2" data-size="small">Small</a></li> |
90 | 25a02c79 | Olga Brani | <li><a href="" data-size="medium">Medium</a></li> |
91 | 25a02c79 | Olga Brani | <li><a href="" data-size="large" data-next="el5">Large</a></li> |
92 | 25a02c79 | Olga Brani | </ul>
|
93 | 25a02c79 | Olga Brani | </nav>
|
94 | 25a02c79 | Olga Brani | </div>
|
95 | 25a02c79 | Olga Brani | </div>
|
96 | 25a02c79 | Olga Brani | <div class="middle"> |
97 | 25a02c79 | Olga Brani | <div class="steps"> |
98 | 25a02c79 | Olga Brani | <div class="step step-1 current preselected" id="step-1" data-step="1"> |
99 | 25a02c79 | Olga Brani | <ul class="os"> |
100 | 25a02c79 | Olga Brani | <li class="current preselected system-images"> |
101 | 25a02c79 | Olga Brani | <div class="row"> |
102 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
103 | 25a02c79 | Olga Brani | <a href="" class="name-col el1">Kubuntu</a> |
104 | 25a02c79 | Olga Brani | <div class="size-col">3.13 GB</div> |
105 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
106 | 25a02c79 | Olga Brani | </div>
|
107 | 25a02c79 | Olga Brani | <div class="details"> |
108 | 25a02c79 | Olga Brani | <div class="row"> |
109 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
110 | 25a02c79 | Olga Brani | <dl>
|
111 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
112 | 25a02c79 | Olga Brani | <dd>system</dd> |
113 | 25a02c79 | Olga Brani | <dt>OS</dt> |
114 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
115 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
116 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
117 | 25a02c79 | Olga Brani | <dt>Size</dt> |
118 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
119 | 25a02c79 | Olga Brani | <dt>Users</dt> |
120 | 25a02c79 | Olga Brani | <dd>user</dd> |
121 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
122 | 25a02c79 | Olga Brani | <dd>1</dd> |
123 | 25a02c79 | Olga Brani | </dl>
|
124 | 25a02c79 | Olga Brani | </div>
|
125 | 25a02c79 | Olga Brani | </div>
|
126 | 25a02c79 | Olga Brani | </li>
|
127 | 25a02c79 | Olga Brani | <li class="public-images"> |
128 | 25a02c79 | Olga Brani | <div class="row"> |
129 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
130 | 208dd6d1 | Athina Bekakou | <a href="" class="name-col">Kubuntu LTS (by Kpal)</a> |
131 | 25a02c79 | Olga Brani | <div class="size-col">10GB</div> |
132 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
133 | 25a02c79 | Olga Brani | </div>
|
134 | 25a02c79 | Olga Brani | <div class="details"> |
135 | 25a02c79 | Olga Brani | <div class="row"> |
136 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
137 | 25a02c79 | Olga Brani | <dl>
|
138 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
139 | 25a02c79 | Olga Brani | <dd>system</dd> |
140 | 25a02c79 | Olga Brani | <dt>OS</dt> |
141 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
142 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
143 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
144 | 25a02c79 | Olga Brani | <dt>Size</dt> |
145 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
146 | 25a02c79 | Olga Brani | <dt>Users</dt> |
147 | 25a02c79 | Olga Brani | <dd>user</dd> |
148 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
149 | 25a02c79 | Olga Brani | <dd>1</dd> |
150 | 25a02c79 | Olga Brani | </dl>
|
151 | 25a02c79 | Olga Brani | </div>
|
152 | 25a02c79 | Olga Brani | </div>
|
153 | 25a02c79 | Olga Brani | </li>
|
154 | 25a02c79 | Olga Brani | <li class="public-images"> |
155 | 25a02c79 | Olga Brani | <div class="row"> |
156 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
157 | 208dd6d1 | Athina Bekakou | <a href="" class="name-col">Fedora (by Athina)</a> |
158 | 25a02c79 | Olga Brani | <div class="size-col">10GB</div> |
159 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
160 | 25a02c79 | Olga Brani | </div>
|
161 | 25a02c79 | Olga Brani | <div class="details"> |
162 | 25a02c79 | Olga Brani | <div class="row"> |
163 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
164 | 25a02c79 | Olga Brani | <dl>
|
165 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
166 | 25a02c79 | Olga Brani | <dd>system</dd> |
167 | 25a02c79 | Olga Brani | <dt>OS</dt> |
168 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
169 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
170 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
171 | 25a02c79 | Olga Brani | <dt>Size</dt> |
172 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
173 | 25a02c79 | Olga Brani | <dt>Users</dt> |
174 | 25a02c79 | Olga Brani | <dd>user</dd> |
175 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
176 | 25a02c79 | Olga Brani | <dd>1</dd> |
177 | 25a02c79 | Olga Brani | </dl>
|
178 | 25a02c79 | Olga Brani | </div>
|
179 | 25a02c79 | Olga Brani | </div>
|
180 | 25a02c79 | Olga Brani | </li>
|
181 | 25a02c79 | Olga Brani | <li class="shared-images"> |
182 | 25a02c79 | Olga Brani | <div class="row"> |
183 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
184 | 208dd6d1 | Athina Bekakou | <a href="" class="name-col">Fedora (by Athina)</a> |
185 | 25a02c79 | Olga Brani | <div class="size-col">3.67 GB</div> |
186 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
187 | 25a02c79 | Olga Brani | </div>
|
188 | 25a02c79 | Olga Brani | <div class="details"> |
189 | 25a02c79 | Olga Brani | <div class="row"> |
190 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
191 | 25a02c79 | Olga Brani | <dl>
|
192 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
193 | 25a02c79 | Olga Brani | <dd>system</dd> |
194 | 25a02c79 | Olga Brani | <dt>OS</dt> |
195 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
196 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
197 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
198 | 25a02c79 | Olga Brani | <dt>Size</dt> |
199 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
200 | 25a02c79 | Olga Brani | <dt>Users</dt> |
201 | 25a02c79 | Olga Brani | <dd>user</dd> |
202 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
203 | 25a02c79 | Olga Brani | <dd>1</dd> |
204 | 25a02c79 | Olga Brani | </dl>
|
205 | 25a02c79 | Olga Brani | </div>
|
206 | 25a02c79 | Olga Brani | </div>
|
207 | 25a02c79 | Olga Brani | </li>
|
208 | 25a02c79 | Olga Brani | <li class="my-images"> |
209 | 25a02c79 | Olga Brani | <div class="row"> |
210 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-windows.png" alt=""></div> |
211 | 25a02c79 | Olga Brani | <a href="" class="name-col">Windows Server 2012</a> |
212 | 25a02c79 | Olga Brani | <div class="size-col">13.66 GB</div> |
213 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
214 | 25a02c79 | Olga Brani | </div>
|
215 | 25a02c79 | Olga Brani | <div class="details"> |
216 | 25a02c79 | Olga Brani | <div class="row"> |
217 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
218 | 25a02c79 | Olga Brani | <dl>
|
219 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
220 | 25a02c79 | Olga Brani | <dd>system</dd> |
221 | 25a02c79 | Olga Brani | <dt>OS</dt> |
222 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
223 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
224 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
225 | 25a02c79 | Olga Brani | <dt>Size</dt> |
226 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
227 | 25a02c79 | Olga Brani | <dt>Users</dt> |
228 | 25a02c79 | Olga Brani | <dd>user</dd> |
229 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
230 | 25a02c79 | Olga Brani | <dd>1</dd> |
231 | 25a02c79 | Olga Brani | </dl>
|
232 | 25a02c79 | Olga Brani | </div>
|
233 | 25a02c79 | Olga Brani | </div>
|
234 | 25a02c79 | Olga Brani | </li>
|
235 | 25a02c79 | Olga Brani | <li class="system-images"> |
236 | 25a02c79 | Olga Brani | <div class="row"> |
237 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-windows.png" alt=""></div> |
238 | 25a02c79 | Olga Brani | <a href="" class="name-col">Windows Server 2012</a> |
239 | 25a02c79 | Olga Brani | <div class="size-col">13.66 GB</div> |
240 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="">details</a></div> |
241 | 25a02c79 | Olga Brani | </div>
|
242 | 25a02c79 | Olga Brani | <div class="details"> |
243 | 25a02c79 | Olga Brani | <div class="row"> |
244 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
245 | 25a02c79 | Olga Brani | <dl>
|
246 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
247 | 25a02c79 | Olga Brani | <dd>system</dd> |
248 | 25a02c79 | Olga Brani | <dt>OS</dt> |
249 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
250 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
251 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
252 | 25a02c79 | Olga Brani | <dt>Size</dt> |
253 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
254 | 25a02c79 | Olga Brani | <dt>Users</dt> |
255 | 25a02c79 | Olga Brani | <dd>user</dd> |
256 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
257 | 25a02c79 | Olga Brani | <dd>1</dd> |
258 | 25a02c79 | Olga Brani | </dl>
|
259 | 25a02c79 | Olga Brani | </div>
|
260 | 25a02c79 | Olga Brani | </div>
|
261 | 25a02c79 | Olga Brani | </li>
|
262 | 25a02c79 | Olga Brani | <li class="system-images"> |
263 | 25a02c79 | Olga Brani | <div class="row"> |
264 | 25a02c79 | Olga Brani | <div class="img-col"><img src="images/os-windows.png" alt=""></div> |
265 | 25a02c79 | Olga Brani | <a href="" class="name-col">Windows Server 2008</a> |
266 | 25a02c79 | Olga Brani | <div class="size-col">10.79 GB</div> |
267 | 25a02c79 | Olga Brani | <div class="btn-col"><a href="" data-next="el3">details</a></div> |
268 | 25a02c79 | Olga Brani | </div>
|
269 | 25a02c79 | Olga Brani | <div class="details"> |
270 | 25a02c79 | Olga Brani | <div class="row"> |
271 | 25a02c79 | Olga Brani | <h3>Image metadata</h3> |
272 | 25a02c79 | Olga Brani | <dl>
|
273 | 25a02c79 | Olga Brani | <dt>Owner</dt> |
274 | 25a02c79 | Olga Brani | <dd>system</dd> |
275 | 25a02c79 | Olga Brani | <dt>OS</dt> |
276 | 25a02c79 | Olga Brani | <dd>Kubuntu</dd> |
277 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
278 | 25a02c79 | Olga Brani | <dd>4.8.2</dd> |
279 | 25a02c79 | Olga Brani | <dt>Size</dt> |
280 | 25a02c79 | Olga Brani | <dd>2.51GB</dd> |
281 | 25a02c79 | Olga Brani | <dt>Users</dt> |
282 | 25a02c79 | Olga Brani | <dd>user</dd> |
283 | 25a02c79 | Olga Brani | <dt>Root partition</dt> |
284 | 25a02c79 | Olga Brani | <dd>1</dd> |
285 | 25a02c79 | Olga Brani | </dl>
|
286 | 25a02c79 | Olga Brani | </div>
|
287 | 25a02c79 | Olga Brani | </div>
|
288 | 25a02c79 | Olga Brani | </li>
|
289 | 25a02c79 | Olga Brani | |
290 | 25a02c79 | Olga Brani | </ul>
|
291 | 25a02c79 | Olga Brani | </div>
|
292 | 25a02c79 | Olga Brani | <div class="step step-2" id="step-2" data-step=2> |
293 | 25a02c79 | Olga Brani | <div class="row"> |
294 | 25a02c79 | Olga Brani | <form class="custom"> |
295 | 25a02c79 | Olga Brani | <select class="medium"> |
296 | 25a02c79 | Olga Brani | <option class="el5">Basic Project</option> |
297 | 25a02c79 | Olga Brani | <option>Project 2</option> |
298 | 25a02c79 | Olga Brani | <option>Project 3</option> |
299 | 25a02c79 | Olga Brani | </select>
|
300 | 25a02c79 | Olga Brani | </form>
|
301 | 25a02c79 | Olga Brani | <ul class="flavor"> |
302 | 25a02c79 | Olga Brani | <li>
|
303 | 25a02c79 | Olga Brani | <div class="title"> |
304 | de9b2b51 | Athina Bekakou | <span class="snf-chip-outline snf-font"></span> |
305 | 25a02c79 | Olga Brani | <h2>
|
306 | 25a02c79 | Olga Brani | CPU<span> (x cores)</span> |
307 | 25a02c79 | Olga Brani | <em>Choose number of CPU cores</em> |
308 | 25a02c79 | Olga Brani | </h2>
|
309 | 25a02c79 | 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> |
310 | 25a02c79 | Olga Brani | </div>
|
311 | 25a02c79 | Olga Brani | <div class="options-bar"> |
312 | 25a02c79 | Olga Brani | <div class="bar"> |
313 | 25a02c79 | Olga Brani | <div class="wrap"> |
314 | 25a02c79 | Olga Brani | <div class="container"> |
315 | 25a02c79 | Olga Brani | <!-- width percentages do not correspond to actual mesurements -->
|
316 | 25a02c79 | Olga Brani | <div class="total" style="width:60%"> |
317 | 25a02c79 | Olga Brani | <div class="current" style="width:30%"></div> |
318 | 25a02c79 | Olga Brani | <span>60%</span> |
319 | 25a02c79 | Olga Brani | </div>
|
320 | 25a02c79 | Olga Brani | </div>
|
321 | 25a02c79 | Olga Brani | </div>
|
322 | 25a02c79 | Olga Brani | </div>
|
323 | 25a02c79 | Olga Brani | <ul class="options with-flavor"> |
324 | 25a02c79 | Olga Brani | <li><a href="" class="small current preselected " data-help="help text for 1">1</a></li> |
325 | 25a02c79 | Olga Brani | <li><a href="" class="medium" data-help="help text for 2">2</a></li> |
326 | 25a02c79 | Olga Brani | <li><a href="" class="large disabled" data-help="help text for 3">3</a></li> |
327 | 25a02c79 | Olga Brani | <li><a href="" class="disabled" data-help="help text for 4">4</a></li> |
328 | 25a02c79 | Olga Brani | </ul>
|
329 | 25a02c79 | Olga Brani | </div>
|
330 | 25a02c79 | Olga Brani | </li>
|
331 | 25a02c79 | Olga Brani | <li>
|
332 | 25a02c79 | Olga Brani | <div class="title"> |
333 | de9b2b51 | Athina Bekakou | <span class="snf-ram-outline snf-font"></span> |
334 | 25a02c79 | Olga Brani | <h2>
|
335 | 25a02c79 | Olga Brani | Memory Size |
336 | 25a02c79 | Olga Brani | <span> (MB)</span> |
337 | 25a02c79 | Olga Brani | <em>Choose memory size</em> |
338 | 25a02c79 | Olga Brani | </h2>
|
339 | 25a02c79 | 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> |
340 | 25a02c79 | Olga Brani | </div>
|
341 | 25a02c79 | Olga Brani | <div class="options-bar"> |
342 | 25a02c79 | Olga Brani | <div class="bar"> |
343 | 25a02c79 | Olga Brani | <div class="wrap"> |
344 | 25a02c79 | Olga Brani | <div class="container"> |
345 | 25a02c79 | Olga Brani | <!-- width percentages do not correspond to actual mesurements -->
|
346 | 25a02c79 | Olga Brani | <div class="total" style="width:60%"> |
347 | 25a02c79 | Olga Brani | <div class="current" style="width:30%"></div> |
348 | 25a02c79 | Olga Brani | <span>60%</span> |
349 | 25a02c79 | Olga Brani | </div>
|
350 | 25a02c79 | Olga Brani | </div>
|
351 | 25a02c79 | Olga Brani | </div>
|
352 | 25a02c79 | Olga Brani | </div>
|
353 | 25a02c79 | Olga Brani | <ul class="options with-flavor"> |
354 | 25a02c79 | Olga Brani | <li><a href="" class="small current preselected">1024</a></li> |
355 | 25a02c79 | Olga Brani | <li><a href="" class="medium">2048</a></li> |
356 | 25a02c79 | Olga Brani | <li><a href="" class="large">4096</a></li> |
357 | 25a02c79 | Olga Brani | </ul>
|
358 | 25a02c79 | Olga Brani | </div>
|
359 | 25a02c79 | Olga Brani | </li>
|
360 | 25a02c79 | Olga Brani | <li>
|
361 | 25a02c79 | Olga Brani | <div class="title"> |
362 | 1b2adfd1 | Athina Bekakou | <span class="snf-volume-outline snf-font"></span> |
363 | 25a02c79 | Olga Brani | <h2>
|
364 | 25a02c79 | Olga Brani | Disk Size<span> (GB)</span> |
365 | 25a02c79 | Olga Brani | <em>Choose disk size</em> |
366 | 25a02c79 | Olga Brani | </h2>
|
367 | 25a02c79 | 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> |
368 | 25a02c79 | Olga Brani | </div>
|
369 | 25a02c79 | Olga Brani | <div class="options-bar"> |
370 | 25a02c79 | Olga Brani | <div class="bar"> |
371 | 25a02c79 | Olga Brani | <div class="wrap"> |
372 | 25a02c79 | Olga Brani | <div class="container"> |
373 | 25a02c79 | Olga Brani | <!-- width percentages do not correspond to actual mesurements -->
|
374 | fcda3fb7 | Olga Brani | <div class="total low" style="width:40%"> |
375 | 25a02c79 | Olga Brani | <div class="current" style="width:80%"></div> |
376 | 25a02c79 | Olga Brani | <span>40%</span> |
377 | 25a02c79 | Olga Brani | </div>
|
378 | 25a02c79 | Olga Brani | </div>
|
379 | 25a02c79 | Olga Brani | </div>
|
380 | 25a02c79 | Olga Brani | </div>
|
381 | 25a02c79 | Olga Brani | <ul class="options with-flavor"> |
382 | 25a02c79 | Olga Brani | <li><a href="" class="small current preselected">10</a></li> |
383 | 25a02c79 | Olga Brani | <li><a href="" class="medium">20</a></li> |
384 | 25a02c79 | Olga Brani | <li><a href="" class="large">30</a></li> |
385 | 25a02c79 | Olga Brani | <li><a href="">40</a></li> |
386 | 25a02c79 | Olga Brani | </ul>
|
387 | 25a02c79 | Olga Brani | </div>
|
388 | 25a02c79 | Olga Brani | </li>
|
389 | 25a02c79 | Olga Brani | <li>
|
390 | 25a02c79 | Olga Brani | <div class="title"> |
391 | 1b2adfd1 | Athina Bekakou | <span class="snf-volume-outline snf-font"></span> |
392 | 25a02c79 | Olga Brani | <h2>
|
393 | 25a02c79 | Olga Brani | Storage |
394 | 25a02c79 | Olga Brani | <em>Select storage type</em> |
395 | 25a02c79 | Olga Brani | </h2>
|
396 | 25a02c79 | 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> |
397 | 25a02c79 | Olga Brani | </div>
|
398 | 25a02c79 | Olga Brani | <div class="options-bar"> |
399 | 25a02c79 | Olga Brani | <div class="bar"> |
400 | 25a02c79 | Olga Brani | <div class="wrap disabled-progress-bar"> |
401 | 25a02c79 | Olga Brani | <div class="container"> |
402 | 25a02c79 | Olga Brani | <!-- width percentages do not correspond to actual mesurements -->
|
403 | 25a02c79 | Olga Brani | <div class="total" style="width:100%"> |
404 | 25a02c79 | Olga Brani | <div class="current" style="width:0%"></div> |
405 | 25a02c79 | Olga Brani | <span></span> |
406 | 25a02c79 | Olga Brani | </div>
|
407 | 25a02c79 | Olga Brani | </div>
|
408 | 25a02c79 | Olga Brani | </div>
|
409 | 25a02c79 | Olga Brani | </div>
|
410 | 25a02c79 | Olga Brani | <ul class="options vm-storage-selection"> |
411 | 25a02c79 | Olga Brani | <li><a href="" class="current preselected">DRBD</a></li> |
412 | 25a02c79 | Olga Brani | <li><a href="" data-next="el3">Archipelago</a></li> |
413 | 25a02c79 | Olga Brani | </ul>
|
414 | 25a02c79 | Olga Brani | </div>
|
415 | 25a02c79 | Olga Brani | </li>
|
416 | 25a02c79 | Olga Brani | </ul>
|
417 | 25a02c79 | Olga Brani | </div>
|
418 | 25a02c79 | Olga Brani | </div>
|
419 | 25a02c79 | Olga Brani | <div class="step step-3" id="step-3" data-step=3> |
420 | 25a02c79 | Olga Brani | <div class="advanced-conf-step"> |
421 | 25a02c79 | Olga Brani | <div class="adv-main row"> |
422 | 208dd6d1 | Athina Bekakou | <div class="name"> |
423 | 25a02c79 | Olga Brani | <h2>Machine name</h2> |
424 | 25a02c79 | Olga Brani | <span class="input"> |
425 | 25a02c79 | Olga Brani | <input type="text" placeholder="My Ubuntu Server" class="el7"> |
426 | 25a02c79 | Olga Brani | </span>
|
427 | 25a02c79 | Olga Brani | </div>
|
428 | 25a02c79 | Olga Brani | <div class="expand-btn"> |
429 | 25a02c79 | Olga Brani | <a class="expand-arrow" href=""> |
430 | 25a02c79 | Olga Brani | Advanced Configuration |
431 | 25a02c79 | Olga Brani | <span class="snf-arrow-down preselected"></span> |
432 | 25a02c79 | Olga Brani | </a>
|
433 | 25a02c79 | Olga Brani | </div>
|
434 | 25a02c79 | Olga Brani | </div>
|
435 | 25a02c79 | Olga Brani | <div class="advanced-conf-options"> |
436 | 25a02c79 | Olga Brani | <div class="ssh-keys-area area"> |
437 | 25a02c79 | Olga Brani | <div class="row"> |
438 | 25a02c79 | Olga Brani | <h2>Public SSH keys</h2> |
439 | 25a02c79 | 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> |
440 | 25a02c79 | Olga Brani | <ul>
|
441 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
442 | 25a02c79 | Olga Brani | <h3>My public key long name one </h3> |
443 | 25a02c79 | Olga Brani | <a href="" class="check"> |
444 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
445 | 25a02c79 | Olga Brani | </a>
|
446 | 25a02c79 | Olga Brani | </li>
|
447 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
448 | 25a02c79 | Olga Brani | <h3>Other public key </h3> |
449 | 25a02c79 | Olga Brani | <a href="" class="check"> |
450 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
451 | 25a02c79 | Olga Brani | </a>
|
452 | 25a02c79 | Olga Brani | </li>
|
453 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
454 | 25a02c79 | Olga Brani | <h3>My public key long name one </h3> |
455 | 25a02c79 | Olga Brani | <a href="" class="check"> |
456 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
457 | 25a02c79 | Olga Brani | </a>
|
458 | 25a02c79 | Olga Brani | </li>
|
459 | 25a02c79 | Olga Brani | </ul>
|
460 | 25a02c79 | Olga Brani | <div>
|
461 | dfc437e3 | Athina Bekakou | <a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a> |
462 | 25a02c79 | Olga Brani | </div>
|
463 | 25a02c79 | Olga Brani | </div>
|
464 | 25a02c79 | Olga Brani | </div>
|
465 | 25a02c79 | Olga Brani | <div class="networks-area area"> |
466 | 25a02c79 | Olga Brani | <h2 class="row">Networks</h2> |
467 | 25a02c79 | Olga Brani | <ul>
|
468 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox row has-more select-net"> |
469 | 25a02c79 | Olga Brani | <h3 class=""> |
470 | 25a02c79 | Olga Brani | <span class="net-icons"> |
471 | 25a02c79 | Olga Brani | <span class="temp-line line1"></span> |
472 | 25a02c79 | Olga Brani | <span class="snf-www"></span> |
473 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
474 | 25a02c79 | Olga Brani | </span>
|
475 | 25a02c79 | Olga Brani | Public Network |
476 | 25a02c79 | Olga Brani | </h3>
|
477 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a> |
478 | 25a02c79 | Olga Brani | </li>
|
479 | 25a02c79 | Olga Brani | <li class="more"> |
480 | 25a02c79 | Olga Brani | <div class="row"> |
481 | 969d4e10 | Athina Bekakou | <div class="trigger-checkbox clearfix"> |
482 | 25a02c79 | Olga Brani | <h3>192.168.2.3</h3> |
483 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a> |
484 | 25a02c79 | Olga Brani | </div>
|
485 | 969d4e10 | Athina Bekakou | <div class="trigger-checkbox clearfix"> |
486 | 25a02c79 | Olga Brani | <h3>192.168.2.3</h3> |
487 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
488 | 25a02c79 | Olga Brani | </div>
|
489 | 969d4e10 | Athina Bekakou | <div class="trigger-checkbox clearfix"> |
490 | 25a02c79 | Olga Brani | <h3>192.168.2.3</h3> |
491 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
492 | 25a02c79 | Olga Brani | </div>
|
493 | 25a02c79 | Olga Brani | <div>
|
494 | 25a02c79 | Olga Brani | <a href="" class="btn5">allocate ip</a> |
495 | 25a02c79 | Olga Brani | </div>
|
496 | 25a02c79 | Olga Brani | </div>
|
497 | 25a02c79 | Olga Brani | </li>
|
498 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox row select-net"> |
499 | 25a02c79 | Olga Brani | <h3 class="net-name"> |
500 | 25a02c79 | Olga Brani | <span class="net-icons"> |
501 | 25a02c79 | Olga Brani | <span class="temp-line line1"></span> |
502 | 25a02c79 | Olga Brani | <span class="temp-line line2"></span> |
503 | 25a02c79 | Olga Brani | <span class="snf-www"></span> |
504 | de9b2b51 | Athina Bekakou | <span class="snf-router-outline"></span> |
505 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
506 | 25a02c79 | Olga Brani | </span>
|
507 | 25a02c79 | Olga Brani | Routed Network |
508 | 25a02c79 | Olga Brani | </h3>
|
509 | 25a02c79 | Olga Brani | <a href="" class="check"> |
510 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
511 | 25a02c79 | Olga Brani | </a>
|
512 | 25a02c79 | Olga Brani | </li>
|
513 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox row select-net"> |
514 | 25a02c79 | Olga Brani | <h3 class="net-name"> |
515 | 25a02c79 | Olga Brani | <span class="net-icons"> |
516 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
517 | 25a02c79 | Olga Brani | </span>
|
518 | 25a02c79 | Olga Brani | Private Network 1 |
519 | 25a02c79 | Olga Brani | </h3>
|
520 | 25a02c79 | Olga Brani | <a href="" class="check"> |
521 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
522 | 25a02c79 | Olga Brani | </a>
|
523 | 25a02c79 | Olga Brani | </li>
|
524 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox row select-net"> |
525 | 25a02c79 | Olga Brani | <h3 class="net-name"> |
526 | 25a02c79 | Olga Brani | <span class="net-icons"> |
527 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
528 | 25a02c79 | Olga Brani | </span>
|
529 | 25a02c79 | Olga Brani | Private Network 2 |
530 | 25a02c79 | Olga Brani | </h3>
|
531 | 25a02c79 | Olga Brani | <a href="" class="check"> |
532 | 25a02c79 | Olga Brani | <span class="snf-checkbox-unchecked"></span> |
533 | 25a02c79 | Olga Brani | </a>
|
534 | 25a02c79 | Olga Brani | </li>
|
535 | 25a02c79 | Olga Brani | </ul>
|
536 | 25a02c79 | Olga Brani | </div>
|
537 | 25a02c79 | Olga Brani | <div class="tags-area area"> |
538 | 25a02c79 | Olga Brani | <div class="row"> |
539 | 25a02c79 | Olga Brani | <h2>Tags</h2> |
540 | 25a02c79 | Olga Brani | <p>Dude use your tags like you eat your cereal.<br>You can color code them as well</p> |
541 | 25a02c79 | Olga Brani | <ul>
|
542 | 25a02c79 | Olga Brani | <li>
|
543 | 25a02c79 | Olga Brani | <h3>My tags</h3> |
544 | 25a02c79 | Olga Brani | <span>select</span> |
545 | 25a02c79 | Olga Brani | </li>
|
546 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
547 | 25a02c79 | Olga Brani | <h3>
|
548 | 25a02c79 | Olga Brani | <span class="tag-demo tag4"></span> |
549 | 25a02c79 | Olga Brani | Operating system |
550 | 25a02c79 | Olga Brani | </h3>
|
551 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
552 | 25a02c79 | Olga Brani | </li>
|
553 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
554 | 25a02c79 | Olga Brani | <h3>
|
555 | 25a02c79 | Olga Brani | <span class="tag-demo tag5"></span> |
556 | 25a02c79 | Olga Brani | Pirate PC1 |
557 | 25a02c79 | Olga Brani | </h3>
|
558 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
559 | 25a02c79 | Olga Brani | </li>
|
560 | 969d4e10 | Athina Bekakou | <li class="trigger-checkbox"> |
561 | 25a02c79 | Olga Brani | <h3>
|
562 | 25a02c79 | Olga Brani | <span class="tag-demo tag6"></span> |
563 | 25a02c79 | Olga Brani | Pirate PC1 |
564 | 25a02c79 | Olga Brani | </h3>
|
565 | 25a02c79 | Olga Brani | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
566 | 25a02c79 | Olga Brani | </li>
|
567 | 25a02c79 | Olga Brani | </ul>
|
568 | fcda3fb7 | Olga Brani | <div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add new Tag</a></div> |
569 | 25a02c79 | Olga Brani | <div class="snf-color-picker"> |
570 | 25a02c79 | Olga Brani | <form action="#" method="post"> |
571 | 4cb1fbf9 | Athina Bekakou | <div id="picker-1"> |
572 | 25a02c79 | Olga Brani | <div class="farbtastic"> |
573 | 25a02c79 | Olga Brani | <div class="color" style="background-color: rgb(255, 0, 21);"></div> |
574 | 25a02c79 | Olga Brani | <div class="wheel"></div> |
575 | 25a02c79 | Olga Brani | <div class="overlay"></div> |
576 | 25a02c79 | Olga Brani | <div class="h-marker marker" style="left: 90px; top: 13px;"></div> |
577 | 25a02c79 | Olga Brani | <div class="sl-marker marker" style="left: 87px; top: 114px;"></div> |
578 | 25a02c79 | Olga Brani | </div>
|
579 | 25a02c79 | Olga Brani | </div>
|
580 | 25a02c79 | Olga Brani | <div class="form-item"> |
581 | 4cb1fbf9 | Athina Bekakou | <input type="text" id="color-1" class="color-preview" name="color" value="#16C1E9" disabled |
582 | 25a02c79 | Olga Brani | <span ="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
583 | 25a02c79 | Olga Brani | </div>
|
584 | 25a02c79 | Olga Brani | </form>
|
585 | 25a02c79 | Olga Brani | <div class="btns"> |
586 | 25a02c79 | Olga Brani | <a class="btn5" href="">OK</a> |
587 | 25a02c79 | Olga Brani | <a class="btn5 hide-add-tag" href="">CANCEL</a> |
588 | 25a02c79 | Olga Brani | </div>
|
589 | 25a02c79 | Olga Brani | <a href="" id="hide-add-tag-dummy" style="position:relative;top:50px"> </a> |
590 | 25a02c79 | Olga Brani | </div>
|
591 | 25a02c79 | Olga Brani | </div>
|
592 | 25a02c79 | Olga Brani | </div>
|
593 | 25a02c79 | Olga Brani | </div>
|
594 | 25a02c79 | Olga Brani | </div>
|
595 | 25a02c79 | Olga Brani | <!-- end step 3 --> </div> |
596 | 25a02c79 | Olga Brani | <div class="step step-4" id="step-4" data-step=4> |
597 | 25a02c79 | Olga Brani | <div class="summary"> |
598 | 25a02c79 | Olga Brani | <div class="row"> |
599 | 25a02c79 | Olga Brani | <div class="wrap"> |
600 | 25a02c79 | Olga Brani | <dl>
|
601 | de9b2b51 | Athina Bekakou | <dt><span class="snf-pc-full snf-font"></span>Machine name</dt> |
602 | 25a02c79 | Olga Brani | <dd>handsome frank</dd> |
603 | 25a02c79 | Olga Brani | </dl>
|
604 | 25a02c79 | Olga Brani | </div>
|
605 | 25a02c79 | Olga Brani | </div>
|
606 | 25a02c79 | Olga Brani | <div class="row"> |
607 | 25a02c79 | Olga Brani | <div class="wrap"> |
608 | 25a02c79 | Olga Brani | <dl>
|
609 | 25a02c79 | Olga Brani | <dt>Image</dt> |
610 | 25a02c79 | Olga Brani | <dd>Fedora</dd> |
611 | 25a02c79 | Olga Brani | <dt>Name</dt> |
612 | 25a02c79 | Olga Brani | <dd>Debian Base</dd> |
613 | 25a02c79 | Olga Brani | <dt>Desciption</dt> |
614 | 25a02c79 | Olga Brani | <dd>open suse description open suse description open suse description open suse description open suse description</dd> |
615 | 25a02c79 | Olga Brani | <dt>os</dt> |
616 | 25a02c79 | Olga Brani | <dd>Debian</dd> |
617 | 25a02c79 | Olga Brani | <dt>Size</dt> |
618 | 25a02c79 | Olga Brani | <dd>10.4GB</dd> |
619 | 25a02c79 | Olga Brani | <dt>GUI</dt> |
620 | 25a02c79 | Olga Brani | <dd>No GUI</dd> |
621 | 25a02c79 | Olga Brani | <dt>Kernel</dt> |
622 | 25a02c79 | Olga Brani | <dd>2.3.4</dd> |
623 | 25a02c79 | Olga Brani | </dl>
|
624 | 25a02c79 | Olga Brani | </div>
|
625 | 25a02c79 | Olga Brani | </div>
|
626 | 25a02c79 | Olga Brani | <div class="row"> |
627 | 25a02c79 | Olga Brani | <div class="wrap"> |
628 | 25a02c79 | Olga Brani | <h2>Flavor</h2> |
629 | 25a02c79 | Olga Brani | <dl>
|
630 | de9b2b51 | Athina Bekakou | <dt><span class="snf-chip-outline snf-font"></span>CPUs</dt> |
631 | 25a02c79 | Olga Brani | <dd>4x</dd> |
632 | de9b2b51 | Athina Bekakou | <dt><span class="snf-ram-outline snf-font"></span>Memory</dt> |
633 | 25a02c79 | Olga Brani | <dd>512 MB</dd> |
634 | 1b2adfd1 | Athina Bekakou | <dt><span class="snf-volume-outline snf-font"></span>Disk</dt> |
635 | 25a02c79 | Olga Brani | <dd>4GB</dd> |
636 | 1b2adfd1 | Athina Bekakou | <dt><span class="snf-volume-outline snf-font"></span>Storage Type</dt> |
637 | 25a02c79 | Olga Brani | <dd>DRBD</dd> |
638 | 25a02c79 | Olga Brani | </dl>
|
639 | 25a02c79 | Olga Brani | </div>
|
640 | 25a02c79 | Olga Brani | </div>
|
641 | 25a02c79 | Olga Brani | <div class="row"> |
642 | 25a02c79 | Olga Brani | <div class="wrap"> |
643 | 25a02c79 | Olga Brani | <dl>
|
644 | 25a02c79 | Olga Brani | <dt>Machine Tags</dt> |
645 | 25a02c79 | Olga Brani | <dd>Database server</dd> |
646 | 25a02c79 | Olga Brani | <dt>SSH Keys</dt> |
647 | 25a02c79 | Olga Brani | <dd>
|
648 | 25a02c79 | Olga Brani | my public key 1<br>
|
649 | 25a02c79 | Olga Brani | my public key 3<br>
|
650 | 25a02c79 | Olga Brani | </dd>
|
651 | 25a02c79 | Olga Brani | <dt>IPs</dt> |
652 | 25a02c79 | Olga Brani | <dd>192.168.1.3<br>192.168.1.3</dd> |
653 | 25a02c79 | Olga Brani | <dt>Private networks</dt> |
654 | 25a02c79 | Olga Brani | <dd>No private networks selected</dd> |
655 | 25a02c79 | Olga Brani | </dl>
|
656 | 25a02c79 | Olga Brani | </div>
|
657 | 25a02c79 | Olga Brani | </div>
|
658 | 25a02c79 | Olga Brani | </div>
|
659 | 25a02c79 | Olga Brani | </div>
|
660 | 25a02c79 | Olga Brani | </div>
|
661 | 25a02c79 | Olga Brani | </div>
|
662 | 25a02c79 | Olga Brani | <div class="bottom"> |
663 | 25a02c79 | Olga Brani | <div class="row"> |
664 | 25a02c79 | Olga Brani | <a href="" class="nav prev el3"><span>CANCEL</span></a> |
665 | 25a02c79 | Olga Brani | <a href="" class="nav next" data-step="1" data-next="el2"><span>NEXT</span></a> |
666 | 25a02c79 | Olga Brani | </div>
|
667 | 25a02c79 | Olga Brani | </div>
|
668 | 25a02c79 | Olga Brani | </div>
|
669 | 208dd6d1 | Athina Bekakou | </section>
|
670 | 208dd6d1 | Athina Bekakou | <section class="overlay-area-reveal"> |
671 | 208dd6d1 | Athina Bekakou | <div id="sshkeys-wizard" class="reveal-modal medium secondary-wizard"> |
672 | 208dd6d1 | Athina Bekakou | <h2>SSH keys</h2> |
673 | 390a85eb | Athina Bekakou | <a class="close-reveal-modal close" title="close">x</a> |
674 | 208dd6d1 | Athina Bekakou | <p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br> |
675 | 208dd6d1 | Athina Bekakou | Note: SSH keys are supported only for Linux machines.</p>
|
676 | 208dd6d1 | Athina Bekakou | <p>Click "generate new" to create a new SSH key pair.</p> |
677 | 208dd6d1 | Athina Bekakou | <p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p> |
678 | 208dd6d1 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p> |
679 | 208dd6d1 | Athina Bekakou | <div class="generate-key-area"> |
680 | 208dd6d1 | Athina Bekakou | <p>clock tba</p> |
681 | 208dd6d1 | Athina Bekakou | <p>
|
682 | 208dd6d1 | Athina Bekakou | Your new public key has been added.<br>
|
683 | 208dd6d1 | Athina Bekakou | To download your *private key* click here. |
684 | 208dd6d1 | Athina Bekakou | </p>
|
685 | 208dd6d1 | Athina Bekakou | <p>
|
686 | 390a85eb | Athina Bekakou | Note: We do not keep it! If you don't download now you cannot access it in the future. |
687 | 208dd6d1 | Athina Bekakou | </p>
|
688 | dfc437e3 | Athina Bekakou | <p class="buttons"><a href="" class="btn4">ok</a></p> |
689 | 208dd6d1 | Athina Bekakou | </div>
|
690 | 208dd6d1 | Athina Bekakou | <div class="import-key-area"> |
691 | 208dd6d1 | Athina Bekakou | <div class="key-name"> |
692 | 208dd6d1 | Athina Bekakou | <h4>Key name</h4> |
693 | fcda3fb7 | Olga Brani | <span class="input"><input class="key-name-input" type="text" placeholder="my key"></span> |
694 | 208dd6d1 | Athina Bekakou | <div class="error-msg"></div> |
695 | 208dd6d1 | Athina Bekakou | </div>
|
696 | 208dd6d1 | Athina Bekakou | <div class="key-content"> |
697 | 208dd6d1 | Athina Bekakou | <h4>Key content</h4> |
698 | 208dd6d1 | Athina Bekakou | <div class="error-msg"></div> |
699 | 208dd6d1 | Athina Bekakou | <textarea></textarea> |
700 | 208dd6d1 | Athina Bekakou | </div>
|
701 | 208dd6d1 | Athina Bekakou | <div class="upload-key"> |
702 | 208dd6d1 | Athina Bekakou | <label>Import from file (header maybe?)</label> |
703 | 208dd6d1 | Athina Bekakou | <p class="buttons"> |
704 | 208dd6d1 | Athina Bekakou | <a href="" class="browse-files dz-clickable">browse files</a> |
705 | 208dd6d1 | Athina Bekakou | </p>
|
706 | 208dd6d1 | Athina Bekakou | <form action="#" class="dropzone" id="files-dropzone"> |
707 | 208dd6d1 | Athina Bekakou | <p>sto plai?</p> |
708 | 208dd6d1 | Athina Bekakou | <ul class="files dropzone-files"></ul> |
709 | 208dd6d1 | Athina Bekakou | <div class="dz-default dz-message"><span></span></div> |
710 | 208dd6d1 | Athina Bekakou | </form>
|
711 | 208dd6d1 | Athina Bekakou | <p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p> |
712 | 208dd6d1 | Athina Bekakou | </div>
|
713 | 208dd6d1 | Athina Bekakou | </div>
|
714 | 208dd6d1 | Athina Bekakou | <h3>Your SSH public keys</h3> |
715 | 208dd6d1 | Athina Bekakou | <ul>
|
716 | 208dd6d1 | Athina Bekakou | <li>
|
717 | 208dd6d1 | Athina Bekakou | <div class="name-col">key name 1</div> |
718 | 208dd6d1 | Athina Bekakou | <div class="actions-col"> |
719 | 208dd6d1 | Athina Bekakou | <a href="" class="show-key">key</a> |
720 | 208dd6d1 | Athina Bekakou | <a href="" class="show-fingerprint">fingerprint</a> |
721 | 208dd6d1 | Athina Bekakou | <a href="" class="edit">edit</a> |
722 | 208dd6d1 | Athina Bekakou | <a href="">remove</a> |
723 | 208dd6d1 | Athina Bekakou | </div>
|
724 | 208dd6d1 | Athina Bekakou | </li>
|
725 | 208dd6d1 | Athina Bekakou | <li>
|
726 | 208dd6d1 | Athina Bekakou | <div class="name-col">key name 2</div> |
727 | 208dd6d1 | Athina Bekakou | <div class="actions-col"> |
728 | 208dd6d1 | Athina Bekakou | <a href="" class="show-key">key</a> |
729 | 208dd6d1 | Athina Bekakou | <a href="" class="show-fingerprint">fingerprint</a> |
730 | 208dd6d1 | Athina Bekakou | <a href="" class="edit">edit</a> |
731 | 208dd6d1 | Athina Bekakou | <a href="">remove</a> |
732 | 208dd6d1 | Athina Bekakou | </div>
|
733 | 208dd6d1 | Athina Bekakou | </li>
|
734 | 208dd6d1 | Athina Bekakou | </ul>
|
735 | dfc437e3 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 close-reveal-modal">close</a></p> |
736 | 208dd6d1 | Athina Bekakou | </div>
|
737 | 208dd6d1 | Athina Bekakou | |
738 | 208dd6d1 | Athina Bekakou | <div id="vm-connect" class="reveal-modal medium"> |
739 | 208dd6d1 | Athina Bekakou | <p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
740 | 208dd6d1 | Athina Bekakou | <p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
741 | 208dd6d1 | Athina Bekakou | <p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
742 | fcda3fb7 | Olga Brani | <p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting).</p> |
743 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
744 | 208dd6d1 | Athina Bekakou | </div>
|
745 | 208dd6d1 | Athina Bekakou | <div id="start-confirm" class="reveal-modal medium"> |
746 | 208dd6d1 | Athina Bekakou | <p class="message-forimg">Are you sure you want to turn on your machine?</p> |
747 | c076dbd9 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p> |
748 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
749 | 208dd6d1 | Athina Bekakou | </div>
|
750 | 208dd6d1 | Athina Bekakou | <div id="reboot-confirm" class="reveal-modal medium"> |
751 | 208dd6d1 | Athina Bekakou | <p class="message-forimg">Are you sure you want to reboot your machine?</p> |
752 | c076dbd9 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p> |
753 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
754 | 208dd6d1 | Athina Bekakou | </div>
|
755 | 208dd6d1 | Athina Bekakou | <div id="shutdown-confirm" class="reveal-modal medium"> |
756 | 208dd6d1 | Athina Bekakou | <p class="message-forimg">Are you sure you want to shutdown your machine?</p> |
757 | c076dbd9 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p> |
758 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
759 | 208dd6d1 | Athina Bekakou | </div>
|
760 | 208dd6d1 | Athina Bekakou | <div id="destroy-vm-confirm" class="reveal-modal medium"> |
761 | 208dd6d1 | Athina Bekakou | <p class="message-forimg">Are you sure you want to destroy your machine?</p> |
762 | c076dbd9 | Athina Bekakou | <p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p> |
763 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
764 | 208dd6d1 | Athina Bekakou | </div>
|
765 | 208dd6d1 | Athina Bekakou | </section>
|
766 | 25a02c79 | Olga Brani | <section class="actions-bar clearfix"> |
767 | 208dd6d1 | Athina Bekakou | <h2>Virtual Machines</h2> |
768 | 91994afd | Athina Bekakou | <div class="rt-actions"> |
769 | dfc437e3 | Athina Bekakou | <a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
770 | 91994afd | Athina Bekakou | <a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
771 | 25a02c79 | Olga Brani | </div>
|
772 | 25a02c79 | Olga Brani | <div class="filter-menu"> |
773 | fcda3fb7 | Olga Brani | <div><a class="filter" href="">Filter</a></div> |
774 | 25a02c79 | Olga Brani | <ul class="options"> |
775 | fcda3fb7 | Olga Brani | <li><a href="">option 1</a></li> |
776 | fcda3fb7 | Olga Brani | <li><a href="">option 2</a></li> |
777 | fcda3fb7 | Olga Brani | <li><a href="">option 3</a></li> |
778 | fcda3fb7 | Olga Brani | <li><a href="">option 4</a></li> |
779 | 25a02c79 | Olga Brani | </ul>
|
780 | 25a02c79 | Olga Brani | </div>
|
781 | 25a02c79 | Olga Brani | <div id="hd-search" class="hd-search"> |
782 | 25a02c79 | Olga Brani | <form>
|
783 | 25a02c79 | Olga Brani | <span class="hd-icon-search snf-search"></span> |
784 | 25a02c79 | Olga Brani | <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
785 | 25a02c79 | Olga Brani | </form>
|
786 | 25a02c79 | Olga Brani | </div>
|
787 | 25a02c79 | Olga Brani | </section>
|
788 | 25a02c79 | Olga Brani | <section class="main row"> |
789 | 208dd6d1 | Athina Bekakou | <div class="vms entities grid-view"> |
790 | 25a02c79 | Olga Brani | <ul class="items-list"> |
791 | a5461c52 | Athina Bekakou | <li data-status="add-new" class="add-new" data-overlay-id="vm-wizard"> |
792 | a5461c52 | Athina Bekakou | <div class="container"> |
793 | c7bac7aa | Olga Brani | <div class="check"></div> |
794 | 25a02c79 | Olga Brani | <div class="img-wrap"> |
795 | dfc437e3 | Athina Bekakou | <span class="snf-pc-create-full snf-font"></span> |
796 | 25a02c79 | Olga Brani | </div>
|
797 | dfc437e3 | Athina Bekakou | <h4>New Machine</h4> |
798 | 25a02c79 | Olga Brani | </div>
|
799 | 25a02c79 | Olga Brani | </li>
|
800 | 25a02c79 | Olga Brani | </ul>
|
801 | dfc437e3 | Athina Bekakou | <div class="communication-error"> |
802 | dfc437e3 | Athina Bekakou | <p>Sorry! Something went wrong!<br>Try again, but if you keep seeing this message please contact us through the feedback form.</p> |
803 | dfc437e3 | Athina Bekakou | <p class="buttons"> |
804 | dfc437e3 | Athina Bekakou | <a class="btn5" href="">feedback</a> |
805 | dfc437e3 | Athina Bekakou | <a href="" class="btn5">close</a> |
806 | dfc437e3 | Athina Bekakou | </p>
|
807 | dfc437e3 | Athina Bekakou | </div>
|
808 | 208dd6d1 | Athina Bekakou | <div class="lt-bar"> |
809 | 208dd6d1 | Athina Bekakou | <ul class="lt-actions"> |
810 | d6d06450 | Athina Bekakou | <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li> |
811 | 208dd6d1 | Athina Bekakou | <li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li> |
812 | 208dd6d1 | Athina Bekakou | <li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li> |
813 | 208dd6d1 | Athina Bekakou | <li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li> |
814 | 208dd6d1 | Athina Bekakou | <li class="off"><a href="#">Start</a></li> |
815 | 208dd6d1 | Athina Bekakou | <!-- in case we want an action always activated
|
816 | 208dd6d1 | Athina Bekakou | <li class="pernament"><a href="" class="active">Action</a></li> -->
|
817 | 208dd6d1 | Athina Bekakou | </ul>
|
818 | 208dd6d1 | Athina Bekakou | </div>
|
819 | 25a02c79 | Olga Brani | <div class="welcome">It seems you have not yet created a VM! Go ahead!</div> |
820 | 25a02c79 | Olga Brani | </div>
|
821 | 25a02c79 | Olga Brani | </section>
|
822 | 25a02c79 | Olga Brani | </div>
|
823 | 25a02c79 | Olga Brani | |
824 | 25a02c79 | Olga Brani | <script src="javascripts/vendor/jquery.js"></script> |
825 | 25a02c79 | Olga Brani | <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
826 | 25a02c79 | Olga Brani | <script src="javascripts/underscore-min.js"></script> |
827 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.js"></script> |
828 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.alerts.js"></script> |
829 | 25a02c79 | Olga Brani | |
830 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.clearing.js"></script> |
831 | 25a02c79 | Olga Brani | |
832 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.cookie.js"></script> |
833 | 25a02c79 | Olga Brani | |
834 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
835 | 25a02c79 | Olga Brani | |
836 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.forms.js"></script> |
837 | 25a02c79 | Olga Brani | |
838 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.joyride.js"></script> |
839 | 25a02c79 | Olga Brani | |
840 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.magellan.js"></script> |
841 | 25a02c79 | Olga Brani | |
842 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.orbit.js"></script> |
843 | 25a02c79 | Olga Brani | |
844 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
845 | 25a02c79 | Olga Brani | |
846 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.reveal.js"></script> |
847 | 25a02c79 | Olga Brani | |
848 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.section.js"></script> |
849 | 25a02c79 | Olga Brani | |
850 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
851 | 25a02c79 | Olga Brani | <script src="javascripts/foundation/foundation.topbar.js"></script> |
852 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script> |
853 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> |
854 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
855 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
856 | 25a02c79 | Olga Brani | <!-- dropzone.js used for drag and drop files to upload them -->
|
857 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
858 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
859 | 25a02c79 | Olga Brani | <!-- fabrastic.js used for the color picker -->
|
860 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/farbtastic.js"></script> |
861 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script> |
862 | 25a02c79 | Olga Brani | <script src="javascripts/common.js"></script> |
863 | 25a02c79 | Olga Brani | |
864 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/wizard.js"></script> |
865 | 25a02c79 | Olga Brani | <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
866 | 25a02c79 | Olga Brani | <script>
|
867 | 25a02c79 | Olga Brani | $(document).foundation();
|
868 | 25a02c79 | Olga Brani | $(document).ready(function() {
|
869 | 25a02c79 | Olga Brani | |
870 | 25a02c79 | Olga Brani | })
|
871 | 25a02c79 | Olga Brani | </script>
|
872 | 25a02c79 | Olga Brani | </body>
|
873 | 25a02c79 | Olga Brani | </html> |