Homepage: Added a couple of symbols using a webfont

skyjake · Aug 25, 2017 · 459124e · 459124e
1 parent fcfec29
commit 459124e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/web2/include/template.inc.php b/web2/include/template.inc.php
@@ -209,17 +209,17 @@ function generate_sidebar()
     <ul>
         <li><a href='/talk'>Forums</a></li>
         <li><a href='/support'>Tech support</a></li>
-        <li><a href='http://facebook.com/doomsday.engine'>Facebook page</a></li>
         <li><a href='https://manual.dengine.net/guide/other_ports'>Other ports</a></li>            
         <li><a href='https://doomwiki.org/wiki/Entryway' title='DoomWiki.org'>Doom Wiki</a></li>
+        <li><a href='http://facebook.com/doomsday.engine'><span class='websymbol'>f</span> Facebook</a></li>
     </ul>
     <div class='heading'>Development</div>
     <ul>
+        <li><a href='https://github.com/skyjake/Doomsday-Engine.git'><span class='websymbol'>S</span> GitHub</a></li>
         <li><a href='https://tracker.dengine.net/projects/deng'>Bug Tracker</a></li>
         <li><a href='https://tracker.dengine.net/projects/deng/roadmap'>Roadmap</a></li>
         <li><a href='recent_posts'>Blog</a></li>
-        <li><a href='http://twitter.com/@dengteam'>@dengteam</a></li>
-        <li><a href='https://github.com/skyjake/Doomsday-Engine.git'>GitHub</a></li>
+        <li><a href='http://twitter.com/@dengteam'><span class='websymbol'>t</span> @dengteam</a></li>
     </ul>
     <div class='heading'><a href='donate' title='Donate to support the Doomsday Engine Project'>Donate &#9825;</a></div>
 </div></div>");
@@ -290,7 +290,7 @@ function generate_sitemap()
             if (--$count == 0) break;
         }
         $build_list .= "<li><a href='$site_root/builds'>Autobuilder Index</a></li>\n"
-            ."<li><a href='http://api.dengine.net/1/builds?format=feed'>RSS Feed</a></li></ul>\n";
+            ."<li><a href='http://api.dengine.net/1/builds?format=feed'><span class='websymbol'>B</span> RSS Feed</a></li></ul>\n";
 
         cache_echo(
 "<div id='site-map'>
@@ -302,7 +302,7 @@ function generate_sitemap()
         for ($i = 0; $i < $news_count; ++$i) {
             generate_blog_post_cached($news->posts[$i], 'newspost');
         }    
-        cache_echo("<li><a href='http://blog.dengine.net/category/news/feed/atom' title='Doomsday Engine news via RSS'>RSS Feed</a></li>");
+        cache_echo("<li><a href='http://blog.dengine.net/category/news/feed/atom' title='Doomsday Engine news via RSS'><span class='websymbol'>B</span> RSS Feed</a></li>");
 
         cache_echo(
 "            </ul>
@@ -314,7 +314,7 @@ function generate_sitemap()
         for ($i = 0; $i < $dev_count; ++$i) {
             generate_blog_post_cached($dev->posts[$i], 'blogpost');
         }        
-        cache_echo("<li><a href='http://blog.dengine.net/category/dev/feed/atom' title='Doomsday Engine development blog via RSS'>RSS Feed</a></li>");
+        cache_echo("<li><a href='http://blog.dengine.net/category/dev/feed/atom' title='Doomsday Engine development blog via RSS'><span class='websymbol'>B</span> RSS Feed</a></li>");
 
         cache_echo(
 "            </ul></li>

diff --git a/web2/theme/stylesheets/site.css b/web2/theme/stylesheets/site.css
@@ -1,9 +1,10 @@
 @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,700");
-@import url("topbar.css");
-@import url("sitemap.css");
+@import url("https://fontlibrary.org/face/web-symbols");
+@import url("https://dengine.net/theme/stylesheets/topbar.css");
+@import url("https://dengine.net/theme/stylesheets/sitemap.css");
 
 body {
-    background: #282D2B url("../images/site-background0.jpg") no-repeat fixed;
+    background: #282D2B url("https://dengine.net/images/site-background0.jpg") no-repeat fixed;
     background-position: center 100%;
     background-size: 240% 240%;
     font-family: "Source Sans Pro";
@@ -13,12 +14,18 @@ body {
     margin: 0;
 }
 
+.websymbol {
+    font-family: "WebSymbolsRegular";
+    font-weight: normal; 
+    font-style: normal; 
+}
+
 #page-title {
     width: 100%;
     height: 15em;
     text-align: center;
     text-shadow: 0 0 1em black;
-    background: #282D2B url("../images/site-banner0.jpg") no-repeat;
+    background: #282D2B url("https://dengine.net/theme/images/site-banner0.jpg") no-repeat;
     background-size: cover;
     background-position: center;
 }
@@ -91,7 +98,7 @@ body {
     vertical-align: top;
 }
 #welcome .main-logo {
-    background-image: url("../images/deng-logo-512.png");
+    background-image: url("https://dengine.net/theme/images/deng-logo-512.png");
     width: 256px;
     height: 256px;
     background-size: 100% 100%;
@@ -246,7 +253,7 @@ div.block.blog-post {
     color: #eee;
 }
 div.package-badge {
-    background-image: url("../images/package.png");
+    background-image: url("https://dengine.net/theme/images/package.png");
     background-repeat: no-repeat;
     background-size: 32px 32px;    
     background-position: left center;