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