Style changes to site
This commit is contained in:
Nicholas
Griatch
parent
1ee8fcb495
commit
46a77f7e43
3 changed files with 74 additions and 54 deletions
|
|
@ -44,8 +44,8 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
/* Margin bottom by footer height */
|
/* Margin bottom by footer height plus padding against main content*/
|
||||||
margin-bottom: 90px;
|
margin-bottom: 92px;
|
||||||
background-color: #fefefe;
|
background-color: #fefefe;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -60,13 +60,16 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand-logo {
|
.navbar-brand-logo {
|
||||||
height: 50px;
|
height: 64px;
|
||||||
width: 50px;
|
width: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Default Colors */
|
/* Default Colors */
|
||||||
.main-content {
|
.main-content {
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
margin-bottom: 32px;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
background-color: #3d5c7a;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -31,15 +31,19 @@
|
||||||
<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-light bg-faded navbar-toggleable-sm">
|
<nav class="navbar navbar-inverse font-weight-bold 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>
|
||||||
|
|
||||||
<a class="navbar-brand" href="/">
|
<a class="navbar-brand" href="/">
|
||||||
<img class="navbar-brand-logo" src="{% static "website/images/evennia_logo.png" %}" />
|
<div class="media">
|
||||||
{{ game_name }}
|
<img class="media-left navbar-brand-logo mx-3" src="{% static "website/images/evennia_logo.png" %}" />
|
||||||
<br /><small>{{game_slogan}}</small>
|
<div class="media-body">
|
||||||
|
{{ game_name }}<br />
|
||||||
|
<small>{{game_slogan}}</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="menu-content">
|
<div class="collapse navbar-collapse" id="menu-content">
|
||||||
|
|
@ -81,9 +85,19 @@
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container main-content" id="main-copy">
|
<div class="container main-content" id="main-copy">
|
||||||
|
<div class="row">
|
||||||
|
{% if sidebar %}
|
||||||
|
<div class="col-4">
|
||||||
|
{% block sidebar %}
|
||||||
|
{% endblock %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
<div class="{% if sidebar %}col-8{% else %}col{% endif %}">
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
{% block footer %}
|
{% block footer %}
|
||||||
|
|
|
||||||
|
|
@ -9,8 +9,9 @@
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="jumbotron">
|
<div class="card">
|
||||||
<h1>Welcome!</h1>
|
<div class="card-block">
|
||||||
|
<h1 class="card-title">Welcome!</h1>
|
||||||
<hr />
|
<hr />
|
||||||
<p>Welcome to your new installation of <a href="http://evennia.com">Evennia</a>, your friendly
|
<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
|
neighborhood next-generation MUD development system and server. You are looking at Evennia's web
|
||||||
|
|
@ -31,34 +32,22 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<h2>Evennia</h2>
|
|
||||||
<hr />
|
|
||||||
<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>
|
||||||
<hr />
|
<hr />
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="card-deck">
|
<div class="col-12 col-lg-3 col-md-4 mb-3">
|
||||||
<div class="card card-outline-secondary text-center">
|
<div class="card">
|
||||||
<h3 class="card-header">Players</h3>
|
<h4 class="card-header">Players</h4>
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<p>
|
<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.
|
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="card card-outline-secondary">
|
<div class="col-12 col-lg-3 col-md-4 mb-3">
|
||||||
<h3 class="card-header text-center">Recently Connected</h3>
|
<div class="card">
|
||||||
|
<h4 class="card-header text-center">Recently Connected</h4>
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<ul>
|
<ul>
|
||||||
{% for player in players_connected_recent %}
|
{% for player in players_connected_recent %}
|
||||||
|
|
@ -67,9 +56,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="card card-outline-secondary">
|
<div class="col-12 col-lg-3 col-md-4 mb-3">
|
||||||
<h3 class="card-header text-center">Database Stats</h3>
|
<div class="card">
|
||||||
|
<h4 class="card-header text-center">Database Stats</h4>
|
||||||
<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>
|
||||||
|
|
@ -79,5 +69,18 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue