From 54d3868efcc4434bcf6533c08b82d0c6cbdc3552 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaakko=20Kera=CC=88nen?= <jaakko.keranen@iki.fi>
Date: Sat, 11 Mar 2017 21:18:03 +0200
Subject: [PATCH] Homepage: Added download pages and the bottom site map

---
 web2/addons.php                 |  18 +++++
 web2/include/template.inc.php   | 134 +++++++++++++++++++++++++-------
 web2/linux.php                  |  55 +++++++++++++
 web2/macos.php                  |   4 +-
 web2/source.php                 |  47 +++++++++++
 web2/theme/stylesheets/site.css |  56 ++++++++++---
 web2/windows.php                |  51 ++++++++++++
 7 files changed, 327 insertions(+), 38 deletions(-)
 create mode 100644 web2/addons.php
 create mode 100644 web2/linux.php
 create mode 100644 web2/source.php
 create mode 100644 web2/windows.php
diff --git a/web2/addons.php b/web2/addons.php
new file mode 100644
index 0000000000..6e4f7ab616
--- /dev/null
+++ b/web2/addons.php
@@ -0,0 +1,18 @@
+<?php
+require_once('include/template.inc.php');
+$page_title = 'Add-ons';
+generate_page_header($page_title);
+?>
+<body>
+    <?php 
+    include('include/topbar.inc.php'); 
+    generate_page_title($page_title);
+    ?>
+    <div id='content'>
+        <div id='page-content'>
+
+        </div>
+        <?php generate_sidebar(); ?>
+    </div>
+    <?php generate_sitemap(); ?>
+</body>
diff --git a/web2/include/template.inc.php b/web2/include/template.inc.php
index 89aed3d804..c34645cb2c 100644
--- a/web2/include/template.inc.php
+++ b/web2/include/template.inc.php
@@ -157,6 +157,7 @@ function generate_sidebar()
             <li><a href='source'>Source</a></li>
             <li><a href='/builds'>Recent builds</a></li>
         </ul>
+        <div class='heading'><a href='addons'>Add-ons</a></div>
         <div class='heading'><a href='/manual'>User Manual</a></div>
         <ul>
             <li><a href='/manual/getting_started'>Getting started</a></li>
@@ -181,32 +182,113 @@ function generate_sidebar()
     </div>");
 }
 
+function generate_blog_post_cached($post, $css_class)
+{
+    $date = date_parse($post->date);
+    $ts = mktime($date['hour'], $date['minute'], $date['second'],
+                 $date['month'], $date['day'], $date['year']);
+    $nice_date = strftime('%B %d, %Y', $ts);    
+    
+    /*$html = '<div class="block"><article class="'.$css_class
+        .' content"><header><h1><a href="'.$post->url.'">'
+        .$post->title.'</a></h1>';
+
+    $html .= '<p><time datetime="'.$post->date.'" pubdate>'.$nice_date
+        .'</time> &mdash; '.$post->author->name.'</p></header><br />';
+
+    $html .= '<div class="articlecontent">'.$post->content.'</div></article>';
+    $html .= '<div class="links">'.$source_link.'</div></div>';*/
+    
+    $html = "<a class='blog-link' href='$post->url'>$post->title</a> "
+        ."<time datetime='$post->date' pubdate>&ndash; $nice_date</time>";
+    
+    cache_echo('<li>'.$html.'</li>');    
+}
+
 function generate_sitemap()
 {
-    echo("<div id='site-map'>
-        <ul class='map-wrapper'>
-            <li>
-                <div>Latest News</div>
-                <div>Latest Builds</div>
-            </li>
-            <li>
-                Multiplayer Games
-            </li>
-            <li>
-                User Manual
-            </li>
-            <li>
-                <div>Go to...</div>
-                <div>Alternatives</div>
-            </li>
-        </ul>
-        <div id='credits'>
-            Doomsday Engine is <a href='https://github.com/skyjake/Doomsday-Engine.git'>open 
-            source software</a> and distributed under 
-            the <a href='http://www.gnu.org/licenses/gpl.html'>GNU General Public License</a> (applications) and <a href='http://www.gnu.org/licenses/lgpl.html'>LGPL</a> (core libraries).
-            Assets from the original games remain under their original copyright. 
-            Doomsday logo created by Daniel Swanson.
-            Website design by Jaakko Ker&auml;nen &copy; 2017. 
-        </div>
-    </div>");
+    // Check for a cached sitemap.
+    $ckey = cache_key('home', 'sitemap');    
+    if (!cache_try_load($ckey)) {            
+        // Fetch the cached news and dev blog posts.
+        cache_try_load(cache_key('news', 'news'), -1);
+        $news = json_decode(cache_get());            
+        cache_try_load(cache_key('news', 'dev'), -1);
+        $dev = json_decode(cache_get());
+        $news_count = min(3, count($news->posts));
+        $dev_count  = min(3, count($dev->posts));
+
+        cache_clear();
+    
+        // Contact the BDB for a list of the latest builds.
+        $db = Session::get()->database();
+        $result = db_query($db, "SELECT build, version, type, UNIX_TIMESTAMP(timestamp) FROM "
+            .DB_TABLE_BUILDS." ORDER BY timestamp DESC");    
+        $new_threshold = time() - 2 * 24 * 3600;
+        $count = 4;
+        $build_list = "<ul class='sitemap-list'>";
+        while ($row = $result->fetch_assoc()) {            
+            $link = '/build'.$row['build'];
+            $version = omit_zeroes($row['version']);
+            $label = "$version ".ucwords(build_type_text($row['type']))
+                ." [#".$row['build']."]";
+            $title = "Build report for $label";
+            $ts = (int) $row['UNIX_TIMESTAMP(timestamp)'];
+            $date = gmstrftime('&ndash; %B %d', $ts);
+            $css_class = ($ts > $new_threshold)? ' class="new-build"' : '';
+        
+            $build_list .= "  <li${css_class}><a title='$title' href='$link'>$label</a> <time>$date</time></li>\n";
+            
+            if (--$count == 0) break;
+        }
+        $build_list .= "<li><a href='/builds'>Autobuilder Index</a></li>\n"
+            ."<li><a href='http://api.dengine.net/1/builds?format=feed'>RSS Feed</a></li></ul>\n";
+
+        cache_echo("<div id='site-map'>
+            <ul class='map-wrapper'>
+                <li>
+                    <div class='heading'>Latest News</div>
+                    <ul class='sitemap-list'>");
+                   
+        for ($i = 0; $i < $news_count; ++$i) {
+            generate_blog_post_cached($news->posts[$i], 'newspost');
+        }    
+        cache_echo("<li><a href='/blog/category/news/feed/atom'
+                        title='Doomsday Engine news via RSS'>RSS Feed</a></li>");
+                    
+        cache_echo("</ul></li><li>
+                    <div class='heading'>Blog Posts</div>
+                    <ul class='sitemap-list'>\n");
+
+        for ($i = 0; $i < $dev_count; ++$i) {
+            generate_blog_post_cached($dev->posts[$i], 'blogpost');
+        }        
+        cache_echo("<li><a href='/blog/category/dev/feed/atom' 
+            title='Doomsday Engine development blog via RSS'>RSS Feed</a></li>");
+                    
+        cache_echo("</ul></li><li><div class='heading'>Recent Builds</div>
+                    $build_list</li>
+                <li>
+                    <div class='heading'>Multiplayer Games</div>
+                </li>
+                <li>
+                    <div class='heading'>User Manual</div>
+                </li>
+                <li>
+                    <div class='heading'>Reference Guide</div>
+                </li>
+            </ul>
+            <div id='credits'>
+                Doomsday Engine is <a href='https://github.com/skyjake/Doomsday-Engine.git'>open 
+                source software</a> and distributed under 
+                the <a href='http://www.gnu.org/licenses/gpl.html'>GNU General Public License</a> (applications) and <a href='http://www.gnu.org/licenses/lgpl.html'>LGPL</a> (core libraries).
+                Assets from the original games remain under their original copyright. 
+                Doomsday logo created by Daniel Swanson.
+                <a href='/'>dengine.net</a> website design by Jaakko Ker&auml;nen &copy; 2017. 
+            </div>
+        </div>");
+                
+        cache_store($ckey);
+    }
+    cache_dump();
 }
diff --git a/web2/linux.php b/web2/linux.php
new file mode 100644
index 0000000000..a7c4de1600
--- /dev/null
+++ b/web2/linux.php
@@ -0,0 +1,55 @@
+<?php
+require_once('include/template.inc.php');
+$page_title = 'Linux Downloads';
+generate_page_header($page_title);
+?>
+<body>
+    <?php 
+    include('include/topbar.inc.php'); 
+    generate_page_title($page_title);
+    ?>
+    <div id='content'>
+        <div id='page-content'>
+
+<div class="block">
+    <article>
+        <h1>Stable</h1>
+        <?php 
+        generate_badges('ubuntu16-x86_64', BT_CANDIDATE);
+        generate_badges('fedora23-x86_64', BT_CANDIDATE);
+        ?>
+    </article>
+</div>
+<div class="block">
+    <article>
+        <h1>Unstable</h1>
+        <?php 
+        generate_badges('ubuntu16-x86_64', BT_UNSTABLE);
+        generate_badges('fedora23-x86_64', BT_UNSTABLE);
+        ?>
+    </article>
+</div>
+<div class="block">
+    <article>
+        <h1>Other Builds</h1>
+        <p>Binary packages are available for some Linux distributions. You can also <a href="/manual/devel/compile">compile manually from source</a> (requires CMake 3.1 and Qt 5).</p>
+
+        <h2><img src="/images/ubuntu.png" alt="Ubuntu" class="distro-icon">Ubuntu</h2>
+        <p><a class="link-external" href="https://launchpad.net/~sjke/+archive/ubuntu/doomsday/">skyjake's PPA</a> has Doomsday builds for a number of versions of Ubuntu. The <a class="link-external" href="http://packages.ubuntu.com/xenial/games/doomsday">Ubuntu repositories</a> should also have stable releases of Doomsday.</p>
+
+        <h2><img src="/images/debian.png" alt="Debian" class="distro-icon">Debian</h2>
+        <p>Check Debian's repositories for binary packages.</p>
+
+        <h2><img src="/images/gentoo.png" alt="Gentoo" class="distro-icon">Gentoo</h2>
+        <p><a href="https://packages.gentoo.org/packages/games-fps/doomsday" class="link-external">Doomsday Engine package for Gentoo</a></p>
+
+        <h2><img src="/images/opensuse.png" alt="openSUSE" class="distro-icon">openSUSE</h2>
+        <p>Binary packages for Doomsday are available in the <a href="https://software.opensuse.org/package/doomsday" class="link-external">openSUSE repositories.</a></p>
+    </article>
+</div>
+
+        </div>
+        <?php generate_sidebar(); ?>
+    </div>
+    <?php generate_sitemap(); ?>
+</body>
diff --git a/web2/macos.php b/web2/macos.php
index 2718790a9c..3f91dd66e9 100644
--- a/web2/macos.php
+++ b/web2/macos.php
@@ -12,7 +12,7 @@
         <div id='page-content'>
             <div class="block">
                 <article id="overview">
-                    <p>Doomsday Engine can run on recent 64-bit versions of macOS. If your macOS is more than two years old, please check out the <a href="http://wiki.dengine.net/w/Supported_platforms">older Doomsday releases</a>.</p>
+                    <p>Doomsday Engine can run on recent 64-bit versions of macOS. If your macOS is more than two years old, please check out the <a href="/manual/supported_platforms">older Doomsday releases</a>.</p>
                 </article>
             </div>
             <div class="block">
@@ -31,7 +31,7 @@
             <div class="block">
                 <article>
                     <h1>Unstable / Nightly</h1>
-                    <p>Unstable builds are made automatically every day when changes are committed to the <a href="http://dengine.net/source">source repository</a>. They contain work-in-progress code and sometimes may crash on you.</p>
+                    <p>Unstable builds are made automatically every day when changes are committed to the <a href="source">source repository</a>. They contain work-in-progress code and sometimes may crash on you.</p>
                     <?php generate_badges('mac10_10-x86_64', BT_UNSTABLE); ?>
                 </article>
             </div>
diff --git a/web2/source.php b/web2/source.php
new file mode 100644
index 0000000000..910897b471
--- /dev/null
+++ b/web2/source.php
@@ -0,0 +1,47 @@
+<?php
+require_once('include/template.inc.php');
+$page_title = 'Source Code';
+generate_page_header($page_title);
+?>
+<body>
+    <?php 
+    include('include/topbar.inc.php'); 
+    generate_page_title($page_title);
+    ?>
+    <div id='content'>
+        <div id='page-content'>
+            
+<div class="block">
+<article>
+    <h1>Source Packages</h1>
+    <?php 
+    generate_badges('source', BT_STABLE);
+    generate_badges('source', BT_UNSTABLE);
+    ?>
+</article>
+</div>
+<div class="block">
+<article>            
+    <h1>New to Doomsday Source?</h1>
+    <p>The best place to begin is the <a href="/manual/devel">Development section of the Manual</a>. Here are a couple of important pages to read first:</p>
+    <ul>
+        <li><a href="/manual/devel/getting_started">Getting started</a></li>
+        <li><a href="/manual/devel/guidelines">Developer guidelines</a></li>
+    </ul>
+    <h2>API Documentation</h2>
+    <ul>
+        <li><a href="http://source.dengine.net/apidoc/sdk">Doomsday 2 SDK</a></li>
+        <li><a href="http://source.dengine.net/apidoc/api">Runtime API</a></li>
+    </ul>
+    <h2>Git Repositories</h2>
+    <ul>
+        <li><a href="https://github.com/skyjake/Doomsday-Engine.git">GitHub: skyjake/Doomsday-Engine</a></li>
+        <li><a href="http://source.dengine.net/codex">Commit tag index</a></li>
+    </ul>                
+</article>
+</div>
+        </div>
+        <?php generate_sidebar(); ?>
+    </div>
+    <?php generate_sitemap(); ?>
+</body>
diff --git a/web2/theme/stylesheets/site.css b/web2/theme/stylesheets/site.css
index bcf6f1e031..92504f997e 100644
--- a/web2/theme/stylesheets/site.css
+++ b/web2/theme/stylesheets/site.css
@@ -13,7 +13,7 @@ body {
 
 #page-title {
     width: 100%;
-    height: 14em;
+    height: 15em;
     text-align: center;
     text-shadow: 0 0 1em black;
     background: #282D2B url("../images/site-banner.jpg") no-repeat;
@@ -32,11 +32,11 @@ body {
     max-width: 60em;
     margin: 1em auto 0 auto;
 }
-#content a {
+#content a, #site-map a {
     color: #eb4;    
     text-decoration: none;
 }
-#content a:hover {
+#content a:hover, #site-map a:hover {
     color: #fc0;    
     text-decoration: underline;
 }
@@ -48,7 +48,7 @@ body {
     font-size: x-large;
     font-weight: bold;
     background-color: rgba(255, 255, 255, 0.333);
-    color: rgba(0, 0, 0, 0.6); /*#202820;*/
+    color: rgba(0, 0, 0, 0.6);
 }
 #content a.button:hover {
     text-decoration: none;
@@ -125,6 +125,15 @@ div.block h1 {
     margin-top: 0;
     color: #eee;
 }
+div.block h2 {
+    font-size: 125%;
+    margin-top: 1.5em;
+}
+div.block h3 {
+    font-size: 110%;
+    font-weight: 400;
+    margin-top: 1.5em;
+}
 div.block p {
     color: #b0b0b0;
 }
@@ -134,10 +143,15 @@ div.block p {
     max-width: 45em;
     width: 75%;
 }
-
 #overview p {
     margin: 0;
 }
+img.distro-icon {
+    width: 23px;
+    height: 23px;
+    padding-right: 1ex;
+    vertical-align: middle;
+}
 
 #sidebar {
     font-size: 95%;
@@ -156,6 +170,7 @@ div.block p {
     padding-left: 1em;
     margin-top: 0.5ex;
     margin-bottom: 1em;
+    font-weight: 300;    
 }
 
 #site-map {
@@ -167,18 +182,39 @@ div.block p {
     background-color: rgba(0, 0, 0, 0.5);
 }
 #site-map ul.map-wrapper {
-    /*text-align: center;*/
+    text-align: center;
     list-style: none;
     margin: 0 auto;
     padding: 0;
 }
-#site-map ul.map-wrapper li {
-    display: inline-block;   
+#site-map ul.map-wrapper > li {
+    display: inline-block;
     vertical-align: top; 
-    width: 30em;
-    margin: 0 2em;
+    width: 23%;
+    min-width: 20em;
+    max-width: 40em;
+    margin: 0 1em;
     text-align: left;
 }
+#site-map ul.sitemap-list {
+    padding: 0;
+    list-style: none;
+    margin-bottom: 1em;
+}
+#site-map ul.sitemap-list > li {
+    display: list-item;
+    padding: 0;
+    list-style: none;
+}
+#site-map .heading {
+    font-weight: bold;
+    text-transform: uppercase;
+    color: rgba(255, 255, 255, 0.5);
+}
+#site-map time {
+    color: #999;
+    white-space: nowrap;
+}
 
 #credits {
     margin: 2em 6em 0 6em;
diff --git a/web2/windows.php b/web2/windows.php
new file mode 100644
index 0000000000..4405273797
--- /dev/null
+++ b/web2/windows.php
@@ -0,0 +1,51 @@
+<?php
+require_once('include/template.inc.php');
+$page_title = 'Windows Downloads';
+generate_page_header($page_title);
+?>
+<body>
+    <?php 
+    include('include/topbar.inc.php'); 
+    generate_page_title($page_title);
+    ?>
+    <div id='content'>
+        <div id='page-content'>
+            <div class="block">
+                <article id="overview">
+                    <p>Doomsday Engine can run on all modern Microsoft Windows &reg; desktop operating systems (Vista or later). There are separate installation packages available for 32-bit and 64-bit versions of Windows. Requires a GPU that supports OpenGL 2.1.</p>
+                </article>
+            </div>
+            <div class="block">
+                <article>
+                    <h1>Stable</h1>
+                    <?php 
+                    generate_badges('win-x64', BT_STABLE); 
+                    generate_badges('win-x86', BT_STABLE); 
+                    ?>
+                </article>
+            </div>
+            <div class="block">
+                <article>
+                    <h1>Release Candidate</h1>
+                    <p>Release candidate of the next upcoming stable build.</p>
+                    <?php 
+                    generate_badges('win-x64', BT_CANDIDATE); 
+                    generate_badges('win-x86', BT_CANDIDATE); 
+                    ?>
+                </article>
+            </div>
+            <div class="block">
+                <article>
+                    <h1>Unstable / Nightly</h1>
+                        <p>Unstable builds are made automatically every day when changes are committed to the <a href="source">source repository</a>. They contain work-in-progress code and sometimes may crash on you.</p>
+                    <?php 
+                    generate_badges('win-x64', BT_UNSTABLE); 
+                    generate_badges('win-x86', BT_UNSTABLE); 
+                    ?>
+                </article>
+            </div>            
+        </div>
+        <?php generate_sidebar(); ?>
+    </div>
+    <?php generate_sitemap(); ?>
+</body>
