|
15 | 15 | <meta name="author" content=""> |
16 | 16 | <link rel="icon" href="../../favicon.ico"> |
17 | 17 |
|
18 | | - <title>{% block title %}{{ main_title }}{% endblock %}</title> |
| 18 | + <title>{% block title %}{{ bot_name }}{% endblock %}</title> |
19 | 19 |
|
20 | 20 | <link href="./s/css/bootstrap.min.css" rel="stylesheet"> |
21 | 21 | <link href="./s/css/style.css" rel="stylesheet"> |
|
40 | 40 | <span class="icon-bar"></span> |
41 | 41 | <span class="icon-bar"></span> |
42 | 42 | </button> |
43 | | - <a class="navbar-brand" href="#">{{ main_title }}</a> |
| 43 | + <a class="navbar-brand" href="#">{{ bot_name }}</a> |
44 | 44 | </div> |
45 | 45 | <div id="navbar" class="collapse navbar-collapse"> |
46 | 46 | <ul class="nav navbar-nav"> |
|
49 | 49 | </li> |
50 | 50 | {% endfor %} |
51 | 51 | </ul> |
| 52 | + <ul class="nav navbar-nav navbar-right"> |
| 53 | + <li> |
| 54 | + <a href="#" data-toggle="modal" data-target="#about-dialog">About</a> |
| 55 | + </li> |
| 56 | + </ul> |
52 | 57 | </div> |
53 | 58 | <!--/.nav-collapse --> |
54 | 59 | </div> |
|
58 | 63 | {% block content %}{% endblock %} |
59 | 64 | </div> |
60 | 65 |
|
| 66 | +<div class="modal fade" id="about-dialog"> |
| 67 | + <div class="modal-dialog"> |
| 68 | + <div class="modal-content"> |
| 69 | + <div class="modal-header"> |
| 70 | + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
| 71 | + <h4 class="modal-title">About Me</h4> |
| 72 | + </div> |
| 73 | + <div class="modal-body"> |
| 74 | + <p><strong>{{ bot_name }}</strong> is running version <strong>{{ bot_version }}</strong> of CloudBot. |
| 75 | + </p> |
| 76 | + </div> |
| 77 | + <div class="modal-footer"> |
| 78 | + <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
| 79 | + </div> |
| 80 | + </div> |
| 81 | + </div> |
| 82 | +</div> |
| 83 | + |
61 | 84 | <!-- javascript --> |
62 | 85 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
63 | 86 | <script src="./s/js/bootstrap.min.js"></script> |
|
0 commit comments