Cleaned up HTML code tabspacing

This commit is contained in:
Nicholas 2017-07-15 20:11:54 -04:00 committed by Griatch
parent 46a77f7e43
commit 60e7691d15
2 changed files with 104 additions and 80 deletions

View file

@ -38,7 +38,7 @@
<a class="navbar-brand" href="/">
<div class="media">
<img class="media-left navbar-brand-logo mx-3" src="{% static "website/images/evennia_logo.png" %}" />
<img class="d-flex navbar-brand-logo mx-3" src="{% static "website/images/evennia_logo.png" %}" alt="{{game_name}} logo" />
<div class="media-body">
{{ game_name }}<br />
<small>{{game_slogan}}</small>
@ -52,7 +52,9 @@
<li>
<a class="nav-link" href="/">Home</a>
</li>
<li><a class="nav-link" href="https://github.com/evennia/evennia/wiki/Evennia-Introduction/">About</a></li>
<li>
<a class="nav-link" href="https://github.com/evennia/evennia/wiki/Evennia-Introduction/">About</a>
</li>
<li><a class="nav-link" href="https://github.com/evennia/evennia/wiki">Documentation</a></li>
<li><a class="nav-link" href="{% url 'admin:index' %}">Admin Interface</a></li>
{% if webclient_enabled %}
@ -84,7 +86,7 @@
</div>
</nav>
<div class="container main-content" id="main-copy">
<div class="container main-content mt-4" id="main-copy">
<div class="row">
{% if sidebar %}
<div class="col-4">

View file

@ -1,86 +1,108 @@
{% extends "base.html" %}
{% block sidebar %}
{% endblock %}
{% block header_ext %}
{% endblock %}
{% block content %}
<div class="row">
<div class="col">
<div class="card">
<div class="card-block">
<h1 class="card-title">Welcome!</h1>
<hr />
<p>Welcome to your new installation of <a href="http://evennia.com">Evennia</a>, your friendly
neighborhood next-generation MUD development system and server. You are looking at Evennia's web
presence, which can be expanded to a full-fledged site as
needed. Through the <a href="{% url 'admin:index' %}">admin interface</a> you can view and edit the
database without logging into the game.
{% if webclient_enabled %}
You can also connect to the game directly from your browser using our
<a href="{% url 'webclient:index' %}">online client</a>!<br>
{% endif %}
For more info, take your time to
peruse our extensive online <a href="https://github.com/evennia/evennia/wiki">documentation</a>.
<p>
Should you have any questions, concerns, bug reports, or
if you want to help out, don't hesitate to join the Evennia community to make your voice heard! Drop a mail to the
<a href="https://groups.google.com/forum/#!forum/evennia">mailing list</a> or to come say hi in the <a href="http://webchat.freenode.net/?channels=evennia">developer chatroom</a>. If you find bugs, please report them to our <a href="https://github.com/evennia/evennia/issues">Issue tracker</a>.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="card">
<div class="card-block">
<h1 class="card-title">Welcome!</h1>
<hr />
<p class="lead">
Welcome to your new installation of <a href="http://evennia.com">Evennia</a>, your friendly
neighborhood next-generation MUD development system and server.
</p>
<p>
You are looking at Evennia's web
presence, which can be expanded to a full-fledged site as needed.<br />
Through the <a href="{% url 'admin:index' %}">admin interface</a> you can view and edit the
database without logging into the game.
</p>
{% if webclient_enabled %}
<p>
You can also connect to the game directly from your browser using our
<a href="{% url 'webclient:index' %}">online client</a>!<br>
</p>
{% endif %}
For more info, take your time to
peruse our extensive online <a href="https://github.com/evennia/evennia/wiki">documentation</a>.
</p>
<p>
Should you have any questions, concerns, bug reports, or
if you want to help out, don't hesitate to join the Evennia community to make your voice heard! Drop a mail to the
<a href="https://groups.google.com/forum/#!forum/evennia">mailing list</a> or to come say hi in the <a href="http://webchat.freenode.net/?channels=evennia">developer chatroom</a>.
</p>
<p>
If you find bugs, please report them to our <a href="https://github.com/evennia/evennia/issues">Issue tracker</a>.
</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-12 col-lg-3 col-md-4 mb-3">
<div class="card">
<h4 class="card-header">Players</h4>
<div class="card-block">
<p>
There's currently <strong>{{num_players_connected}}</strong> connected out of a total of <strong>{{num_players_registered}}</strong> players registered. Of these, <strong>{{num_players_registered_recent}}</strong> were created this week, and <strong>{{num_players_connected_recent}}</strong> have connected within the last seven days.
</p>
</div>
</div>
</div>
<div class="col-12 col-lg-3 col-md-4 mb-3">
<div class="card">
<h4 class="card-header text-center">Recently Connected</h4>
<div class="card-block">
<ul>
{% for player in players_connected_recent %}
<li>{{player.username}} -- <em>{{player.last_login|timesince}} ago</em></li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-3 col-md-4 mb-3">
<div class="card">
<h4 class="card-header text-center">Database Stats</h4>
<div class="card-block">
<ul>
<li>{{num_players_registered}} players (+ {{num_characters}} characters)</li>
<li>{{num_rooms}} rooms (+ {{num_exits}} exits)</li>
<li>{{num_others}} other objects</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card">
<h4 class="card-header text-center">Evennia</h4>
<div class="card-block">
<p><a href="http://evennia.com">Evennia</a> is an open-source MUD server built in
<a href="http://python.org">Python</a>, on top of the
<a href="http://twistedmatrix.com">Twisted</a> and
<a href="http://djangoproject.com">Django</a> frameworks. This
combination of technologies allows for the quick and easy creation
of the game of your dreams - as simple or as complex as you like.</p>
</div>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12 col-md-4 mb-3">
<div class="card">
<h4 class="card-header">Players</h4>
<div class="card-block">
<p>
There's currently <strong>{{num_players_connected}}</strong> connected out of a total of <strong>{{num_players_registered}}</strong> players registered.
</p>
<p>
Of these, <strong>{{num_players_registered_recent}}</strong> were created this week, and <strong>{{num_players_connected_recent}}</strong> have connected within the last seven days.
</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="card">
<h4 class="card-header text-center">Recently Connected</h4>
<div class="card-block">
<ul class="list-group">
{% for player in players_connected_recent %}
<li class="list-group-item">{{player.username}} -- <em>{{player.last_login|timesince}} ago</em></li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="card">
<h4 class="card-header text-center">Database Stats</h4>
<div class="card-block">
<ul class="list-group">
<li class="list-group-item">{{num_players_registered}} players (+ {{num_characters}} characters)</li>
<li class="list-group-item">{{num_rooms}} rooms (+ {{num_exits}} exits)</li>
<li class="list-group-item">{{num_others}} other objects</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card">
<h4 class="card-header text-center">Evennia</h4>
<div class="card-block">
<p><a href="http://evennia.com">Evennia</a> is an open-source MUD server built in
<a href="http://python.org">Python</a>, on top of the
<a href="http://twistedmatrix.com">Twisted</a> and
<a href="http://djangoproject.com">Django</a> frameworks. This
combination of technologies allows for the quick and easy creation
of the game of your dreams - as simple or as complex as you like.</p>
</div>
</div>
</div>
</div>
{% endblock %}