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 3376697f75e6b7008b44fa05e8654ddcdd1d14c9..207e900c9120b2d1582396e259a3bcf27fb1f233 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 6cfc2a1c20cdbd954b814a14e513958cd7401e8e..d9e8113ea656c95396ed9e3dd690895dd214f738 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 3624e40fa131bf84f6fa937fa6d93bae7f80d7a5..26fd0832be170e89913ed8b388587d0fae118839 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 eb2738d9e01fcac9cdb7d967ba9f7f32ca131a98..718c3e12aea55f89e397b153c3c669259e5c76d9 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;