HTML frontend: background images
authorChristian Weiske <cweiske@cweiske.de>
Mon, 11 May 2020 21:57:43 +0000 (23:57 +0200)
committerChristian Weiske <cweiske@cweiske.de>
Mon, 11 May 2020 21:57:43 +0000 (23:57 +0200)
data/templates/discover.tpl.php
data/templates/game.tpl.php
www/bg.jpg [new file with mode: 0644]
www/bg_details.jpg [new file with mode: 0644]
www/ouya-discover.css
www/ouya-game.css

index 3376697..207e900 100644 (file)
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+  <meta charset="utf-8"/>
   <title>OUYA: <?= htmlspecialchars($title); ?></title>
   <meta name="generator" content="stouyapi"/>
   <link rel="stylesheet" type="text/css" href="../ouya-discover.css"/>
index 6cfc2a1..d9e8113 100644 (file)
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
+  <meta charset="utf-8"/>
   <title><?= htmlspecialchars($json->title); ?> - OUYA game</title>
   <meta name="generator" content="stouyapi"/>
   <link rel="stylesheet" type="text/css" href="../ouya-game.css"/>
diff --git a/www/bg.jpg b/www/bg.jpg
new file mode 100644 (file)
index 0000000..be8f858
Binary files /dev/null and b/www/bg.jpg differ
diff --git a/www/bg_details.jpg b/www/bg_details.jpg
new file mode 100644 (file)
index 0000000..ae20fa8
Binary files /dev/null and b/www/bg_details.jpg differ
index 3624e40..26fd083 100644 (file)
@@ -1,5 +1,8 @@
 body {
     background-color: #333;
+    background-image: url("bg.jpg");
+    background-size: 100vw auto;
+    background-attachment: fixed;
     color: #CCC;
     font-family: sans;
     margin: 0;
index eb2738d..718c3e1 100644 (file)
@@ -1,5 +1,7 @@
 body {
     background-color: #333;
+    background-image: url("bg_details.jpg");
+    background-size: cover;
     color: #CCC;
     font-family: sans;
     margin: 0;