all pages changed to use Bootstrap

This commit is contained in:
Nicholas Matlaga 2017-07-13 17:41:54 -04:00 committed by Griatch
parent 0a4102fa54
commit 01a340b818
10 changed files with 99 additions and 55 deletions

View file

@ -7,5 +7,9 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1>Error 404 - Page not found</h1> <div class="row">
<div class="col">
<h1>Error 404 - Page not found</h1>
</div>
</div>
{% endblock %} {% endblock %}

View file

@ -6,5 +6,9 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1>Error 500 - A Server Error was encountered.</h1> <div class="row">
<div class="col">
<h1>Error 500 - A Server Error was encountered.</h1>
</div>
</div>
{% endblock %} {% endblock %}

View file

@ -17,6 +17,11 @@
<!-- Custom CSS --> <!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="{% static "website/css/app.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "website/css/app.css" %}">
{% comment %}
Allows for loading custom styles without overriding the base site styles
{% endcomment %}
<link rel="stylesheet" type="text/css" href="{% static "website/css/custom.css" %}">
{% block header_ext %} {% block header_ext %}
{% endblock %} {% endblock %}
@ -25,7 +30,7 @@
<body> <body>
<div id="top"><a href="#main-content" class="sr-only sr-only-focusable">Skip to main content.</a></div> <div id="top"><a href="#main-content" class="sr-only sr-only-focusable">Skip to main content.</a></div>
<nav class="navbar navbar-toggleable-sm navbar-light bg-faded"> <nav class="navbar navbar-light bg-faded navbar-toggleable-sm">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#menu-content" aria-controls="menu-content" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#menu-content" aria-controls="menu-content" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -33,11 +38,12 @@
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img class="navbar-brand-logo" src="{% static "website/images/evennia_logo.png" %}" /> <img class="navbar-brand-logo" src="{% static "website/images/evennia_logo.png" %}" />
{{ game_name }} {{ game_name }}
<br /><small class="text-muted">{{game_slogan}}</small> <br /><small>{{game_slogan}}</small>
</a> </a>
<div class="collapse navbar-collapse" id="menu-content"> <div class="collapse navbar-collapse" id="menu-content">
<ul class="navbar-nav"> <ul class="navbar-nav">
{% block nabvar_left %}
<li> <li>
<a class="nav-link" href="/">Home</a> <a class="nav-link" href="/">Home</a>
</li> </li>
@ -47,8 +53,12 @@
{% if webclient_enabled %} {% if webclient_enabled %}
<li><a class="nav-link" href="{% url 'webclient:index' %}">Play Online</a></li> <li><a class="nav-link" href="{% url 'webclient:index' %}">Play Online</a></li>
{% endif %} {% endif %}
{% endblock %}
</ul> </ul>
<ul class="nav navbar-nav ml-auto w-120 justify-content-end"> <ul class="nav navbar-nav ml-auto w-120 justify-content-end">
{% block navbar_right %}
{% endblock %}
{% block navbar_user %}
{% if user.is_authenticated %} {% if user.is_authenticated %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link">Logged in as {{user.username}}</a> <a class="nav-link">Logged in as {{user.username}}</a>
@ -64,6 +74,7 @@
<a class="nav-link" href="{% url 'to_be_implemented' %}">Register</a> <a class="nav-link" href="{% url 'to_be_implemented' %}">Register</a>
</li> </li>
{% endif %} {% endif %}
{% endblock %}
</ul> </ul>
</div> </div>
</nav> </nav>

View file

@ -1,5 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="row">
<div class="col">
<h1>Admin</h1> <h1>Admin</h1>
Welcome to the Evennia Admin Page. Here, you can edit many facets of players, characters, and other parts of the game. Welcome to the Evennia Admin Page. Here, you can edit many facets of players, characters, and other parts of the game.
@ -19,4 +21,6 @@
<p>If you are an advanced user who needs access to the raw Django Admin, it is available <a href="{% url "django_admin" %}">here</a>. <p>If you are an advanced user who needs access to the raw Django Admin, it is available <a href="{% url "django_admin" %}">here</a>.
You can make this the default my changing <code>EVENNIA_ADMIN</code> to <code>False</code> in <code>settings.py</code> and reload.</p> You can make this the default my changing <code>EVENNIA_ADMIN</code> to <code>False</code> in <code>settings.py</code> and reload.</p>
</div>
</div>
{% endblock content %} {% endblock content %}

View file

@ -7,6 +7,10 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 id="alt-layout">{{flatpage.title}}</h1> <div class="row">
<div class="col">
<h1>{{flatpage.title}}</h1>
</div>
</div>
{{flatpage.content}} {{flatpage.content}}
{% endblock %} {% endblock %}

View file

@ -46,7 +46,7 @@
<hr /> <hr />
<div class="row"> <div class="row">
<div class="card-deck"> <div class="card-deck">
<div class="card card-outline-secondary"> <div class="card card-outline-secondary text-center">
<h3 class="card-header">Players</h3> <h3 class="card-header">Players</h3>
<div class="card-block" <div class="card-block"
<p> <p>
@ -56,7 +56,7 @@
</div> </div>
<div class="card card-outline-secondary"> <div class="card card-outline-secondary">
<h3 class="card-header">Recently Connected</h3> <h3 class="card-header text-center">Recently Connected</h3>
<div class="card-block"> <div class="card-block">
<ul> <ul>
{% for player in players_connected_recent %} {% for player in players_connected_recent %}
@ -67,7 +67,7 @@
</div> </div>
<div class="card card-outline-secondary"> <div class="card card-outline-secondary">
<h3 class="card-header">Database Stats</h3> <h3 class="card-header text-center">Database Stats</h3>
<div class="card-block"> <div class="card-block">
<ul> <ul>
<li>{{num_players_registered}} players (+ {{num_characters}} characters)</li> <li>{{num_players_registered}} players (+ {{num_characters}} characters)</li>

View file

@ -5,6 +5,10 @@ Logged Out
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 id="alt-layout">Logged Out</h1> <div class="row">
<p>You have been logged out.</p> <div class="col">
<h1 id="alt-layout">Logged Out</h1>
<p>You have been logged out.</p>
</div>
</div>
{% endblock %} {% endblock %}

View file

@ -5,28 +5,34 @@ Login
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 id="alt-layout">Login</h1> {% load addclass %}
{% if user.is_authenticated %}
<div class="row">
<div class="col">
<h1>Login</h1>
{% if user.is_authenticated %}
<p>You are already logged in!</p> <p>You are already logged in!</p>
{% else %} {% else %}
{% if form.has_errors %} {% if form.has_errors %}
<p>Your username and password didn't match. Please try again.</p> <p>Your username and password didn't match. Please try again.</p>
{% endif %} {% endif %}
<form method="post" action="."> <form method="post" action=".">
{% csrf_token %} {% csrf_token %}
<table> <div class="form-group">
<tr> <label for="id_username">Username:</label>
<td><label for="id_username">Username:</label></td> {{ form.username | addclass:"form-control" }}
<td>{{ form.username }}</td> </div>
</tr> <div class="form-group">
<tr> <label for="id_password">Password:</label>
<td><label for="id_password">Password:</label></td> {{ form.password | addclass:"form-control" }}
<td>{{ form.password }}</td> </div>
</tr> <div class="form-group">
</table> <input class="form-control" type="submit" value="Login" />
<input type="submit" value="Login" />
<input type="hidden" name="next" value="{{ next }}" /> <input type="hidden" name="next" value="{{ next }}" />
</div>
</form> </form>
</div>
</div>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

View file

@ -7,12 +7,19 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 id="alt-layout">To Be Implemented...</h1> <hr />
<p> <div class="row">
<div class="col">
<div class="card text-center">
<h1 class="card-header">To Be Implemented...</h1>
<div class="card-block">
This feature has yet to be implemented, but rest assured that it will be! This feature has yet to be implemented, but rest assured that it will be!
<br /> <br />
<br /> <br />
<br /> <br />
Eventually... Eventually...
</p> </div>
</div>
</div>
</div>
{% endblock %} {% endblock %}