239 lines
5.6 KiB
HTML
239 lines
5.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Python Flask App</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="signup.css">
|
||
|
|
<!-- <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> -->
|
||
|
|
|
||
|
|
<link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="stylesheet">
|
||
|
|
<link href="../static/css/signup.css" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="../static/css/calendar.css">
|
||
|
|
<style>
|
||
|
|
table, td, th {
|
||
|
|
border: 1px solid;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
/*width: 100%;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
th, td {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {list-style-type: none;}
|
||
|
|
body {font-family: Verdana, sans-serif;}
|
||
|
|
|
||
|
|
/* Month header */
|
||
|
|
.month {
|
||
|
|
/*padding: 70px 25px;*/
|
||
|
|
width: 100%;
|
||
|
|
background: #1abc9c;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Month list */
|
||
|
|
.month ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.month ul li {
|
||
|
|
color: white;
|
||
|
|
font-size: 20px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Previous button inside month header */
|
||
|
|
.month .prev {
|
||
|
|
float: left;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Next button */
|
||
|
|
.month .next {
|
||
|
|
float: right;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Weekdays (Mon-Sun) */
|
||
|
|
.weekdays {
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px 0;
|
||
|
|
background-color:#ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.weekdays li {
|
||
|
|
display: inline-block;
|
||
|
|
width: 13.6%;
|
||
|
|
color: #666;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Days (1-30) */
|
||
|
|
.days {
|
||
|
|
padding: 10px 0;
|
||
|
|
background: cyan;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.days li {
|
||
|
|
list-style-type: none;
|
||
|
|
display: inline-block;
|
||
|
|
width: 13.6%;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
font-size:12px;
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Highlight the "current" day */
|
||
|
|
.days li .active {
|
||
|
|
padding: 5px;
|
||
|
|
background: #1abc9c;
|
||
|
|
color: white !important
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="header">
|
||
|
|
<nav>
|
||
|
|
<ul class="nav nav-pills pull-left">
|
||
|
|
<!--<form><input type="button" value="Back" onClick="history.go(-1);return true;"></form>-->
|
||
|
|
<!--<li role="presentation" class="active"><input type="button" value="Back" onClick="history.go(-1);return true;">
|
||
|
|
</li>-->
|
||
|
|
<!--<li role="presentation" class="active"><form action="http://google.com"><input type="button" value="Wstecz" onClick="history.go(-1);return true;"></form></li>-->
|
||
|
|
<li role="presentation" class="active"><a href="javascript:history.back()">Back</a>
|
||
|
|
</li>
|
||
|
|
<li role="presentation" class="active"><a href="userHome">PL</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="nav nav-pills pull-right">
|
||
|
|
<li role="presentation" class="active"><a href="/logoutENG">Log out</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<h3 class="text-muted"><center>Python Flask</center></h3>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="jumbotron" style="height: 550px;">
|
||
|
|
<h1>Welcome home {{user}}!</h1>
|
||
|
|
<div class="col-xs-8">
|
||
|
|
<div class="month">
|
||
|
|
<ul>
|
||
|
|
<li>November<br><span style="font-size:18px">2018</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<ul class="weekdays">
|
||
|
|
<li>Th</li>
|
||
|
|
<li>Fr</li>
|
||
|
|
<li>Sa</li>
|
||
|
|
<li>Su</li>
|
||
|
|
<li>Mo</li>
|
||
|
|
<li>Tu</li>
|
||
|
|
<li>We</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="days">
|
||
|
|
<li>1</li>
|
||
|
|
<li>2</li>
|
||
|
|
<li>3</li>
|
||
|
|
<li>4</li>
|
||
|
|
<li>5</li>
|
||
|
|
<li>6</li>
|
||
|
|
<li>7</li>
|
||
|
|
<li>8</li>
|
||
|
|
<li>9</li>
|
||
|
|
<li>10</li>
|
||
|
|
<li>11</li>
|
||
|
|
<li>12</li>
|
||
|
|
<li>13</li>
|
||
|
|
<li>14</li>
|
||
|
|
<li>15</li>
|
||
|
|
<li>16</li>
|
||
|
|
<li>17</li>
|
||
|
|
<li>18</li>
|
||
|
|
<li>19</li>
|
||
|
|
<li>20</li>
|
||
|
|
<li>21</li>
|
||
|
|
<li>22</li>
|
||
|
|
<li>23</li>
|
||
|
|
<li>24</li>
|
||
|
|
<li>25</li>
|
||
|
|
<li>26</li>
|
||
|
|
<li>27</li>
|
||
|
|
<li><span class="active">28</span></li>
|
||
|
|
<li>29</li>
|
||
|
|
<li>30</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="lead"></p>
|
||
|
|
<p>
|
||
|
|
<a class="btn btn-lg btn-success" href="#" role="button">My lessons</a>
|
||
|
|
<a class="btn btn-lg btn-success" href="#" role="button">Test</a>
|
||
|
|
<a class="btn btn-lg btn-success" href="#" role="button">Results</a>
|
||
|
|
</p>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>Time</th>
|
||
|
|
<th>What activity</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>8:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>9:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>10:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>11:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>12:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>13:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>14:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>15:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>16:00</td>
|
||
|
|
<td>nothing</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<footer class="footer">
|
||
|
|
<p>© UAM 2018</p>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|