mobile/android/focus-android/app/src/main/res/raw/about.html

   1 <!DOCTYPE html>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   4    - You can obtain one at http://mozilla.org/MPL/2.0/.  -->
   5 <head>
   6   <meta
   7     name="viewport"
   8     charset="utf-8"
   9     content="width=device-width, initial-scale=1"
  10   />
  11   <style>
  12     body,
  13     html {
  14       background: #221f1f;
  15       color: #ffffff;
  16       font-family: sans-serif;
  17       line-height: 24px;
  18       font-size: 14px;
  19     }
  20
  21     body {
  22       padding-left: 24px;
  23       padding-right: 24px;
  24       margin-left: 0px;
  25       margin-right: 0px;
  26     }
  27
  28     a {
  29       color: #0a9af4;
  30     }
  31
  32     /* Make only about page links ("learn more") white */
  33     .about a {
  34       color: #ffffff;
  35     }
  36
  37     p.subtitle {
  38       text-align: center;
  39       opacity: 0.7;
  40       margin: 0;
  41     }
  42
  43     img#wordmark {
  44       /* We need to set the dp size here, because by default webview assumes the image is not
  45     density specific (but since it's an android resource, we get a density specific version). */
  46       width: 180px;
  47       display: block;
  48       margin-left: auto;
  49       margin-right: auto;
  50       padding-top: 24px;
  51     }
  52   </style>
  53 </head>
  54 <html>
  55   <body class="about" dir="%dir%">
  56     <img src="%wordmark%" id="wordmark" />
  57     <p class="subtitle">%about-version%</p>
  58     %about-content%
  59   </body>
  60 </html>