Make the page look better on smartphones

The logo scales, there's some (implicit through max-width 92%) padding
on left/right of content, the page itself shouldn'tt have to be scrolled
left/right (code snippets now wrap, tables can be scrolled by themselves
without scrolling the whole site)
This commit is contained in:
Daniel Gibson 2018-07-24 16:08:19 +02:00
parent 49da24b4a9
commit 78f401afac
4 changed files with 32 additions and 15 deletions

View File

@ -105,8 +105,9 @@ code {
}
.content {
max-width: 800px;
font-size: 16px;
width: 800px;
max-width: 92%;
font-size: 18px;
line-height: 1.7;
color: #999;
margin-left:auto;
@ -115,11 +116,23 @@ code {
}
.screenshots {
max-width: 1200px;
width: 1200px;
max-width: 90%;
margin-left:auto;
margin-right:auto;
}
.content table {
/* make sure the tables don't change page width on smartphones
* by making them scrollable */
margin: auto;
border-collapse: collapse;
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%;
}
.content .headinglink {
color: #222;
text-decoration: none;
@ -132,7 +145,7 @@ code {
text-decoration: underline;
}
@media (min-width: 850px) {
@media (min-width: 880px) {
/* if there's some margin on the left, move the heading link
* to the left so the heading itself is roughly where it would be

View File

@ -22,7 +22,7 @@
<body>
<header class="header">
<img src="logo2.svg" width=640 style="margin-left:auto;margin-right:auto;display:block">
<img src="logo2.svg" width=640 style="max-width:90%;margin-left:auto;margin-right:auto;display:block">
<br>
<nav class="nav">
<ul class="nav-links">
@ -131,7 +131,9 @@ We'll continue to use Github for hosting the code and issues (and indeed this pa
<h3 id="from-cddvd-patch">... from CD/DVD + Patch</h3>
<p>If you bought the game on CDs/DVD, base/pak000.pk4 - pak004.pk4 and d3xp/pak000.pk4 can be copied from the disks, the other files are from the patch.</p>
<p>On <strong>Linux</strong> (and probably other <strong>Unix-like</strong> systems and maybe even Windows with a mingw shell) you can extract the needed files from <a href="https://files.holarse-linuxgaming.de/native/Spiele/Doom%203/doom3-linux-1.3.1.1304.x86.run">the official 1.3.1 patch for Linux</a> with:</p>
<pre><code> sh /path/to/doom3-linux-1.3.1.1304.x86.run --tar xvf --wildcards base/pak* d3xp/pak*</code></pre>
<blockquote>
<p><code>sh /path/to/doom3-linux-1.3.1.1304.x86.run --tar xvf --wildcards base/pak* d3xp/pak*</code></p>
</blockquote>
<p>On <strong>Windows</strong> you can just install the game and <a href="https://archive.org/details/Doom_3_1.3.1">the official 1.3.1 patch for Windows</a> and then get the files from the installation directory (or copy dhewm3 in there).</p>
<h3 id="from-steam">... from Steam</h3>
<p>First you need to buy <a href="http://store.steampowered.com/app/9050/">Doom3</a> of course (and the <a href="https://store.steampowered.com/app/9070/">Resurrection of Evil Addon</a>, if you want that too; Note that the Addon is not available in Germany).</p>
@ -153,7 +155,9 @@ It should be possible to get the <em>Resurection of Evil</em> data in the same w
You can either extract them into your Doom3 installation directory, or into a fresh directory and copy the needed game data (<a href="#getting-the-doom3-game-data">see above</a>) in there.</p>
<p>On Linux and *BSD it might be that your package manager provides a dhewm3 package/port that you can install; please refer to that packages documentation on where to put the game data.<br />
You could also try telling dhewm3 where to find the game data with:</p>
<pre><code> dhewm3 +set fs_basepath /home/HansWerner/Games/doom3</code></pre>
<blockquote>
<p><code>dhewm3 +set fs_basepath /home/HansWerner/Games/doom3</code></p>
</blockquote>
<p>(adjust the path to your needs)</p>
<p>If your package manager does not provide dhewm3 (or you're on macOS/OSX and there is none), or you want to use the very latest code, you'll have to compile it yourself. It's not super hard, see <a href="https://github.com/dhewm/dhewm3/blob/master/README.md#compiling">the README</a> for details on compiling and <a href="https://github.com/dhewm/dhewm3/wiki/FAQ#where-do-i-need-to-put-the-game-data-files">the FAQ</a> on where to put the game data.</p>
</main>

View File

@ -11,6 +11,7 @@
<meta property="og:description" content="Project Page of the dhewm3 Source Port of Doom3">
<meta property="og:image" content="http://dhewm3.org/og_image.jpg" />
<meta property="twitter:image" content="http://dhewm3.org/twitter_image.jpg" />
<link rel="stylesheet" href="./fonts/stylesheet.css" />
<link rel="stylesheet" href="./css/main.css" media="all" />
@ -21,7 +22,7 @@
<body>
<header class="header">
<img src="logo2.svg" width=640 style="margin-left:auto;margin-right:auto;display:block">
<img src="logo2.svg" width=640 style="max-width:90%;margin-left:auto;margin-right:auto;display:block">
<br>
<nav class="nav">
<ul class="nav-links">

View File

@ -83,9 +83,8 @@ can be copied from the disks, the other files are from the patch.
On **Linux** (and probably other **Unix-like** systems and maybe even Windows with a mingw shell) you can
extract the needed files from [the official 1.3.1 patch for Linux](https://files.holarse-linuxgaming.de/native/Spiele/Doom%203/doom3-linux-1.3.1.1304.x86.run)
with:
```
sh /path/to/doom3-linux-1.3.1.1304.x86.run --tar xvf --wildcards base/pak* d3xp/pak*
```
> `sh /path/to/doom3-linux-1.3.1.1304.x86.run --tar xvf --wildcards base/pak* d3xp/pak*`
On **Windows** you can just install the game and [the official 1.3.1 patch for Windows](https://archive.org/details/Doom_3_1.3.1)
and then get the files from the installation directory (or copy dhewm3 in there).
@ -109,7 +108,7 @@ on how to install SteamCMD on your system. You won't have to create a new user.
Then you can download Doom3 with
`./steamcmd.sh +@sSteamCmdForcePlatformType windows +login <YOUR_STEAM_LOGIN_NAME> +force_install_dir ./doom3/ +app_update 9050 validate +quit`
> `./steamcmd.sh +@sSteamCmdForcePlatformType windows +login <YOUR_STEAM_LOGIN_NAME> +force_install_dir ./doom3/ +app_update 9050 validate +quit`
(replace `<YOUR_STEAM_LOGIN_NAME>` with your steam login name)
When it's done you should have the normal windows installation of doom3 in `./doom3/`
@ -130,9 +129,9 @@ directory and copy the needed game data ([see above](#getting-the-doom3-game-dat
On Linux and *BSD it might be that your package manager provides a dhewm3 package/port that
you can install; please refer to that packages documentation on where to put the game data.
You could also try telling dhewm3 where to find the game data with:
```
dhewm3 +set fs_basepath /home/HansWerner/Games/doom3
```
> `dhewm3 +set fs_basepath /home/HansWerner/Games/doom3`
(adjust the path to your needs)
If your package manager does not provide dhewm3 (or you're on macOS/OSX and there is none),