diff options
| author | Christian Pointner <equinox@helsinki.at> | 2016-09-25 17:00:39 (GMT) |
|---|---|---|
| committer | Christian Pointner <equinox@helsinki.at> | 2016-09-25 17:01:12 (GMT) |
| commit | abff311cf69765ce7afebfb1523d37717af88e8e (patch) | |
| tree | a47fc6fc1ec1edcb3e6ef48ae25da14dcb530e99 /www/weeks.html | |
| parent | c29fb1651d3b8c5211da2d8f527b7f41370ad287 (diff) | |
use bootstrap for styling
Diffstat (limited to 'www/weeks.html')
| -rw-r--r-- | www/weeks.html | 68 |
1 files changed, 35 insertions, 33 deletions
diff --git a/www/weeks.html b/www/weeks.html index 0316fad..8ca1e7c 100644 --- a/www/weeks.html +++ b/www/weeks.html @@ -6,6 +6,7 @@ <meta name="author" content="Christian Pointner <equinox@helsinki.at>"> <link rel="shortcut icon" href="/img/favicon.ico" /> + <link href="/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="/styles/common.css" rel="stylesheet"> <link href="/styles/weeks.css" rel="stylesheet"> <script src="/javascript/jquery/jquery.min.js"></script> @@ -14,43 +15,44 @@ <script src="/js/calendar.js"></script> </head> <body> - <div id="container"> - <div id="leftcol"> - <div id="title"> - <h1>Rivendell Wochenplan</h1> - </div> + <div class="container-fluid"> + <div class="row"> + <div class="col-md-4 col-md-offset-1"> + <div id="title"> + <h1>Rivendell Wochenplan</h1> + </div> - <div id="clock"> - <h2>aktuelle Woche:</h2> - <span class="current-week"></span> - <span class="clock-date"></span> - <span class="clock-time"></span> - </div> + <div id="clock"> + <h2>aktuelle Woche:</h2> + <span class="current-week"></span> + <span class="clock-date"></span> + <span class="clock-time"></span> + </div> - <div id="buttons"> - <div> - <input id="btn-today" type="button" value="Heute"> + <div id="buttons"> + <div class="btn-group btn-group-lg" role="group"> + <button type="button" class="btn btn-default" id="btn-earlier"><span class="glyphicon glyphicon-minus"></span></button> + <button type="button" class="btn btn-default" id="btn-today">Heute</button> + <button type="button" class="btn btn-default" id="btn-later"><span class="glyphicon glyphicon-plus"></span></button> + </div> </div> - <input id="btn-earlier" type="button" value="Früher"> - <input id="btn-later" type="button" value="Später"> </div> - </div> - - <div id="rightcol"> - <table id="calendar"> - <tr> - <th></th> - <th></th> - <th>Mo</th> - <th>Di</th> - <th>Mi</th> - <th>Do</th> - <th>Fr</th> - <th>Sa</th> - <th>So</th> - <th></th> - </tr> - </table> + <div class="col-md-5 col-md-offset-1"> + <table id="calendar"> + <tr> + <th></th> + <th></th> + <th>Mo</th> + <th>Di</th> + <th>Mi</th> + <th>Do</th> + <th>Fr</th> + <th>Sa</th> + <th>So</th> + <th></th> + </tr> + </table> + </div> </div> </div> |