index.html

<!DOCTYPE html>
<html lang="hu-hu"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>IK Cloud</title>
    <link rel="icon" type="image/png" href="https://cloud.ik.bme.hu/static/favicon.png">
    <link rel="icon" type="image/png" href="https://cloud.ik.bme.hu/one/static/favicon.png">
    <link href='http://fonts.googleapis.com/css?family=Metrophobic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <style type="text/css" id="less:static-style">body {
      word-spacing: 3px;
      letter-spacing: 0.5px;
  min-height: 100%;
  font-family: 'Ubuntu', sans-serif;
  font-size: .9em;
  background: #dadada url(https://cloud.ik.bme.hu/static/site_bgr.png) repeat-x;
  background-position: 80px 0;
  margin: 0;
  padding: 0;
  overflow: scroll;
}
#content {
  width: 970px;
  text-align: left;
  margin: 0 auto;
}
.contentblock {
  background-color: #ccc;
  border-radius: 4px;
  border: 1px solid #aaa;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  margin: 20px;
  text-align: center;
}
.contentblock p,
.contentblock dl {
  margin: 0;
  padding: 5px;
  font-size: 1.3em;
}
.contentblock h2 {
  background-color: #000;
  background-image: url(https://cloud.ik.bme.hu/static/hexabar.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #eee;
  font-size: 1.5em;
  margin-top: 0;
  padding: 10px;
}
.wm-list {
  list-style: none;
}
#header {
  height: 80px;
  background-color: #072c61;
  background-image: url(https://cloud.ik.bme.hu/static/bme_feher2.png);
  background-repeat: no-repeat;
  background-position: 20px 18px;
  border-bottom: 3px solid #0B4599;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 0 0 0 200px;
}
#header h1 {
  font-size: 2em;
  line-height: 80px;
  float: left;
  margin: 0;
  padding: 0 1em;
}
#header h1 a {
  color: #fff;
}
#loginblock {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000;
  background-image: url(https://cloud.ik.bme.hu/static/hexabar.png);
  background-position: center center;
  border-radius: 0 0 0 10px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: 7px;
}
#loginblock a {
  color: #fff;
  text-decoration: underline;
}
#loginblock a:hover {
  color: #aaa;
}
.boxes {
  width: 480px;
  float: left;
}
.box {
  background-color: #000;
  background-image: url(https://cloud.ik.bme.hu/static/hexa.png);
  background-position: center 30%;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
  width: 400px;
  border-radius: 10px;
  border-top-width: 30px;
  margin: 10px 420px 10px 10px;
  padding: 2px;
}
.box h3 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 3px;
}
.box .content {
  min-height: 100px;
  margin: 0;
  padding: 5px;
}
#new-wm-tooltip {
  position: relative;
}
#new-wm-tooltip-container {
  margin: 10px 10px 5px 150px;
  border-radius: 4px;
  border: 1px solid #888;
  background: #FFFF66;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#new-wm-tooltip-container p {
  text-align: left;
  font-size: 0.8em;
  word-spacing: 2px;
}
#new-wm-tooltip-container:after {
  content: "";
  position: absolute;
  left: 300px;
  border-width: 15px;
  border-style: solid;
  border-color: #FFFF66 transparent transparent transparent;
}
.wm.opened .actions {
  display: block !important;
}
.wm .summary {
  padding: 15px 5px;
  border-top: 1px solid #888;
  cursor: pointer;
  background-color: #c1c1c1;
}
.wm .summary.unfinished {
  background-color: #FFFF66;
}
.wm .summary:hover {
  background-color: #b1b1b1;
}
.wm .summary:hover .actions {
  display: block;
}
.wm .summary .id {
  float: right;
  width: 30px;
}
.wm .summary .name {
  float: left;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.wm .summary .status {
  text-align: right;
  float: right;
  width: 60px;
}
.wm .summary .actions {
  float: right;
  margin-left: 5px;
  display: none;
}
.wm .summary .actions a {
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin-left: 2px;
}
.wm .summary .actions a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.4);
}
.wm .details {
  border-top: 1px solid #888;
  background-color: #d1d1d1;
  padding: 15px 5px;
  display: none;
}
.wm .details h3 {
  font-weight: normal;
}
.wm .details ul {
  list-style: none;
  margin: 10px 3px;
}
.wm .details li {
  margin: 12px 0px;
  padding: 3px 0px 3px 20px;
  border-bottom: 1px dotted #aaa;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
.wm .details a {
  text-decoration: underline;
}
.wm .details .name {
  float: none;
  background-image: url(https://cloud.ik.bme.hu/static/icons/computer.png);
}
.wm .details .os-win {
  background-image: url(https://cloud.ik.bme.hu/static/icons/windows.png);
}
.wm .details .os-linux {
  background-image: url(https://cloud.ik.bme.hu/static/icons/animal-penguin.png);
}
.wm .details .type {
  background-image: url(https://cloud.ik.bme.hu/static/icons/box-share.png);
}
.wm .details .date {
  background-image: url(https://cloud.ik.bme.hu/static/icons/calendar-day.png);
}
.wm .details .cpu {
  background-image: url(https://cloud.ik.bme.hu/static/icons/processor.png);
}
.wm .details .memory {
  background-image: url(https://cloud.ik.bme.hu/static/icons/memory.png);
}
.wm .details .count {
  background-image: url(https://cloud.ik.bme.hu/static/icons/documents-stack.png);
}
.wm .details .value {
  float: right;
  width: 200px;
  text-align: right;
}
.wm .details .description {
  font-size: inherit;
  background-image: url(https://cloud.ik.bme.hu/static/icons/document-snippet.png);
}
.wm .details .description .value {
  font-size: 0.8em;
}
.wm.opened .details {
  display: block;
}
.wm.new .name {
  background-image: url(https://cloud.ik.bme.hu/static/icons/computer--plus.png);
}
.file-list {
  list-style: none;
}
.file-list .name {
  float: left;
}
.file-list .info {
  float: right;
  width: 60px;
  text-align: right;
}
.filetype-c {
  background-image: url(https://cloud.ik.bme.hu/static/icons/document-visual-studio.png);
}
.filetype-text {
  background-image: url(https://cloud.ik.bme.hu/static/icons/document.png);
}
.filetype-image {
  background-image: url(https://cloud.ik.bme.hu/static/icons/document-image.png);
}
.filetype-zip {
  background-image: url(https://cloud.ik.bme.hu/static/icons/folder-zipper.png);
}
.filetype-folder {
  background-image: url(https://cloud.ik.bme.hu/static/icons/folder-horizontal.png);
}
.filetype-more {
  background-image: url(https://cloud.ik.bme.hu/static/icons/arrow-circle-double.png);
}
.filetype-up {
  background-image: url(https://cloud.ik.bme.hu/static/icons/upload-cloud.png);
}
.wm-on {
  background-image: url(https://cloud.ik.bme.hu/static/icons/computer-cloud.png);
}
.wm-off {
  background-image: url(https://cloud.ik.bme.hu/static/icons/computer-off.png);
}
#template .wm .summary .name {
  background-image: url(https://cloud.ik.bme.hu/static/icons/document-template.png);
}
#new-template-button .name {
  background-image: url(https://cloud.ik.bme.hu/static/icons/document--plus.png) !important;
}
.wm-list.modal {
  border-radius: 4px;
  border: 1px solid #666;
}
.wm-list.modal input {
  padding: 2px 10px;
}
.wm-list.modal .wm:nth-child(1) .summary {
  border-top: none;
}
#modal {
  position: absolute;
  width: 100%;
  height: 100%;
}
#shadow {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
#modal-container {
  width: 500px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -270px;
  margin-top: -200px;
  min-height: 200px;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  border: 1px solid #333;
}
#modal-container .container {
  max-height: 400px;
  overflow: auto;
}
#modal-container ul {
  list-style: none;
}
.wizard li {
  border-bottom: 1px dotted #999;
}
.wizard label {
  float: left;
  padding: 5px;
  margin: 10px 5px;
}
.wizard h2 {
  margin: 10px 0;
}
.wizard .progress {
  text-align: center;
}
.wizard .progress .bar {
  height: 20px;
  background-color: #66c400;
}
.wizard .progress .bar-container {
  border: 1px solid #666;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 20px;
  position: absolute;
  z-index: -1;
  width: 500px;
}
.wizard input[type=text] {
  display: block;
  float: right;
  padding: 5px;
  margin: 10px 5px;
  width: 200px;
  text-align: right;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 4px;
}
.wizard input:focus {
  box-shadow: 0 0 12px #8080ff;
  outline: none;
}
.wizard textarea {
  float: right;
  padding: 5px;
  margin: 10px 5px;
  width: 300px;
  height: 100px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  text-align: right;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border: none;
}
.wizard nav a {
  text-decoration: underline;
  display: block;
}
.wizard nav .prev {
  float: left;
}
.wizard nav .next {
  float: right;
}
.wizard ul.radio {
  float: right;
}
.wizard .radio li {
  float: left;
  padding: 5px;
  margin: 10px 5px;
  border-bottom: none !important;
}
.wizard .radio label {
  float: none !important;
}
* {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
a {
  text-decoration: none;
}
abbr {
  border-bottom: 1px dotted #666;
}
a:link,
a:visited {
  color: black;
}
strong {
    font-size: .9em;
}
</style>

<!--<script src="./IK Cloud_files/jquery.min.js"></script>-->


</head>

<body>
    <div id="header">


            <h1><a href="http://cloud.ik.bme.hu/">IK Cloud</a></h1>


    </div>


    <div id="content">

<div class="boxes">
    <div class="contentblock" id="state">
        <h2>A projektről</h2>
        <div>
            <p>Az <strong>IK Cloud</strong> a BME IK és IIT együttműködésében, a VIK
            támogatásával hosszabb ideje folyó munka során jött létre.
            A kutatás célja <strong>a cloud oktatási-kutatási célú felhasználásának</strong>
            vonzóvá tétele.
            </p>
            <p>A rendszerünk segítségével <strong>kiváltható</strong> a tanszéken
            működő öregedő szerverpark jelentős része.</p>
            <p>
            A nagy kapacitású virtuális infrastruktúra azonban új lehetőséget is nyújt.
            <strong>Igény szerint</strong> indíthatóak virtuális gépek:
            gördülékennyé válik a tantermi és otthoni <strong>hallgatói munka,</strong> 
            a kutatási <strong>projektek dinamikus IT támogatása.</strong>
            </p>
            <p>Lehetőség van <strong>tantárgyra szabott környezet</strong> biztosítására
            a tantermi mérések vagy az otthoni feladatok elvégzéséhez, vagy az
            önkiszolgáló felületen pillanatok alatt indítható <strong>projektek, önálló
            labor, szakdolgozat, diplomaterv, vagy TDK-munka</strong> segítéséhez
            virtuális gép.</p>
            <p style="text-align:center;"><a href="https://cloud.ik.bme.hu/">Próbálja ki a rendszert most!</a></p>
        </div>
    </div>

</div>
<div class="boxes">
    <div class="contentblock" id="state" lang="en">
        <h2>About the project</h2>
        <div>
            <p>In the cooperation of BME IK and IIT </p>
        </div>
    </div>

</div>

        <div class="clear"></div>
    </div>
    <div id="modal" style="display: none">
        <div id="shadow"></div>
        <div id="modal-container">

        </div>
    </div>


</body></html>