WU/templates/userHome.html
2018-12-11 20:57:16 +01:00

230 lines
6.4 KiB
HTML

<!DOCTYPE html>
<!--<html lang="en">-->
<html lang="pl-PL">
<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="userHomeENG">ENG</a>
</li>
</ul>
<ul class="nav nav-pills pull-right">
<li role="presentation" class="active"><a href="/logout">Wyloguj</a>
</li>
</ul>
</nav>
<h3 class="text-muted"><center>Python Flask</center></h3>
</div>
<div class="jumbotron" style="height: 550px;">
<h1>Witaj w domu {{user}}!</h1>
<div class="col-xs-8">
<!-- <iframe src="https://calendar.google.com/calendar/embed?src=micik220@gmail.com" style="border-width:0" width="500" height="350" frameborder="0" scrolling="no"></iframe> -->
<iframe src="{{ calendar_src }}" style="border-width:0" width="500" height="350" frameborder="0" scrolling="no"></iframe>
<!-- <div class="month"> -->
<!-- <ul> -->
<!-- <li>Listopad<br><span style="font-size:18px">2018</span></li> -->
<!-- </ul> -->
<!-- </div> -->
<!-- <ul class="weekdays"> -->
<!-- <li>Cz</li> -->
<!-- <li>Pi</li> -->
<!-- <li>So</li> -->
<!-- <li>Ni</li> -->
<!-- <li>Po</li> -->
<!-- <li>Wt</li> -->
<!-- <li>Śr</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">Moje zajęcia</a> -->
<!-- <a class="btn btn-lg btn-success" href="#" role="button">Test</a> -->
<!-- <a class="btn btn-lg btn-success" href="#" role="button">Wyniki</a> -->
<a class="btn btn-lg btn-success" href="toAddEvent" role="button">Dodaj wydarzenie</a>
<a class="btn btn-lg btn-success" href="chat" role="button" style="margin-top:5px;">Czat grupowy</a>
<!-- <form action="ch"> -->
<!-- <input type="submit" value="Wejdź na czat grupowy" /> -->
<!-- </form> -->
</p>
<table>
<tr>
<th>Czas</th>
<th>Jaka aktywność</th>
</tr>
<tr>
<td>8:00</td>
<td>brak</td>
</tr>
<tr>
<td>9:00</td>
<td>brak</td>
</tr>
<tr>
<td>10:00</td>
<td>brak</td>
</tr>
<tr>
<td>11:00</td>
<td>brak</td>
</tr>
<tr>
<td>12:00</td>
<td>brak</td>
</tr>
</table>
</div>
<footer class="footer">
<p>&copy; UAM 2018</p>
</footer>
</div>
</body>
</html>