only-bible-app v3.7.2+24
git clone https://git.pyrossh.dev/only-bible-app
The only bible app you will ever need. No ads. No in-app purchases. No distractions.
web/index.html
| fe24dd6 | 1 | <!DOCTYPE html><html><head> |
| fe24dd6 | 2 | <!-- |
| fe24dd6 | 3 | If you are serving your web app in a path other than the root, change the |
| fe24dd6 | 4 | href value below to reflect the base path you are serving from. |
| fe24dd6 | 5 | |
| fe24dd6 | 6 | The path provided below has to start and end with a slash "/" in order for |
| fe24dd6 | 7 | it to work correctly. |
| fe24dd6 | 8 | |
| fe24dd6 | 9 | For more details: |
| fe24dd6 | 10 | * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base |
| fe24dd6 | 11 | |
| fe24dd6 | 12 | This is a placeholder for base href that will be replaced by the value of |
| fe24dd6 | 13 | the `--base-href` argument provided to `flutter build`. |
| fe24dd6 | 14 | --> |
| fe24dd6 | 15 | <base href="$FLUTTER_BASE_HREF"> |
| fe24dd6 | 16 | |
| fe24dd6 | 17 | <meta charset="UTF-8"> |
| fe24dd6 | 18 | <meta content="IE=Edge" http-equiv="X-UA-Compatible"> |
| fe24dd6 | 19 | <meta name="description" content="A new Flutter project."> |
| fe24dd6 | 20 | |
| fe24dd6 | 21 | <!-- iOS meta tags & icons --> |
| fe24dd6 | 22 | <meta name="mobile-web-app-capable" content="yes"> |
| fe24dd6 | 23 | <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
| fe24dd6 | 24 | <meta name="apple-mobile-web-app-title" content="Only Bible App"> |
| fe24dd6 | 25 | <link rel="apple-touch-icon" href="icons/Icon-192.png"> |
| fe24dd6 | 26 | |
| fe24dd6 | 27 | <!-- Favicon --> |
| fe24dd6 | 28 | <link rel="icon" type="image/png" href="favicon.png"> |
| fe24dd6 | 29 | |
| fe24dd6 | 30 | <title>Only Bible App</title> |
| fe24dd6 | 31 | <link rel="manifest" href="manifest.json"> |
| fe24dd6 | 32 | |
| fe24dd6 | 33 | |
| fe24dd6 | 34 | <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> |
| fe24dd6 | 35 | |
| fe24dd6 | 36 | |
| fe24dd6 | 37 | |
| fe24dd6 | 38 | |
| fe24dd6 | 39 | <style id="splash-screen-style"> |
| fe24dd6 | 40 | html { |
| fe24dd6 | 41 | height: 100% |
| fe24dd6 | 42 | } |
| fe24dd6 | 43 | |
| fe24dd6 | 44 | body { |
| fe24dd6 | 45 | margin: 0; |
| fe24dd6 | 46 | min-height: 100%; |
| fe24dd6 | 47 | background-color: #FFFFFF; |
| fe24dd6 | 48 | background-size: 100% 100%; |
| fe24dd6 | 49 | } |
| fe24dd6 | 50 | |
| fe24dd6 | 51 | .center { |
| fe24dd6 | 52 | margin: 0; |
| fe24dd6 | 53 | position: absolute; |
| fe24dd6 | 54 | top: 50%; |
| fe24dd6 | 55 | left: 50%; |
| fe24dd6 | 56 | -ms-transform: translate(-50%, -50%); |
| fe24dd6 | 57 | transform: translate(-50%, -50%); |
| fe24dd6 | 58 | } |
| fe24dd6 | 59 | |
| fe24dd6 | 60 | .contain { |
| fe24dd6 | 61 | display:block; |
| fe24dd6 | 62 | width:100%; height:100%; |
| fe24dd6 | 63 | object-fit: contain; |
| fe24dd6 | 64 | } |
| fe24dd6 | 65 | |
| fe24dd6 | 66 | .stretch { |
| fe24dd6 | 67 | display:block; |
| fe24dd6 | 68 | width:100%; height:100%; |
| fe24dd6 | 69 | } |
| fe24dd6 | 70 | |
| fe24dd6 | 71 | .cover { |
| fe24dd6 | 72 | display:block; |
| fe24dd6 | 73 | width:100%; height:100%; |
| fe24dd6 | 74 | object-fit: cover; |
| fe24dd6 | 75 | } |
| fe24dd6 | 76 | |
| fe24dd6 | 77 | .bottom { |
| fe24dd6 | 78 | position: absolute; |
| fe24dd6 | 79 | bottom: 0; |
| fe24dd6 | 80 | left: 50%; |
| fe24dd6 | 81 | -ms-transform: translate(-50%, 0); |
| fe24dd6 | 82 | transform: translate(-50%, 0); |
| fe24dd6 | 83 | } |
| fe24dd6 | 84 | |
| fe24dd6 | 85 | .bottomLeft { |
| fe24dd6 | 86 | position: absolute; |
| fe24dd6 | 87 | bottom: 0; |
| fe24dd6 | 88 | left: 0; |
| fe24dd6 | 89 | } |
| fe24dd6 | 90 | |
| fe24dd6 | 91 | .bottomRight { |
| fe24dd6 | 92 | position: absolute; |
| fe24dd6 | 93 | bottom: 0; |
| fe24dd6 | 94 | right: 0; |
| fe24dd6 | 95 | } |
| fe24dd6 | 96 | </style> |
| fe24dd6 | 97 | <script id="splash-screen-script"> |
| fe24dd6 | 98 | function removeSplashFromWeb() { |
| fe24dd6 | 99 | document.getElementById("splash")?.remove(); |
| fe24dd6 | 100 | document.getElementById("splash-branding")?.remove(); |
| fe24dd6 | 101 | document.body.style.background = "transparent"; |
| fe24dd6 | 102 | } |
| fe24dd6 | 103 | </script> |
| fe24dd6 | 104 | </head> |
| fe24dd6 | 105 | <body> |
| fe24dd6 | 106 | <picture id="splash"> |
| fe24dd6 | 107 | <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)"> |
| fe24dd6 | 108 | <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)"> |
| fe24dd6 | 109 | <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt=""> |
| fe24dd6 | 110 | </picture> |
| fe24dd6 | 111 | |
| fe24dd6 | 112 | |
| fe24dd6 | 113 | |
| fe24dd6 | 114 | <!-- |
| fe24dd6 | 115 | You can customize the "flutter_bootstrap.js" script. |
| fe24dd6 | 116 | This is useful to provide a custom configuration to the Flutter loader |
| fe24dd6 | 117 | or to give the user feedback during the initialization process. |
| fe24dd6 | 118 | |
| fe24dd6 | 119 | For more details: |
| fe24dd6 | 120 | * https://docs.flutter.dev/platform-integration/web/initialization |
| fe24dd6 | 121 | --> |
| fe24dd6 | 122 | <script src="assets/packages/flutter_soloud/web/libflutter_soloud_plugin.js" defer=""></script> |
| fe24dd6 | 123 | <script src="assets/packages/flutter_soloud/web/init_module.dart.js" defer=""></script> |
| fe24dd6 | 124 | <script src="flutter_bootstrap.js" defer=""></script> |
| fe24dd6 | 125 | |
| fe24dd6 | 126 | |
| fe24dd6 | 127 | |
| fe24dd6 | 128 | </body></html> |