-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (50 loc) · 6.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RNBootSplashExample</title>
<style>
/* https://necolas.github.io/react-native-web/docs/setup/#root-element */
/* These styles make the body full-height */
html,
body {
height: 100%;
}
/* These styles disable body scrolling if you are using <ScrollView> */
body {
overflow: hidden;
}
/* These styles make the root element full-height */
#root {
display: flex;
height: 100%;
}
</style>
<style id="bootsplash-style">
#bootsplash {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background-color: #f5fcff;
}
#bootsplash-logo {
content: url("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIKICB2aWV3Qm94PSIwIDAgMjU2IDIyOCIKPgogIDxwYXRoCiAgICBkPSJNMjEwLjQ4MyA3My44MjRhMTcxLjQ5IDE3MS40OSAwIDAgMC04LjI0LTIuNTk3Yy40NjUtMS45Ljg5My0zLjc3NyAxLjI3My01LjYyMSA2LjIzOC0zMC4yODEgMi4xNi01NC42NzYtMTEuNzY5LTYyLjcwOC0xMy4zNTUtNy43LTM1LjE5Ni4zMjktNTcuMjU0IDE5LjUyNmExNzEuMjMgMTcxLjIzIDAgMCAwLTYuMzc1IDUuODQ4IDE1NS44NjYgMTU1Ljg2NiAwIDAgMC00LjI0MS0zLjkxN0MxMDAuNzU5IDMuODI5IDc3LjU4Ny00LjgyMiA2My42NzMgMy4yMzMgNTAuMzMgMTAuOTU3IDQ2LjM3OSAzMy44OSA1MS45OTUgNjIuNTg4YTE3MC45NzQgMTcwLjk3NCAwIDAgMCAxLjg5MiA4LjQ4Yy0zLjI4LjkzMi02LjQ0NSAxLjkyNC05LjQ3NCAyLjk4QzE3LjMwOSA4My40OTggMCA5OC4zMDcgMCAxMTMuNjY4YzAgMTUuODY1IDE4LjU4MiAzMS43NzggNDYuODEyIDQxLjQyN2ExNDUuNTIgMTQ1LjUyIDAgMCAwIDYuOTIxIDIuMTY1IDE2Ny40NjcgMTY3LjQ2NyAwIDAgMC0yLjAxIDkuMTM4Yy01LjM1NCAyOC4yLTEuMTczIDUwLjU5MSAxMi4xMzQgNTguMjY2IDEzLjc0NCA3LjkyNiAzNi44MTItLjIyIDU5LjI3My0xOS44NTVhMTQ1LjU2NyAxNDUuNTY3IDAgMCAwIDUuMzQyLTQuOTIzIDE2OC4wNjQgMTY4LjA2NCAwIDAgMCA2LjkyIDYuMzE0YzIxLjc1OCAxOC43MjIgNDMuMjQ2IDI2LjI4MiA1Ni41NCAxOC41ODYgMTMuNzMxLTcuOTQ5IDE4LjE5NC0zMi4wMDMgMTIuNC02MS4yNjhhMTQ1LjAxNiAxNDUuMDE2IDAgMCAwLTEuNTM1LTYuODQyYzEuNjItLjQ4IDMuMjEtLjk3NCA0Ljc2LTEuNDg4IDI5LjM0OC05LjcyMyA0OC40NDMtMjUuNDQzIDQ4LjQ0My00MS41MiAwLTE1LjQxNy0xNy44NjgtMzAuMzI2LTQ1LjUxNy0zOS44NDRabS02LjM2NSA3MC45ODRjLTEuNC40NjMtMi44MzYuOTEtNC4zIDEuMzQ1LTMuMjQtMTAuMjU3LTcuNjEyLTIxLjE2My0xMi45NjMtMzIuNDMyIDUuMTA2LTExIDkuMzEtMjEuNzY3IDEyLjQ1OS0zMS45NTcgMi42MTkuNzU4IDUuMTYgMS41NTcgNy42MSAyLjQgMjMuNjkgOC4xNTYgMzguMTQgMjAuMjEzIDM4LjE0IDI5LjUwNCAwIDkuODk2LTE1LjYwNiAyMi43NDMtNDAuOTQ2IDMxLjE0Wm0tMTAuNTE0IDIwLjgzNGMyLjU2MiAxMi45NCAyLjkyNyAyNC42NCAxLjIzIDMzLjc4Ny0xLjUyNCA4LjIxOS00LjU5IDEzLjY5OC04LjM4MiAxNS44OTMtOC4wNjcgNC42Ny0yNS4zMi0xLjQtNDMuOTI3LTE3LjQxMmExNTYuNzI2IDE1Ni43MjYgMCAwIDEtNi40MzctNS44N2M3LjIxNC03Ljg4OSAxNC40MjMtMTcuMDYgMjEuNDU5LTI3LjI0NiAxMi4zNzYtMS4wOTggMjQuMDY4LTIuODk0IDM0LjY3MS01LjM0NS41MjIgMi4xMDcuOTg2IDQuMTczIDEuMzg2IDYuMTkzWk04Ny4yNzYgMjE0LjUxNWMtNy44ODIgMi43ODMtMTQuMTYgMi44NjMtMTcuOTU1LjY3NS04LjA3NS00LjY1Ny0xMS40MzItMjIuNjM2LTYuODUzLTQ2Ljc1MmExNTYuOTIzIDE1Ni45MjMgMCAwIDEgMS44NjktOC40OTljMTAuNDg2IDIuMzIgMjIuMDkzIDMuOTg4IDM0LjQ5OCA0Ljk5NCA3LjA4NCA5Ljk2NyAxNC41MDEgMTkuMTI4IDIxLjk3NiAyNy4xNWExMzQuNjY4IDEzNC42NjggMCAwIDEtNC44NzcgNC40OTJjLTkuOTMzIDguNjgyLTE5Ljg4NiAxNC44NDItMjguNjU4IDE3Ljk0Wk01MC4zNSAxNDQuNzQ3Yy0xMi40ODMtNC4yNjctMjIuNzkyLTkuODEyLTI5Ljg1OC0xNS44NjMtNi4zNS01LjQzNy05LjU1NS0xMC44MzYtOS41NTUtMTUuMjE2IDAtOS4zMjIgMTMuODk3LTIxLjIxMiAzNy4wNzYtMjkuMjkzIDIuODEzLS45OCA1Ljc1Ny0xLjkwNSA4LjgxMi0yLjc3MyAzLjIwNCAxMC40MiA3LjQwNiAyMS4zMTUgMTIuNDc3IDMyLjMzMi01LjEzNyAxMS4xOC05LjM5OSAyMi4yNDktMTIuNjM0IDMyLjc5MmExMzQuNzE4IDEzNC43MTggMCAwIDEtNi4zMTgtMS45NzlabTEyLjM3OC04NC4yNmMtNC44MTEtMjQuNTg3LTEuNjE2LTQzLjEzNCA2LjQyNS00Ny43ODkgOC41NjQtNC45NTggMjcuNTAyIDIuMTExIDQ3LjQ2MyAxOS44MzVhMTQ0LjMxOCAxNDQuMzE4IDAgMCAxIDMuODQxIDMuNTQ1Yy03LjQzOCA3Ljk4Ny0xNC43ODcgMTcuMDgtMjEuODA4IDI2Ljk4OC0xMi4wNCAxLjExNi0yMy41NjUgMi45MDgtMzQuMTYxIDUuMzA5YTE2MC4zNDIgMTYwLjM0MiAwIDAgMS0xLjc2LTcuODg3Wm0xMTAuNDI3IDI3LjI2OGEzNDcuOCAzNDcuOCAwIDAgMC03Ljc4NS0xMi44MDNjOC4xNjggMS4wMzMgMTUuOTk0IDIuNDA0IDIzLjM0MyA0LjA4LTIuMjA2IDcuMDcyLTQuOTU2IDE0LjQ2NS04LjE5MyAyMi4wNDVhMzgxLjE1MSAzODEuMTUxIDAgMCAwLTcuMzY1LTEzLjMyMlptLTQ1LjAzMi00My44NjFjNS4wNDQgNS40NjUgMTAuMDk2IDExLjU2NiAxNS4wNjUgMTguMTg2YTMyMi4wNCAzMjIuMDQgMCAwIDAtMzAuMjU3LS4wMDZjNC45NzQtNi41NTkgMTAuMDY5LTEyLjY1MiAxNS4xOTItMTguMThaTTgyLjgwMiA4Ny44M2EzMjMuMTY3IDMyMy4xNjcgMCAwIDAtNy4yMjcgMTMuMjM4Yy0zLjE4NC03LjU1My01LjkwOS0xNC45OC04LjEzNC0yMi4xNTIgNy4zMDQtMS42MzQgMTUuMDkzLTIuOTcgMjMuMjA5LTMuOTg0YTMyMS41MjQgMzIxLjUyNCAwIDAgMC03Ljg0OCAxMi44OTdabTguMDgxIDY1LjM1MmMtOC4zODUtLjkzNi0xNi4yOTEtMi4yMDMtMjMuNTkzLTMuNzkzIDIuMjYtNy4zIDUuMDQ1LTE0Ljg4NSA4LjI5OC0yMi42YTMyMS4xODcgMzIxLjE4NyAwIDAgMCA3LjI1NyAxMy4yNDZjMi41OTQgNC40OCA1LjI4IDguODY4IDguMDM4IDEzLjE0N1ptMzcuNTQyIDMxLjAzYy01LjE4NC01LjU5Mi0xMC4zNTQtMTEuNzc5LTE1LjQwMy0xOC40MzMgNC45MDIuMTkyIDkuODk5LjI5IDE0Ljk3OC4yOSA1LjIxOCAwIDEwLjM3Ni0uMTE3IDE1LjQ1My0uMzQzLTQuOTg1IDYuNzc0LTEwLjAxOCAxMi45Ny0xNS4wMjggMTguNDg2Wm01Mi4xOTgtNTcuODE3YzMuNDIyIDcuOCA2LjMwNiAxNS4zNDUgOC41OTYgMjIuNTItNy40MjIgMS42OTQtMTUuNDM2IDMuMDU4LTIzLjg4IDQuMDcxYTM4Mi40MTcgMzgyLjQxNyAwIDAgMCA3Ljg1OS0xMy4wMjYgMzQ3LjQwMyAzNDcuNDAzIDAgMCAwIDcuNDI1LTEzLjU2NVptLTE2Ljg5OCA4LjEwMWEzNTguNTU3IDM1OC41NTcgMCAwIDEtMTIuMjgxIDE5LjgxNSAzMjkuNCAzMjkuNCAwIDAgMS0yMy40NDQuODIzYy03Ljk2NyAwLTE1LjcxNi0uMjQ4LTIzLjE3OC0uNzMyYTMxMC4yMDIgMzEwLjIwMiAwIDAgMS0xMi41MTMtMTkuODQ2aC4wMDFhMzA3LjQxIDMwNy40MSAwIDAgMS0xMC45MjMtMjAuNjI3IDMxMC4yNzggMzEwLjI3OCAwIDAgMSAxMC44OS0yMC42MzdsLS4wMDEuMDAxYTMwNy4zMTggMzA3LjMxOCAwIDAgMSAxMi40MTMtMTkuNzYxYzcuNjEzLS41NzYgMTUuNDItLjg3NiAyMy4zMS0uODc2SDEyOGM3LjkyNiAwIDE1Ljc0My4zMDMgMjMuMzU0Ljg4M2EzMjkuMzU3IDMyOS4zNTcgMCAwIDEgMTIuMzM1IDE5LjY5NSAzNTguNDg5IDM1OC40ODkgMCAwIDEgMTEuMDM2IDIwLjU0IDMyOS40NzIgMzI5LjQ3MiAwIDAgMS0xMSAyMC43MjJabTIyLjU2LTEyMi4xMjRjOC41NzIgNC45NDQgMTEuOTA2IDI0Ljg4MSA2LjUyIDUxLjAyNi0uMzQ0IDEuNjY4LS43MyAzLjM2Ny0xLjE1IDUuMDktMTAuNjIyLTIuNDUyLTIyLjE1NS00LjI3NS0zNC4yMy01LjQwOC03LjAzNC0xMC4wMTctMTQuMzIzLTE5LjEyNC0yMS42NC0yNy4wMDhhMTYwLjc4OSAxNjAuNzg5IDAgMCAxIDUuODg4LTUuNGMxOC45LTE2LjQ0NyAzNi41NjQtMjIuOTQxIDQ0LjYxMi0xOC4zWk0xMjggOTAuODA4YzEyLjYyNSAwIDIyLjg2IDEwLjIzNSAyMi44NiAyMi44NnMtMTAuMjM1IDIyLjg2LTIyLjg2IDIyLjg2LTIyLjg2LTEwLjIzNS0yMi44Ni0yMi44NiAxMC4yMzUtMjIuODYgMjIuODYtMjIuODZaIgogICAgZmlsbD0iIzAwRDhGRiIKICAvPgo8L3N2Zz4K");
width: 100px;
height: 89px;
}
</style>
</head>
<body>
<div id="root"></div>
<div id="bootsplash">
<div id="bootsplash-logo"></div>
</div>
</body>
</html>