1
0
Fork 0
mirror of https://bitbucket.org/oreolek/imaginary-realities.git synced 2024-05-02 00:59:34 +03:00

Upgrade look of the Staff pages for all the current issues.

This commit is contained in:
richard.m.tew@gmail.com 2015-06-04 19:05:07 +12:00
parent a02259f90b
commit 12ec92fdf9
5 changed files with 209 additions and 293 deletions

View file

@ -1,75 +1,61 @@
{% extends "issue/other/index.html" %}
{% block page_title %}Staff{% endblock %}
{% block other_content %}
<table cellpadding="0" cellspacing="0" class="stafftable">
<tbody>
<tr>
<td class="imgcenter">
<img src="images/image03.png" width="112"/>
</td>
<td>
<div>
<div class="staffname">Richard Tew (Donky)</div>
<div class="stafftitle">Managing Editor</div>
<div class="mainsection inline-blocks">
<div class="aligned-examples">
<div class="aligned-example text">
<div class="mainheader stafftitle">Managing Editor</div>
<div class="mainbody">
<img src="images/image03.png" width="112"/>
<div class="staffname">Richard Tew</div>
<div class="staffbio">
Richard Tew has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
<div class="staffbio">
Richard has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image00.png" width="120"/>
</td>
<td>
<div>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="stafftitle">Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Editor</div>
<div class="mainbody">
<img src="images/image00.png" width="120"/>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image01.png" width="100"/>
</td>
<td>
<div>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="stafftitle">Associate Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Associate Editor</div>
<div class="mainbody">
<img src="images/image01.png" width="100"/>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image02.jpg" width="100"/>
</td>
<td>
<div>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="stafftitle">Copyeditor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Copyeditor</div>
<div class="mainbody">
<img src="images/image02.jpg" width="100"/>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="staffbio">
jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.
</div>
<div class="staffbio">jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
{% endblock %}

View file

@ -1,75 +1,61 @@
{% extends "issue/other/index.html" %}
{% block page_title %}Staff{% endblock %}
{% block other_content %}
<table cellpadding="0" cellspacing="0" class="stafftable">
<tbody>
<tr>
<td class="imgcenter">
<img src="images/image03.png" width="112"/>
</td>
<td>
<div>
<div class="staffname">Richard Tew (Donky)</div>
<div class="stafftitle">Managing Editor</div>
<div class="mainsection inline-blocks">
<div class="aligned-examples">
<div class="aligned-example text">
<div class="mainheader stafftitle">Managing Editor</div>
<div class="mainbody">
<img src="images/image03.png" width="112"/>
<div class="staffname">Richard Tew</div>
<div class="staffbio">
Richard Tew has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
<div class="staffbio">
Richard has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image00.png" width="120"/>
</td>
<td>
<div>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="stafftitle">Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Editor</div>
<div class="mainbody">
<img src="images/image00.png" width="120"/>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image01.png" width="100"/>
</td>
<td>
<div>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="stafftitle">Associate Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Associate Editor</div>
<div class="mainbody">
<img src="images/image01.png" width="100"/>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image02.jpg" width="100"/>
</td>
<td>
<div>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="stafftitle">Copyeditor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Copyeditor</div>
<div class="mainbody">
<img src="images/image02.jpg" width="100"/>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="staffbio">
jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.
</div>
<div class="staffbio">jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
{% endblock %}

View file

@ -1,75 +1,61 @@
{% extends "issue/other/index.html" %}
{% block page_title %}Staff{% endblock %}
{% block other_content %}
<table cellpadding="0" cellspacing="0" class="stafftable">
<tbody>
<tr>
<td class="imgcenter">
<img src="images/image03.png" width="112"/>
</td>
<td>
<div>
<div class="staffname">Richard Tew (Donky)</div>
<div class="stafftitle">Managing Editor</div>
<div class="mainsection inline-blocks">
<div class="aligned-examples">
<div class="aligned-example text">
<div class="mainheader stafftitle">Managing Editor</div>
<div class="mainbody">
<img src="images/image03.png" width="112"/>
<div class="staffname">Richard Tew</div>
<div class="staffbio">
Richard Tew has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
<div class="staffbio">
Richard has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image00.png" width="120"/>
</td>
<td>
<div>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="stafftitle">Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Editor</div>
<div class="mainbody">
<img src="images/image00.png" width="120"/>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image01.png" width="100"/>
</td>
<td>
<div>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="stafftitle">Associate Editor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Associate Editor</div>
<div class="mainbody">
<img src="images/image01.png" width="100"/>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image02.jpg" width="100"/>
</td>
<td>
<div>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="stafftitle">Copyeditor</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Copyeditor</div>
<div class="mainbody">
<img src="images/image02.jpg" width="100"/>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="staffbio">
jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.
</div>
<div class="staffbio">jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
{% endblock %}

View file

@ -1,75 +1,61 @@
{% extends "issue/other/index.html" %}
{% block page_title %}Staff{% endblock %}
{% block other_content %}
<table cellpadding="0" cellspacing="0" class="stafftable">
<tbody>
<tr>
<td class="imgcenter">
<img src="images/image03.png" width="112"/>
</td>
<td>
<div>
<div class="staffname">Richard Tew (Donky)</div>
<div class="stafftitle">Managing Editor</div>
<div class="mainsection inline-blocks">
<div class="aligned-examples">
<div class="aligned-example text">
<div class="mainheader stafftitle">Managing Editor</div>
<div class="mainbody">
<img src="images/image03.png" width="112"/>
<div class="staffname">Richard Tew</div>
<div class="staffbio">
Richard Tew has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Editor</div>
<div class="mainbody">
<img src="images/image00.png" width="120"/>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Associate Editor</div>
<div class="mainbody">
<img src="images/image01.png" width="100"/>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
</div>
</div>
<div class="aligned-example text">
<div class="mainheader stafftitle">Copyeditor</div>
<div class="mainbody">
<img src="images/image02.jpg" width="100"/>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="staffbio">
jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.
</div>
</div>
</div>
</div>
<div class="staffbio">
Richard has worked on one
<a href="https://code.google.com/p/sorrows-mudlib/">Stackless Python mudlib</a>
and two
<a href="http://www.disinterest.org/projects.html">LP mudlibs</a>, as well as a telnet-based
<a href="https://code.google.com/p/sorrows-mudlib/source/browse/#svn%2Ftrunk%2Fgames%2Froguelike">multiplayer roguelike</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image00.png" width="120"/>
</td>
<td>
<div>
<div class="staffname">Matthew Sheahan (Chaos)</div>
<div class="stafftitle">Editor</div>
</div>
<div class="staffbio">
Chaos has been lead developer of
<a class="gametitle" href="http://lostsouls.org/">Lost Souls</a>
since 1998. He curates
<a class="website" href="http://mudseek.com/">MUDseek</a>
and has published an
<a href="https://github.com/chaosprime/lpc-astar">LPC implementation of A* search</a>
as open source. In real life, he is a Web software architect.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image01.png" width="100"/>
</td>
<td>
<div>
<div class="staffname">Richard Woolcock (KaVir)</div>
<div class="stafftitle">Associate Editor</div>
</div>
<div class="staffbio">
KaVir is the owner of
<a class="gametitle" href="http://www.godwars2.org">God Wars II</a>
and developer of the GodWars and Gladiator Pits codebases. He has also written several MUD-related snippets and articles, and is an auditor for
<a class="website" href="http://www.mudconnect.com">The Mud Connector</a>.
</div>
</td>
</tr>
<tr>
<td class="imgcenter">
<img src="images/image02.jpg" width="100"/>
</td>
<td>
<div>
<div class="staffname">Jennifer Melchert (jenphalian)</div>
<div class="stafftitle">Copyeditor</div>
</div>
<div class="staffbio">jenphalian is a literary assistant for a New York Times bestselling author and one-time first reader for a Hugo-nominated literary magazine.</div>
</td>
</tr>
</tbody>
</table>
</div>
{% endblock %}

View file

@ -31,32 +31,9 @@ blockquote {
font-family: Courier New;
}
table.stafftable {
border-left: dashed 1pt grey;
border-top: dashed 1pt grey;
margin-bottom: 4px;
}
/* The first paragraph in the first td in each row. */
table.stafftable td:first-child div:first-child {
text-align: center;
}
/* All table cells. */
table.stafftable tr td {
vertical-align: middle;
padding: 5px;
border-right: dashed 1pt grey;
border-bottom: dashed 1pt grey;
}
table.stafftable td.imgcenter {
width: 120px;
}
table.stafftable td > div:after {
content: '';
clear: both;
.stafftitle {
font-size: 20px;
}
.staffname {
@ -64,13 +41,8 @@ table.stafftable td > div:after {
font-style: italic;
}
.stafftitle {
float: right;
}
.staffbio {
clear: both;
float: none;
clear: left;
padding-top: 10px;
}