root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ ea6e9a08
History | View | Annotate | Download (17.8 kB)
| 1 | e095c480 | Athina B | |
|---|---|---|---|
| 2 | e095c480 | Athina B | <!DOCTYPE html>
|
| 3 | e095c480 | Athina B | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
| 4 | e095c480 | Athina B | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
| 5 | e095c480 | Athina B | |
| 6 | e095c480 | Athina B | <head>
|
| 7 | e095c480 | Athina B | <meta charset="utf-8" /> |
| 8 | e095c480 | Athina B | <meta name="viewport" content="width=device-width" /> |
| 9 | f0498685 | Athina Bekakou | <title>Network details</title> |
| 10 | e095c480 | Athina B | <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| 11 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/app.css" /> |
| 13 | 9fad921d | Athina B | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
| 14 | ce385b85 | Olga Brani | <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
| 15 | c9d873e8 | Olga Brani | <link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
| 16 | e095c480 | Athina B | <script src="javascripts/vendor/custom.modernizr.js"></script> |
| 17 | e095c480 | Athina B | </head>
|
| 18 | e095c480 | Athina B | <body>
|
| 19 | 061cefb7 | Athina Bekakou | <header class="header"> |
| 20 | 15948f00 | Olga Brani | <nav>
|
| 21 | 15948f00 | Olga Brani | <ul class="icons-nav"> |
| 22 | 1b2adfd1 | Athina Bekakou | <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-pc-outline"></span></a></li> |
| 23 | de9b2b51 | Athina Bekakou | <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network-full"></span></a></li> |
| 24 | 1b2adfd1 | Athina Bekakou | <li><a href="volumes_list.html" data-tooltip ="has-tip" title="Disks"><span class="snf-volume-outline"></span></a></li> |
| 25 | 91994afd | Athina Bekakou | <li><a href="pithos.html" data-tooltip ="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 26 | de9b2b51 | Athina Bekakou | <li><a href="images_list.html" data-tooltip ="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 27 | 1b2adfd1 | Athina Bekakou | <li><a href="snapshots_list.html" data-tooltip ="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 28 | 880653e7 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
| 29 | 880653e7 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
| 30 | 15948f00 | Olga Brani | </ul>
|
| 31 | 15948f00 | Olga Brani | </nav>
|
| 32 | 061cefb7 | Athina Bekakou | <div class="login"> |
| 33 | 3549163d | Olga Brani | <div class="wrap"> |
| 34 | 3549163d | Olga Brani | <a href="">user1@synnefo.org</a> |
| 35 | 3549163d | Olga Brani | <ul>
|
| 36 | 3549163d | Olga Brani | <li><a href="">dashboard</a></li> |
| 37 | 3549163d | Olga Brani | <li><a href="">sign out</a></li> |
| 38 | 3549163d | Olga Brani | </ul>
|
| 39 | 3549163d | Olga Brani | </div>
|
| 40 | 061cefb7 | Athina Bekakou | </div>
|
| 41 | 15948f00 | Olga Brani | <div class="logo"> |
| 42 | f0498685 | Athina Bekakou | <a href="index.html"><img src="images/synnefo-logo.png" alt="software logo"></a> |
| 43 | 15948f00 | Olga Brani | </div>
|
| 44 | 15948f00 | Olga Brani | </header>
|
| 45 | f50cc12b | Olga Brani | <div class="body-wrapper"> |
| 46 | f1360c76 | Athina Bekakou | <section class="overlay-area-custom"> |
| 47 | f1360c76 | Athina Bekakou | <div id="network-wizard" class="overlay-div wizard"> |
| 48 | f1360c76 | Athina Bekakou | <div class="top"> |
| 49 | f1360c76 | Athina Bekakou | <div class="numbers"> |
| 50 | f1360c76 | Athina Bekakou | <div class="menus row"> |
| 51 | f1360c76 | Athina Bekakou | <a href="" class="close"><span class="snf-close"></span></a> |
| 52 | f1360c76 | Athina Bekakou | <ul class="nums"> |
| 53 | f1360c76 | Athina Bekakou | <li class="preselected current"> |
| 54 | f1360c76 | Athina Bekakou | <em><span>1</span></em> |
| 55 | f1360c76 | Athina Bekakou | <p><strong>Create new private network</strong></p> |
| 56 | f1360c76 | Athina Bekakou | </li>
|
| 57 | f1360c76 | Athina Bekakou | </ul>
|
| 58 | f1360c76 | Athina Bekakou | </div>
|
| 59 | f1360c76 | Athina Bekakou | </div>
|
| 60 | f1360c76 | Athina Bekakou | <div class="row"> |
| 61 | f1360c76 | Athina Bekakou | <nav class="sub-menu" data-step=1> |
| 62 | f1360c76 | Athina Bekakou | </nav>
|
| 63 | f1360c76 | Athina Bekakou | </div>
|
| 64 | f1360c76 | Athina Bekakou | </div>
|
| 65 | f1360c76 | Athina Bekakou | <div class="middle"> |
| 66 | f1360c76 | Athina Bekakou | <div class="steps"> |
| 67 | f1360c76 | Athina Bekakou | <div class="step step-1 preselected current"> |
| 68 | f1360c76 | Athina Bekakou | <ul class="row network_options"> |
| 69 | f1360c76 | Athina Bekakou | <li class="project-selection"> |
| 70 | f1360c76 | Athina Bekakou | <form class="custom"> |
| 71 | f1360c76 | Athina Bekakou | <select class="medium"> |
| 72 | f1360c76 | Athina Bekakou | <option class="el5">Basic Project</option> |
| 73 | f1360c76 | Athina Bekakou | <option>Project 2</option> |
| 74 | f1360c76 | Athina Bekakou | <option>Project 3</option> |
| 75 | f1360c76 | Athina Bekakou | </select>
|
| 76 | f1360c76 | Athina Bekakou | </form>
|
| 77 | f1360c76 | Athina Bekakou | </li>
|
| 78 | f1360c76 | Athina Bekakou | <li>
|
| 79 | f1360c76 | Athina Bekakou | <div class="network-name"> |
| 80 | f1360c76 | Athina Bekakou | <h2>Network name</h2> |
| 81 | f1360c76 | Athina Bekakou | <span class="input"><input class="el1" type="text" placeholder="My Network"></span> |
| 82 | f1360c76 | Athina Bekakou | </div>
|
| 83 | f1360c76 | Athina Bekakou | </li>
|
| 84 | f1360c76 | Athina Bekakou | <li class="dhcp_option"><span>Assign IP addresses automatically:</span> |
| 85 | f1360c76 | Athina Bekakou | <a href="" class="check"> |
| 86 | f1360c76 | Athina Bekakou | <span class="snf-checkbox-checked prechecked"></span> |
| 87 | f1360c76 | Athina Bekakou | </a>
|
| 88 | f1360c76 | Athina Bekakou | </li>
|
| 89 | f1360c76 | Athina Bekakou | <li class="explanatory"> |
| 90 | f1360c76 | Athina Bekakou | If you enable DHCP on the private network, connected virtual machines will automatically be assigned an IP address based on the given subnet. You may disable this option if you want to assign IP addresses to the connected virtual machines manually. |
| 91 | f1360c76 | Athina Bekakou | </li>
|
| 92 | f1360c76 | Athina Bekakou | <li>
|
| 93 | f1360c76 | Athina Bekakou | <span class="sub_title">Network subnet:</span> |
| 94 | f1360c76 | Athina Bekakou | <ul class="subnet_options"> |
| 95 | f1360c76 | Athina Bekakou | <li>
|
| 96 | f1360c76 | Athina Bekakou | <span>Auto
|
| 97 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 98 | f1360c76 | Athina Bekakou | <span class="snf-radio-checked prechecked"></span> |
| 99 | f1360c76 | Athina Bekakou | </a>
|
| 100 | f1360c76 | Athina Bekakou | </span>
|
| 101 | f1360c76 | Athina Bekakou | </li>
|
| 102 | f1360c76 | Athina Bekakou | <li class="manual"> |
| 103 | f1360c76 | Athina Bekakou | <form>
|
| 104 | f1360c76 | Athina Bekakou | <span>Manual
|
| 105 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn manual"> |
| 106 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 107 | f1360c76 | Athina Bekakou | </a>
|
| 108 | f1360c76 | Athina Bekakou | <span class="input"><input type="text" placeholder="192.168.32.0/24"></span> |
| 109 | f1360c76 | Athina Bekakou | </span>
|
| 110 | f1360c76 | Athina Bekakou | </form>
|
| 111 | f1360c76 | Athina Bekakou | </li>
|
| 112 | f1360c76 | Athina Bekakou | <li>
|
| 113 | f1360c76 | Athina Bekakou | <span>10.0.0.0/24
|
| 114 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 115 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 116 | f1360c76 | Athina Bekakou | </a>
|
| 117 | f1360c76 | Athina Bekakou | </span>
|
| 118 | f1360c76 | Athina Bekakou | </li>
|
| 119 | f1360c76 | Athina Bekakou | <li>
|
| 120 | f1360c76 | Athina Bekakou | <span>192.168.0.0/24
|
| 121 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 122 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 123 | f1360c76 | Athina Bekakou | </a>
|
| 124 | f1360c76 | Athina Bekakou | </span>
|
| 125 | f1360c76 | Athina Bekakou | </li>
|
| 126 | f1360c76 | Athina Bekakou | </ul>
|
| 127 | f1360c76 | Athina Bekakou | </li>
|
| 128 | f1360c76 | Athina Bekakou | </ul>
|
| 129 | f1360c76 | Athina Bekakou | </div>
|
| 130 | f1360c76 | Athina Bekakou | </div>
|
| 131 | f1360c76 | Athina Bekakou | </div>
|
| 132 | f1360c76 | Athina Bekakou | <div class="bottom"> |
| 133 | f1360c76 | Athina Bekakou | <div class="row"> |
| 134 | f1360c76 | Athina Bekakou | <a href="" class="nav prev"><span>CANCEL</span></a> |
| 135 | f1360c76 | Athina Bekakou | <a href="" class="nav next" data-next="el1"><span>CREATE</span></a> |
| 136 | f1360c76 | Athina Bekakou | </div>
|
| 137 | f1360c76 | Athina Bekakou | </div>
|
| 138 | f1360c76 | Athina Bekakou | </div>
|
| 139 | f1360c76 | Athina Bekakou | </section>
|
| 140 | f1360c76 | Athina Bekakou | <section class="overlay-area-reveal"> |
| 141 | c264bfaa | Athina Bekakou | <div id="disconnect-from-network" class="reveal-modal medium list-availables remove"> |
| 142 | c264bfaa | Athina Bekakou | <p>Are you sure you want to disconnect this machine?</p> |
| 143 | c264bfaa | Athina Bekakou | <p class="buttons"> |
| 144 | 9d9b626d | Athina Bekakou | <a href="" class="btn1 wrap-a ok">OK</a> |
| 145 | 9d9b626d | Athina Bekakou | <a href="" class="btn1 wrap-a cancel">Cancel</a> |
| 146 | c264bfaa | Athina Bekakou | </p>
|
| 147 | c076dbd9 | Athina Bekakou | <a class="close-reveal-modal has-tip" data-tooltip ="close ">x</a> |
| 148 | c264bfaa | Athina Bekakou | </div>
|
| 149 | c264bfaa | Athina Bekakou | </section>
|
| 150 | 0a9e1a04 | Olga Brani | <section class="actions-bar clearfix"> |
| 151 | 3549163d | Olga Brani | <h2><a href="vm_list.html">Networks</a> > My Awesome network</h2> |
| 152 | f50cc12b | Olga Brani | <div class="rt-actions"> |
| 153 | c076dbd9 | Athina Bekakou | <a href="network_list.html" class="single current"></a> |
| 154 | c076dbd9 | Athina Bekakou | <a href="network_list.html" class="grid"><span class="snf-gridview"></span></a> |
| 155 | c076dbd9 | Athina Bekakou | <a href="" class="list"><span class="snf-listview "></span></a> |
| 156 | 3549163d | Olga Brani | </div>
|
| 157 | 3549163d | Olga Brani | <div class="filter-menu"> |
| 158 | 3549163d | Olga Brani | <a class="filter" href="">Filter</a> |
| 159 | 3549163d | Olga Brani | <ul class="options"> |
| 160 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 161 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 162 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 163 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 164 | 3549163d | Olga Brani | </ul>
|
| 165 | 3549163d | Olga Brani | </div>
|
| 166 | 3549163d | Olga Brani | <div id="hd-search" class="hd-search"> |
| 167 | 3549163d | Olga Brani | <form>
|
| 168 | 3549163d | Olga Brani | <span class="hd-icon-search snf-search"></span> |
| 169 | 3549163d | Olga Brani | <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
| 170 | 3549163d | Olga Brani | </form>
|
| 171 | 0a9e1a04 | Olga Brani | </div>
|
| 172 | 0a9e1a04 | Olga Brani | </section>
|
| 173 | 3549163d | Olga Brani | <div class="main row"> |
| 174 | 3549163d | Olga Brani | <div class="network details running"> |
| 175 | f1360c76 | Athina Bekakou | <a href="" class="toggle-lt-bar">...</a> |
| 176 | f0498685 | Athina Bekakou | <div class="lt-bar"> |
| 177 | f0498685 | Athina Bekakou | <div class="scroll-wrap"> |
| 178 | f0498685 | Athina Bekakou | <ul class="items-list"> |
| 179 | a5461c52 | Athina Bekakou | <li data-status="add-new" class="add-new" data-overlay-id="network-wizard"> |
| 180 | a5461c52 | Athina Bekakou | <div class="container"> |
| 181 | c7bac7aa | Olga Brani | <div class="check"></div> |
| 182 | 6cbdc6c2 | Olga Brani | <div class="img-wrap"> |
| 183 | c7bac7aa | Olga Brani | <span class="snf-network-create-full snf-font"></span> |
| 184 | 6cbdc6c2 | Olga Brani | </div>
|
| 185 | 6cbdc6c2 | Olga Brani | <h4>New Network</h4> |
| 186 | 6cbdc6c2 | Olga Brani | </div>
|
| 187 | 6cbdc6c2 | Olga Brani | </li>
|
| 188 | f0498685 | Athina Bekakou | <li data-status="running" class="running"> |
| 189 | f0498685 | Athina Bekakou | <div class="more"> |
| 190 | f0498685 | Athina Bekakou | </div>
|
| 191 | f0498685 | Athina Bekakou | <div class="container"> |
| 192 | f0498685 | Athina Bekakou | <div class="check"> |
| 193 | f0498685 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 194 | f0498685 | Athina Bekakou | </div>
|
| 195 | f0498685 | Athina Bekakou | <div class="img-wrap"> |
| 196 | de9b2b51 | Athina Bekakou | <span class="snf-network-full snf-font"></span> |
| 197 | f0498685 | Athina Bekakou | </div>
|
| 198 | f0498685 | Athina Bekakou | <h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
| 199 | f0498685 | Athina Bekakou | <div class="actions"> |
| 200 | c076dbd9 | Athina Bekakou | <a href="" data-reveal-id="vm-connect" data-tooltip ="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a> |
| 201 | c076dbd9 | Athina Bekakou | <a href="vm_details.html" data-tooltip ="view details" class="snf-info-outline has-tip"></a> |
| 202 | f0498685 | Athina Bekakou | </div>
|
| 203 | f0498685 | Athina Bekakou | <div class= "status"> |
| 204 | f0498685 | Athina Bekakou | <span class="state"></span> |
| 205 | f0498685 | Athina Bekakou | </div>
|
| 206 | f0498685 | Athina Bekakou | <div class="tags"> |
| 207 | f0498685 | Athina Bekakou | <a href="" class="tag tag1 has-tip" data-tooltip ="Tooltip1"> </a> |
| 208 | f0498685 | Athina Bekakou | <a href="" class="tag tag2 has-tip" data-tooltip ="Tooltip2"> </a> |
| 209 | f0498685 | Athina Bekakou | </div>
|
| 210 | f0498685 | Athina Bekakou | <div class="info"></div> |
| 211 | f0498685 | Athina Bekakou | </div>
|
| 212 | f0498685 | Athina Bekakou | </li>
|
| 213 | f0498685 | Athina Bekakou | <li data-status="error" class="error"> |
| 214 | f0498685 | Athina Bekakou | <div class="more"> |
| 215 | f0498685 | Athina Bekakou | </div>
|
| 216 | f0498685 | Athina Bekakou | <div class="container"> |
| 217 | f0498685 | Athina Bekakou | <div class="check"> |
| 218 | f0498685 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 219 | f0498685 | Athina Bekakou | </div>
|
| 220 | f0498685 | Athina Bekakou | <div class="img-wrap"> |
| 221 | de9b2b51 | Athina Bekakou | <span class="snf-network-full snf-font"></span> |
| 222 | f0498685 | Athina Bekakou | </div>
|
| 223 | f0498685 | Athina Bekakou | <h4>Private Network</h4> |
| 224 | f0498685 | Athina Bekakou | <div class="actions"> |
| 225 | c076dbd9 | Athina Bekakou | <a href="" data-reveal-id="vm-connect" data-tooltip ="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a> |
| 226 | c076dbd9 | Athina Bekakou | <a href="vm_details.html" data-tooltip ="view details" class="snf-info-outline has-tip"></a> |
| 227 | f0498685 | Athina Bekakou | </div>
|
| 228 | f0498685 | Athina Bekakou | <div class= "status"> |
| 229 | f0498685 | Athina Bekakou | <span class="state">Error</span> |
| 230 | f0498685 | Athina Bekakou | </div>
|
| 231 | f0498685 | Athina Bekakou | <div class="tags"> |
| 232 | f0498685 | Athina Bekakou | </div>
|
| 233 | f0498685 | Athina Bekakou | <div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
| 234 | f0498685 | Athina Bekakou | </div>
|
| 235 | f0498685 | Athina Bekakou | </li>
|
| 236 | f0498685 | Athina Bekakou | </ul>
|
| 237 | f0498685 | Athina Bekakou | </div>
|
| 238 | f0498685 | Athina Bekakou | </div>
|
| 239 | 3549163d | Olga Brani | <section class="top"> |
| 240 | 3549163d | Olga Brani | <div class="lt"> |
| 241 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 242 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
| 243 | 3549163d | Olga Brani | </div>
|
| 244 | e095c480 | Athina B | </div>
|
| 245 | 3549163d | Olga Brani | <div class="rt"> |
| 246 | 3549163d | Olga Brani | <div class="title"> |
| 247 | f0498685 | Athina Bekakou | <h1>Public Network</h1> |
| 248 | e095c480 | Athina B | </div>
|
| 249 | 3549163d | Olga Brani | <div class="actions"> |
| 250 | 3549163d | Olga Brani | <ul>
|
| 251 | f0498685 | Athina Bekakou | <li><a href="">Add Machine</a></li> |
| 252 | f0498685 | Athina Bekakou | <li><a href="">Destroy</a></li> |
| 253 | 3549163d | Olga Brani | </ul>
|
| 254 | 3549163d | Olga Brani | </div>
|
| 255 | 3549163d | Olga Brani | <div class="tabs"> |
| 256 | 3549163d | Olga Brani | <ul>
|
| 257 | de9b2b51 | Athina Bekakou | <li><a href="#info"><span class="snf-info-outline"></span></a></li> |
| 258 | e3bd17f3 | Athina Bekakou | <li><a href="#vm-connected" class="active"><span class="snf-pc-outline snf-font"></span></a></li> |
| 259 | 3549163d | Olga Brani | </ul>
|
| 260 | e095c480 | Athina B | </div>
|
| 261 | f46d245b | Athina Bekakou | </div>
|
| 262 | 3549163d | Olga Brani | </section>
|
| 263 | 34d12b31 | Olga Brani | <section class="content info-simple" id="info" style="display:none;"> |
| 264 | 34d12b31 | Olga Brani | <section class="info-block"> |
| 265 | 34d12b31 | Olga Brani | <h2>info</h2> |
| 266 | 34d12b31 | Olga Brani | <dl>
|
| 267 | c264bfaa | Athina Bekakou | <dt><span class="snf-font snf-network-full"></span>Name</dt> |
| 268 | f1360c76 | Athina Bekakou | <dd>
|
| 269 | f1360c76 | Athina Bekakou | <div class="editable"> |
| 270 | f1360c76 | Athina Bekakou | <span class="input-txt">Public Network</span> |
| 271 | f1360c76 | Athina Bekakou | <input type="text"> |
| 272 | f1360c76 | Athina Bekakou | <span class="editbuttons"> |
| 273 | f1360c76 | Athina Bekakou | <a href="#" class="edit"><span class="snf-edit"></span></a> |
| 274 | f1360c76 | Athina Bekakou | <a href="#" class="save"><span class="snf-ok-sign"></span></a> |
| 275 | f1360c76 | Athina Bekakou | <a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
| 276 | f1360c76 | Athina Bekakou | </span>
|
| 277 | f1360c76 | Athina Bekakou | </div>
|
| 278 | f1360c76 | Athina Bekakou | </dd>
|
| 279 | f1360c76 | Athina Bekakou | <dt><span class="snf-font snf-dashboard-outline"></span>Assigned Project</dt> |
| 280 | f1360c76 | Athina Bekakou | <dd>Basic Project</dd> |
| 281 | de9b2b51 | Athina Bekakou | <dt><span class="snf-pc-full snf-font"></span>Connected Machines</dt> |
| 282 | 34d12b31 | Olga Brani | <dd>4</dd> |
| 283 | 34d12b31 | Olga Brani | </dl>
|
| 284 | 34d12b31 | Olga Brani | </section>
|
| 285 | 34d12b31 | Olga Brani | </section>
|
| 286 | 34d12b31 | Olga Brani | <section class="content connected" id="vm-connected" style="display:block"> |
| 287 | 3549163d | Olga Brani | <section class="item error"> |
| 288 | 3549163d | Olga Brani | <div class="what"> |
| 289 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 290 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 291 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 292 | 3549163d | Olga Brani | </div>
|
| 293 | 3549163d | Olga Brani | <h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| 294 | 3549163d | Olga Brani | </div>
|
| 295 | 3549163d | Olga Brani | <div class="clearfix"> |
| 296 | 3549163d | Olga Brani | <ul class="connections"> |
| 297 | 3549163d | Olga Brani | <li>
|
| 298 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 299 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 300 | 3549163d | Olga Brani | <div class="data"> |
| 301 | 3549163d | Olga Brani | <ul>
|
| 302 | 3549163d | Olga Brani | <li>
|
| 303 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 304 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 305 | 3549163d | Olga Brani | </li>
|
| 306 | 3549163d | Olga Brani | </ul>
|
| 307 | 3549163d | Olga Brani | </div>
|
| 308 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="fully"> |
| 309 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 310 | 54f6789d | Olga Brani | <div class="more"> |
| 311 | 54f6789d | Olga Brani | <p class="fully"> |
| 312 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-checked"></span></a> |
| 313 | 54f6789d | Olga Brani | </p>
|
| 314 | 54f6789d | Olga Brani | <p class="basic"> |
| 315 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 316 | 54f6789d | Olga Brani | </p>
|
| 317 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 318 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-unchecked"></span></a> |
| 319 | 54f6789d | Olga Brani | </p>
|
| 320 | 54f6789d | Olga Brani | </div>
|
| 321 | 54f6789d | Olga Brani | </div>
|
| 322 | 3549163d | Olga Brani | </li>
|
| 323 | 3549163d | Olga Brani | </ul>
|
| 324 | 3549163d | Olga Brani | </div>
|
| 325 | 3549163d | Olga Brani | </section>
|
| 326 | 3549163d | Olga Brani | <section class="item running"> |
| 327 | 3549163d | Olga Brani | <div class="what"> |
| 328 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 329 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 330 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 331 | 3549163d | Olga Brani | </div>
|
| 332 | 3549163d | Olga Brani | <h4>My Awesome Machine</h4> |
| 333 | 3549163d | Olga Brani | </div>
|
| 334 | 3549163d | Olga Brani | <div class="clearfix"> |
| 335 | 3549163d | Olga Brani | <ul class="connections"> |
| 336 | 3549163d | Olga Brani | <li>
|
| 337 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 338 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 339 | 3549163d | Olga Brani | <div class="data"> |
| 340 | 3549163d | Olga Brani | <ul>
|
| 341 | 3549163d | Olga Brani | <li>
|
| 342 | 3549163d | Olga Brani | <h5>ipv4</h5> |
| 343 | 3549163d | Olga Brani | <p>001:648:2ffc</p> |
| 344 | 3549163d | Olga Brani | </li>
|
| 345 | 3549163d | Olga Brani | </ul>
|
| 346 | 3549163d | Olga Brani | </div>
|
| 347 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="unprotected"> |
| 348 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 349 | 54f6789d | Olga Brani | <div class="more"> |
| 350 | 54f6789d | Olga Brani | <p class="fully"> |
| 351 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-unchecked"></span></a> |
| 352 | 54f6789d | Olga Brani | </p>
|
| 353 | 54f6789d | Olga Brani | <p class="basic"> |
| 354 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 355 | 54f6789d | Olga Brani | </p>
|
| 356 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 357 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-checked"></span></a> |
| 358 | 54f6789d | Olga Brani | </p>
|
| 359 | 54f6789d | Olga Brani | </div>
|
| 360 | 54f6789d | Olga Brani | </div>
|
| 361 | 3549163d | Olga Brani | </li>
|
| 362 | 3549163d | Olga Brani | <li>
|
| 363 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 364 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 365 | 3549163d | Olga Brani | <div class="data"> |
| 366 | 3549163d | Olga Brani | <ul>
|
| 367 | 3549163d | Olga Brani | <li>
|
| 368 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 369 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 370 | 3549163d | Olga Brani | </li>
|
| 371 | 3549163d | Olga Brani | </ul>
|
| 372 | 3549163d | Olga Brani | </div>
|
| 373 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="unprotected"> |
| 374 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 375 | 54f6789d | Olga Brani | <div class="more"> |
| 376 | 54f6789d | Olga Brani | <p class="fully"> |
| 377 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-unchecked"></span></a> |
| 378 | 54f6789d | Olga Brani | </p>
|
| 379 | 54f6789d | Olga Brani | <p class="basic"> |
| 380 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 381 | 54f6789d | Olga Brani | </p>
|
| 382 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 383 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-checked"></span></a> |
| 384 | 54f6789d | Olga Brani | </p>
|
| 385 | 54f6789d | Olga Brani | </div>
|
| 386 | 54f6789d | Olga Brani | </div>
|
| 387 | 3549163d | Olga Brani | </li>
|
| 388 | 3549163d | Olga Brani | <li>
|
| 389 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 390 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 391 | 3549163d | Olga Brani | <div class="data"> |
| 392 | 3549163d | Olga Brani | <ul>
|
| 393 | 3549163d | Olga Brani | <li>
|
| 394 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 395 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 396 | 3549163d | Olga Brani | </li>
|
| 397 | 3549163d | Olga Brani | </ul>
|
| 398 | 3549163d | Olga Brani | </div>
|
| 399 | 3549163d | Olga Brani | </li>
|
| 400 | 3549163d | Olga Brani | </ul>
|
| 401 | 3549163d | Olga Brani | </div>
|
| 402 | 3549163d | Olga Brani | </section>
|
| 403 | 3549163d | Olga Brani | <section class="item running"> |
| 404 | 3549163d | Olga Brani | <div class="what"> |
| 405 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 406 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 407 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 408 | 3549163d | Olga Brani | </div>
|
| 409 | 3549163d | Olga Brani | <h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| 410 | 3549163d | Olga Brani | </div>
|
| 411 | 3549163d | Olga Brani | <div class="clearfix"> |
| 412 | 3549163d | Olga Brani | <ul class="connections"> |
| 413 | 3549163d | Olga Brani | <li>
|
| 414 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 415 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 416 | 3549163d | Olga Brani | <div class="data"> |
| 417 | 3549163d | Olga Brani | <ul>
|
| 418 | 3549163d | Olga Brani | <li>
|
| 419 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 420 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 421 | 3549163d | Olga Brani | </li>
|
| 422 | 3549163d | Olga Brani | </ul>
|
| 423 | 3549163d | Olga Brani | </div>
|
| 424 | 3549163d | Olga Brani | </li>
|
| 425 | 3549163d | Olga Brani | </ul>
|
| 426 | 3549163d | Olga Brani | </div>
|
| 427 | 3549163d | Olga Brani | </section>
|
| 428 | 3549163d | Olga Brani | <section class="connect-new"> |
| 429 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 430 | c264bfaa | Athina Bekakou | <a href="" data-reveal-id="connect-vm-to-network"> |
| 431 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 432 | 3549163d | Olga Brani | </a>
|
| 433 | 3549163d | Olga Brani | </div>
|
| 434 | c264bfaa | Athina Bekakou | <p><a href="" data-reveal-id="connect-vm-to-network">Connect Machine</a></p> |
| 435 | 3549163d | Olga Brani | </section>
|
| 436 | 3549163d | Olga Brani | </section>
|
| 437 | 3549163d | Olga Brani | <div class="placeholder"></div> |
| 438 | 3549163d | Olga Brani | </div>
|
| 439 | e095c480 | Athina B | </div>
|
| 440 | e095c480 | Athina B | </div>
|
| 441 | 3549163d | Olga Brani | <script src="javascripts/vendor/jquery.js"></script> |
| 442 | 300a9ea2 | Athina Bekakou | <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
| 443 | 300a9ea2 | Athina Bekakou | <script src="javascripts/underscore-min.js"></script> |
| 444 | 3549163d | Olga Brani | <script src="javascripts/foundation/foundation.js"></script> |
| 445 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.alerts.js"></script> |
| 446 | e095c480 | Athina B | |
| 447 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.clearing.js"></script> |
| 448 | e095c480 | Athina B | |
| 449 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.cookie.js"></script> |
| 450 | e095c480 | Athina B | |
| 451 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
| 452 | e095c480 | Athina B | |
| 453 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.forms.js"></script> |
| 454 | e095c480 | Athina B | |
| 455 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.joyride.js"></script> |
| 456 | e095c480 | Athina B | |
| 457 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.magellan.js"></script> |
| 458 | e095c480 | Athina B | |
| 459 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.orbit.js"></script> |
| 460 | e095c480 | Athina B | |
| 461 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
| 462 | e095c480 | Athina B | |
| 463 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.reveal.js"></script> |
| 464 | e095c480 | Athina B | |
| 465 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.section.js"></script> |
| 466 | e095c480 | Athina B | |
| 467 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
| 468 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.topbar.js"></script> |
| 469 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script> |
| 470 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> |
| 471 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 472 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 473 | 300a9ea2 | Athina Bekakou | <!-- dropzone.js used for drag and drop files to upload them -->
|
| 474 | 65814c28 | Olga Brani | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
| 475 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
| 476 | 300a9ea2 | Athina Bekakou | <!-- fabrastic.js used for the color picker -->
|
| 477 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/farbtastic.js"></script> |
| 478 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script> |
| 479 | e095c480 | Athina B | <script src="javascripts/common.js"></script> |
| 480 | e095c480 | Athina B | |
| 481 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/wizard.js"></script> |
| 482 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
| 483 | e095c480 | Athina B | <script>
|
| 484 | e095c480 | Athina B | $(document).foundation();
|
| 485 | e095c480 | Athina B | </script>
|
| 486 | e095c480 | Athina B | </body>
|
| 487 | e095c480 | Athina B | </html> |