Skip to content

CIRCLE / cloud

Go to a project
Commit f9ae5d75 by Dányi Bence
Options

homepage: html markup cleaned up

parent 21d0da89
Showing with 192 additions and 417 deletions
miscellaneous/homepage/index.html
...@@ -4,420 +4,220 @@ ...@@ -4,420 +4,220 @@
<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/static/favicon.png">
<link rel="icon" type="image/png" href="https://cloud.ik.bme.hu/one/static/favicon.png"> <link rel="icon" type="image/png" href="https://cloud.ik.bme.hu/one/static/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<style type="text/css" id="less:static-style">body { <style type="text/css" id="less:static-style">
word-spacing: 2px; body {
letter-spacing: 0.5px; word-spacing: 2px;
min-height: 100%; letter-spacing: 0.5px;
font-family: 'Titillium Web', sans-serif; min-height: 100%;
font-size: 12pt; font-family: 'Titillium Web', sans-serif;
background: #dadada url(https://cloud.ik.bme.hu/static/site_bgr.png) repeat-x; font-size: 12pt;
background-position: 80px 0; background: #dadada url(https://cloud.ik.bme.hu/static/site_bgr.png) repeat-x;
margin: 0; background-position: 80px 0;
padding: 0; margin: 0;
overflow: scroll; padding: 0;
overflow: scroll;
} }
#content { #content {
width: 970px; width: 970px;
text-align: left; text-align: left;
margin: 0 auto; margin: 0 auto;
} }
.contentblock { .contentblock {
background-color: #ccc; background-color: #ccc;
border-radius: 4px; border-radius: 4px;
border: 1px solid #aaa; border: 1px solid #aaa;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
margin: 20px; margin: 20px;
} }
.contentblock p, .contentblock p,
.contentblock dl { .contentblock dl {
margin: 0; margin: 0;
margin: 10px; margin: 10px;
} }
.contentblock h2 { .contentblock h2 {
background-color: #000; background-color: #000;
background-image: url(https://cloud.ik.bme.hu/static/hexabar.png); background-image: url(https://cloud.ik.bme.hu/static/hexabar.png);
background-position: right center; background-position: right center;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 4px; border-radius: 4px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
color: #eee; color: #eee;
font-size: 1.5em; font-size: 1.5em;
margin-top: 0; margin-top: 0;
padding: 10px; padding: 10px;
} }
.wm-list { .wm-list {
list-style: none; list-style: none;
} }
#header { #header {
height: 80px; height: 80px;
background-color: #072c61; background-color: #072c61;
background-image: url(https://cloud.ik.bme.hu/static/bme_feher2.png); background-image: url(https://cloud.ik.bme.hu/static/bme_feher2.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 20px 18px; background-position: 20px 18px;
border-bottom: 3px solid #0B4599; border-bottom: 3px solid #0B4599;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
margin: 0; margin: 0;
padding: 0 0 0 200px; padding: 0 0 0 200px;
} }
#header h1 { #header h1 {
font-size: 2em; font-size: 2em;
line-height: 80px; line-height: 80px;
float: left; float: left;
margin: 0; margin: 0;
padding: 0 1em; padding: 0 1em;
} }
#header h1 a { #header h1 a {
color: #fff; color: #fff;
} }
#loginblock { #loginblock {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
background-color: #000; background-color: #000;
background-image: url(https://cloud.ik.bme.hu/static/hexabar.png); background-image: url(https://cloud.ik.bme.hu/static/hexabar.png);
background-position: center center; background-position: center center;
border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
padding: 7px; padding: 7px;
} }
#loginblock a { #loginblock a {
color: #fff; color: #fff;
text-decoration: underline; text-decoration: underline;
} }
#loginblock a:hover { #loginblock a:hover {
color: #aaa; color: #aaa;
} }
.boxes { .boxes {
width: 480px; width: 480px;
float: left; float: left;
} }
.box { .box {
background-color: #000; background-color: #000;
background-image: url(https://cloud.ik.bme.hu/static/hexa.png); background-image: url(https://cloud.ik.bme.hu/static/hexa.png);
background-position: center 30%; background-position: center 30%;
background-repeat: no-repeat; background-repeat: no-repeat;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
line-height: 1.5em; line-height: 1.5em;
width: 400px; width: 400px;
border-radius: 10px; border-radius: 10px;
border-top-width: 30px; border-top-width: 30px;
margin: 10px 420px 10px 10px; margin: 10px 420px 10px 10px;
padding: 2px; padding: 2px;
} }
.box h3 { .box h3 {
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: 0; margin: 0;
padding: 3px; padding: 3px;
} }
.box .content { .box .content {
min-height: 100px; min-height: 100px;
margin: 0; margin: 0;
padding: 5px; padding: 5px;
} }
#new-wm-tooltip { #new-wm-tooltip {
position: relative; position: relative;
} }
#new-wm-tooltip-container { #new-wm-tooltip-container {
margin: 10px 10px 5px 150px; margin: 10px 10px 5px 150px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #888; border: 1px solid #888;
background: #FFFF66; background: #FFFF66;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
} }
#new-wm-tooltip-container p { #new-wm-tooltip-container p {
text-align: left; text-align: left;
font-size: 0.8em; font-size: 0.8em;
word-spacing: 2px; word-spacing: 2px;
} }
#new-wm-tooltip-container:after { #new-wm-tooltip-container:after {
content: ""; content: "";
position: absolute; position: absolute;
left: 300px; left: 300px;
border-width: 15px; border-width: 15px;
border-style: solid; border-style: solid;
border-color: #FFFF66 transparent transparent transparent; border-color: #FFFF66 transparent transparent transparent;
} }
.wm.opened .actions { .wm.opened .actions {
display: block !important; display: block !important;
} }
.wm .summary { .wm .summary {
padding: 15px 5px; padding: 15px 5px;
border-top: 1px solid #888; border-top: 1px solid #888;
cursor: pointer; cursor: pointer;
background-color: #c1c1c1; background-color: #c1c1c1;
} }
.wm .summary.unfinished { .wm .summary.unfinished {
background-color: #FFFF66; background-color: #FFFF66;
} }
.wm .summary:hover { .wm .summary:hover {
background-color: #b1b1b1; background-color: #b1b1b1;
} }
.wm .summary:hover .actions { .wm .summary:hover .actions {
display: block; display: block;
} }
.wm .summary .id { .wm .summary .id {
float: right; float: right;
width: 30px; width: 30px;
} }
.wm .summary .name { .wm .summary .name {
float: left; float: left;
padding-left: 25px; padding-left: 25px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 0; background-position: 0 0;
} }
.wm .summary .status { .wm .summary .status {
text-align: right; text-align: right;
float: right; float: right;
width: 60px; width: 60px;
} }
.wm .summary .actions { .wm .summary .actions {
float: right; float: right;
margin-left: 5px; margin-left: 5px;
display: none; display: none;
} }
.wm .summary .actions a { .wm .summary .actions a {
height: 16px; height: 16px;
width: 16px; width: 16px;
display: block; display: block;
float: left; float: left;
margin-left: 2px; margin-left: 2px;
} }
.wm .summary .actions a:hover { .wm .summary .actions a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
.wm .details { .wm .details {
border-top: 1px solid #888; border-top: 1px solid #888;
background-color: #d1d1d1; background-color: #d1d1d1;
padding: 15px 5px; padding: 15px 5px;
display: none; display: none;
} }
.wm .details h3 { .wm .details h3 {
font-weight: normal; font-weight: normal;
} }
.wm .details ul { .wm .details ul {
list-style: none; list-style: none;
margin: 10px 3px; margin: 10px 3px;
} }
.wm .details li { .wm .details li {
margin: 12px 0px; margin: 12px 0px;
padding: 3px 0px 3px 20px; padding: 3px 0px 3px 20px;
border-bottom: 1px dotted #aaa; border-bottom: 1px dotted #aaa;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0px 4px; background-position: 0px 4px;
} }
.wm .details a { .wm .details a {
text-decoration: underline; text-decoration: underline;
} }
.wm .details .name { .wm .details .name {
float: none; float: none;
background-image: url(https://cloud.ik.bme.hu/static/icons/computer.png); 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; margin: 0;
...@@ -439,88 +239,63 @@ a:visited { ...@@ -439,88 +239,63 @@ a:visited {
strong { strong {
font-size: .9em; font-size: .9em;
} }
</style> </style>
<!--<script src="./IK Cloud_files/jquery.min.js"></script>-->
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<h1>
<a href="http://cloud.ik.bme.hu/">IK Cloud</a>
</h1>
<h1><a href="http://cloud.ik.bme.hu/">IK Cloud</a></h1>
</div> </div>
<div id="content"> <div id="content">
<div class="boxes">
<div class="boxes"> <div class="contentblock" id="state">
<div class="contentblock" id="state"> <h2>A projektről</h2>
<h2>A projektről</h2> <div>
<div> <p>Az <strong>IK Cloud</strong> a BME IK és IIT együttműködésében, a VIK
<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.
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>
A kutatás célja <strong>a cloud oktatási-kutatási célú felhasználásának</strong> vonzóvá tétele.
vonzóvá tétele. </p>
</p> <p>
<p> A nagy kapacitású virtuális infrastruktúra azonban új lehetőséget is nyújt.
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:
<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>
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>
a kutatási <strong>projektek dinamikus IT támogatása.</strong> </p>
</p> <p><img src="IK Cloud_files/cloud-migration.png" /></p>
<p><img src="IK Cloud_files/cloud-migration.png" /></p> <p>A rendszerünk segítségével <strong>kiváltható</strong> a tanszéken
<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>
működő öregedő szerverpark jelentős része.</p> </div>
</div>
</div> </div>
</div> <div class="boxes">
<div class="contentblock" id="state">
</div> <h2>Virtuális labor</h2>
<div class="boxes"> <div>
<p><img src="IK Cloud_files/cloud-lab.png" /></p>
<div class="contentblock" id="state"> <p>Lehetőség van <strong>tantárgyra szabott környezet</strong> biztosítására
<h2>Virtuális labor</h2> a tantermi mérések vagy az otthoni feladatok elvégzéséhez, vagy az
<div> önkiszolgáló felületen pillanatok alatt indítható <strong>projektek, önálló
<p><img src="IK Cloud_files/cloud-lab.png" /></p> labor, szakdolgozat, diplomaterv, vagy TDK-munka</strong> segítéséhez
<p>Lehetőség van <strong>tantárgyra szabott környezet</strong> biztosítására virtuális gép.</p>
a tantermi mérések vagy az otthoni feladatok elvégzéséhez, vagy az <!--<p style="text-align:center;"><a
önkiszolgáló felületen pillanatok alatt indítható <strong>projektek, önálló href="https://cloud.ik.bme.hu/">Próbálja ki a rendszert
labor, szakdolgozat, diplomaterv, vagy TDK-munka</strong> segítéséhez most!</a></p>-->
virtuális gép.</p> </div>
<!--<p style="text-align:center;"><a </div>
href="https://cloud.ik.bme.hu/">Próbálja ki a rendszert <div class="contentblock" id="state" lang="en">
most!</a></p>--> <h2>About the project</h2>
<div>
<p>The project aims to harness the power of cloud computing in
education and research. Our self service portal helps migrating
old servers, and on-demand launching appliances prepared by the
teacher.</p>
</p>
</div>
</div>
</div> </div>
</div>
<div class="contentblock" id="state" lang="en">
<h2>About the project</h2>
<div>
<p>The project aims to harness the power of cloud computing in
education and research. Our self service portal helps migrating
old servers, and on-demand launching appliances prepared by the
teacher.</p>
</p>
</div>
</div>
</div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div id="modal" style="display: none"> </body>
<div id="shadow"></div> </html>
<div id="modal-container">
</div>
</div>
</body></html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment