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:
parent
49da24b4a9
commit
78f401afac
21
css/main.css
21
css/main.css
|
@ -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
|
||||
|
|
10
index.html
10
index.html
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
13
index.md
13
index.md
|
@ -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),
|
||||
|
|
Loading…
Reference in New Issue