Skip to content

S
skylivex
Commit 25eb4181 authored by Ivan Bellia's avatar Ivan Bellia
Browse files
Options

added html graphic for main window

parent 4cb37259
Show whitespace changes
Inline Side-by-side
Showing with 124 additions and 117 deletions
gui/login.html
View file @ 25eb4181
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div id="page"> <div id="page">
<b><font size="3">SkyliveX 0.1.0 Login</font></b> <b><font size="3">SkyliveX 0.1.0 Login</font></b>
<div id="res"></div> <div id="res"></div>
<div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Error!</div> <div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Enter your user and pass.</div>
<font size="2"> <font size="2">
<form id="login" name="loginform"> <form id="login" name="loginform">
<center> <center>
......
gui/maingui.html
View file @ 25eb4181
...@@ -3,133 +3,140 @@ ...@@ -3,133 +3,140 @@
<title>SkyliveX 0.1.0</title> <title>SkyliveX 0.1.0</title>
<script type="text/javascript" src="SkyliveX.js"></script> <script type="text/javascript" src="SkyliveX.js"></script>
<style> <style>
#page { body {
background-color: #FFFFFF; background-color: #FFFFFF;
background-image:url('img/mainbg2.jpg');
color: #000000; color: #000000;
text-align: center;
margin: 0 auto; margin: 0 auto;
overflow:hidden; overflow:hidden;
} }
#top {
height:40px; #datitele{
border: 1px solid #000000;
width:auto;
position: absolute; position: absolute;
top: 8px; top: 82px;
right: 8px; left: 438px;
left: 8px; height:100px;
width:50px;
color: #BBBBBB;
font-size:16px;
background-color: #000000;
} }
#left { #status {
width: 330px; height:35px;
position: absolute; width:350px;
top:48px;
left: 8px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0000; border: 1px solid #FF0000;
color: #FFFFFF;
text-align: left;
font-size:12px;
position: absolute;
top: 358px;
left: 37px;
} }
#livearea { #livearea {
border: 1px solid #00FF00; height:240x;
position: relative; width:320px;
top:73px;
left: 61px;
border: 1px solid #FF0000;
position: absolute;
} }
#toolsarea { #chatarea {
border: 1px solid #0000FF;
position: absolute; position: absolute;
bottom: 0px; top: 465px;
right: 0px; left: 23px;
left: 0px; height:154px;
top: 242px; width:407px;
overflow-y: auto;
background-color: #FFFFFF;
border: 1px solid #FF0000;
} }
#right {
#userlist {
position: absolute; position: absolute;
top: 48px; top: 466px;
left: 338px; left: 466px;
right: 8px; height:220px;
bottom: 8px; width:140px;
border: 1px solid #FF0FF0; color: #FFFF00;
border: 1px solid #FF0000;
background-color: #AAAAFF;
} }
#chatarea {
overflow-y: auto; #chatinput {
border: 1px solid #00FF00;
position: absolute; position: absolute;
bottom: 70px; top: 642px;
top: 0px; left: 23px;
right: 130px; height:50px;
left: 0px; width:298px;
background-color: #FFFFFF;
border: 1px solid #FF0000;
} }
#chatlist {
overflow-y: auto; #telescope {
width: 130px;
position: absolute; position: absolute;
border: 1px solid #00FF00; top: 23px;
bottom: 70px; left: 312px;
top: 0px; width: auto;
right: 0px; color: #CCCCCC;
font-size:18px;
background-color: #000000;
} }
#chatinput {
#numteleselect {
position: absolute; position: absolute;
height: 70px; top: 25px;
bottom: 0px; left: 410px;
right: 0px;
left: 0px;
border: 1px solid #0000FF;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="page"> <div id="status">
<div id="top"> Telescopio chiuso per maltempo
</div> </div>
<div id="left">
<div id="datitele">
RA<br>
DEC<br>
CCD Temp.<br>
FWHM<br>
</div>
<div id="livearea"> <div id="livearea">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img> <img src="http://live1.skylive.name/tele1/live640.jpg"></img>
</div> </div>
<div id="toolsarea">
TOOL
</div>
</div>
<div id="right">
<div id="chatarea"> <div id="chatarea">
<p>CHAT</p> Welcome to Skylive Chat, you are connected as Administrator!
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>PIPPO</p>
</div> </div>
<div id="chatlist">
<p>user1</p> <div id="userlist">
<p>user2</p> ivan_staff<br>
nextime<br>
</div> </div>
<div id="chatinput"> <div id="chatinput">
<p>INPUT</p> Write the chat text here
</div> </div>
<div id="telescope">
Telescope
</div> </div>
<div id="numteleselect">
<select name="numtele">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div> </div>
</body> </body>
</html> </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 to comment