feat: add en/zh README and exampleSite files

16 files changed, 52 insertions, 75 deletions

diff --git a/exampleSite/static/android-chrome-192x192.png b/exampleSite/static/android-chrome-192x192.png
index 418e29f..87ba30b 100644
--- a/exampleSite/static/android-chrome-192x192.png
+++ b/exampleSite/static/android-chrome-192x192.png
diff --git a/exampleSite/static/android-chrome-512x512.png b/exampleSite/static/android-chrome-512x512.png
index 6c16d31..3e52be3 100644
--- a/exampleSite/static/android-chrome-512x512.png
+++ b/exampleSite/static/android-chrome-512x512.png
diff --git a/exampleSite/static/apple-touch-icon.png b/exampleSite/static/apple-touch-icon.png
index 78059c2..26f95ea 100644
--- a/exampleSite/static/apple-touch-icon.png
+++ b/exampleSite/static/apple-touch-icon.png
diff --git a/exampleSite/static/browserconfig.xml b/exampleSite/static/browserconfig.xml
index 249c5c1..a47e5a5 100644
--- a/exampleSite/static/browserconfig.xml
+++ b/exampleSite/static/browserconfig.xml
@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#ffc40d</TileColor>
+            <TileColor>#2d89ef</TileColor>
         </tile>
     </msapplication>
 </browserconfig>
diff --git a/exampleSite/static/cover.png b/exampleSite/static/cover.png
deleted file mode 100644
index 8ea23e3..0000000
--- a/exampleSite/static/cover.png
+++ /dev/null
diff --git a/exampleSite/static/favicon-16x16.png b/exampleSite/static/favicon-16x16.png
index 1131282..0594fcf 100644
--- a/exampleSite/static/favicon-16x16.png
+++ b/exampleSite/static/favicon-16x16.png
diff --git a/exampleSite/static/favicon-32x32.png b/exampleSite/static/favicon-32x32.png
index b3c4891..1d3f09a 100644
--- a/exampleSite/static/favicon-32x32.png
+++ b/exampleSite/static/favicon-32x32.png
diff --git a/exampleSite/static/favicon.ico b/exampleSite/static/favicon.ico
index b941479..5254021 100644
--- a/exampleSite/static/favicon.ico
+++ b/exampleSite/static/favicon.ico
diff --git a/exampleSite/static/images/Apple-Devices-Preview.png b/exampleSite/static/images/Apple-Devices-Preview.png
new file mode 100644
index 0000000..d1bd34c
--- /dev/null
+++ b/exampleSite/static/images/Apple-Devices-Preview.png
diff --git a/exampleSite/static/images/avatar.png b/exampleSite/static/images/avatar.png
new file mode 100644
index 0000000..f8d370d
--- /dev/null
+++ b/exampleSite/static/images/avatar.png
diff --git a/exampleSite/static/images/loading.svg b/exampleSite/static/images/loading.svg
new file mode 100644
index 0000000..075a399
--- /dev/null
+++ b/exampleSite/static/images/loading.svg
@@ -0,0 +1,32 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a">
+            <stop stop-color="#fff" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#fff" stop-opacity=".631" offset="63.146%"/>
+            <stop stop-color="#fff" offset="100%"/>
+        </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g transform="translate(1 1)">
+            <path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="2">
+                <animateTransform
+                    attributeName="transform"
+                    type="rotate"
+                    from="0 18 18"
+                    to="360 18 18"
+                    dur="0.9s"
+                    repeatCount="indefinite" />
+            </path>
+            <circle fill="#fff" cx="36" cy="18" r="1">
+                <animateTransform
+                    attributeName="transform"
+                    type="rotate"
+                    from="0 18 18"
+                    to="360 18 18"
+                    dur="0.9s"
+                    repeatCount="indefinite" />
+            </circle>
+        </g>
+    </g>
+</svg>
diff --git a/exampleSite/static/images/me/avatar.jpeg b/exampleSite/static/images/me/avatar.jpeg
deleted file mode 100644
index 3054fc5..0000000
--- a/exampleSite/static/images/me/avatar.jpeg
+++ /dev/null
diff --git a/exampleSite/static/logo.png b/exampleSite/static/logo.png
index 4a87942..f8d370d 100644
--- a/exampleSite/static/logo.png
+++ b/exampleSite/static/logo.png
diff --git a/exampleSite/static/mstile-150x150.png b/exampleSite/static/mstile-150x150.png
index d26fbd7..0332bbe 100644
--- a/exampleSite/static/mstile-150x150.png
+++ b/exampleSite/static/mstile-150x150.png
diff --git a/exampleSite/static/safari-pinned-tab.svg b/exampleSite/static/safari-pinned-tab.svg
index 592a418..05faebc 100644
--- a/exampleSite/static/safari-pinned-tab.svg
+++ b/exampleSite/static/safari-pinned-tab.svg
@@ -2,82 +2,27 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="640.000000pt" height="640.000000pt" viewBox="0 0 640.000000 640.000000"
+ width="560.000000pt" height="560.000000pt" viewBox="0 0 560.000000 560.000000"
  preserveAspectRatio="xMidYMid meet">
 <metadata>
 Created by potrace 1.11, written by Peter Selinger 2001-2013
 </metadata>
-<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)"
+<g transform="translate(0.000000,560.000000) scale(0.100000,-0.100000)"
 fill="#000000" stroke="none">
-<path d="M2740 6383 c-30 -8 -71 -18 -90 -23 -478 -125 -860 -405 -1136 -835
--233 -364 -342 -823 -304 -1285 20 -249 28 -302 54 -400 14 -52 26 -105 26
--117 0 -12 9 -46 19 -75 10 -29 22 -72 25 -95 8 -56 25 -91 46 -98 25 -8 30
--34 31 -160 1 -197 38 -584 62 -655 8 -25 18 -67 22 -95 3 -27 10 -66 15 -85
-5 -19 16 -66 25 -105 68 -292 196 -651 302 -850 51 -93 134 -217 192 -284 36
--42 72 -83 79 -92 10 -13 6 -29 -22 -92 l-35 -75 -253 -82 c-360 -116 -485
--155 -553 -175 -33 -10 -91 -28 -130 -40 -38 -12 -97 -30 -130 -40 -33 -9 -71
--21 -85 -25 -14 -5 -59 -18 -100 -30 -309 -90 -497 -171 -547 -233 -15 -19
--23 -22 -53 -15 -60 13 -97 0 -133 -46 -53 -67 -67 -108 -67 -196 l0 -80 3200
-0 3200 0 0 72 c0 53 -6 88 -25 134 -32 80 -92 181 -119 199 -27 19 -89 19
--126 0 -28 -15 -33 -13 -141 40 -61 30 -143 67 -183 81 -173 64 -277 101 -516
-185 -356 126 -392 139 -415 150 -11 5 -146 56 -299 114 -153 58 -285 113 -292
-123 -11 14 -3 27 61 97 40 44 98 118 130 165 110 162 245 465 315 710 12 41
-25 85 31 98 5 13 9 32 9 43 0 10 4 27 9 37 12 23 35 116 56 227 9 50 20 104
-26 121 5 17 9 40 9 52 0 12 4 30 10 40 8 15 15 80 40 407 5 61 9 155 9 210 1
-111 7 145 26 145 23 0 36 27 46 97 6 37 15 72 20 78 5 5 9 17 9 27 0 10 5 18
-10 18 6 0 10 16 10 35 0 45 26 173 44 217 8 18 14 52 14 76 1 24 6 78 13 120
-16 100 16 463 0 572 -68 473 -221 800 -535 1143 -204 224 -506 413 -796 498
--234 69 -231 69 -662 68 -309 -1 -405 -4 -448 -16z m-277 -1048 c50 -8 139
--29 197 -46 133 -40 298 -58 540 -58 231 0 403 19 545 58 177 50 312 66 420
-52 187 -26 248 -54 372 -177 79 -77 98 -103 133 -176 91 -194 143 -500 119
--699 -14 -122 -10 -140 50 -224 l36 -49 -1 -131 c0 -75 -8 -168 -17 -219 -10
--49 -17 -90 -17 -92 0 -2 -30 -20 -67 -40 -227 -125 -341 -234 -433 -413 -27
--54 -94 -267 -114 -366 -37 -176 -41 -205 -66 -420 -18 -152 -26 -205 -33
--211 -9 -9 -5 -16 -72 111 -124 236 -151 259 -360 301 -38 8 -106 21 -150 30
--156 31 -233 20 -308 -46 l-37 -32 -44 37 c-82 67 -149 75 -316 39 -36 -8 -96
--21 -135 -29 -187 -38 -239 -73 -311 -212 -94 -180 -107 -203 -115 -203 -11 0
--13 15 -33 180 -9 74 -23 169 -30 210 -28 151 -35 186 -50 250 -8 36 -21 98
--30 138 -21 98 -88 265 -130 328 -19 28 -56 73 -83 100 -53 53 -198 156 -278
-197 -27 14 -58 31 -67 39 -29 22 -52 157 -52 313 -1 150 1 159 61 225 31 34
-37 74 23 166 -12 79 -8 202 10 299 59 314 111 447 222 573 115 129 200 178
-358 205 57 10 176 6 263 -8z m1162 -3117 c155 -47 206 -112 186 -235 -16 -106
--91 -174 -258 -234 -32 -11 -67 -25 -78 -30 -11 -5 -45 -18 -75 -28 -44 -16
--56 -17 -58 -6 -5 20 142 248 201 312 23 25 17 40 -10 28 -21 -9 -15 -8 -124
--30 -124 -24 -457 -12 -507 19 -7 4 -21 4 -33 1 -19 -6 -18 -9 14 -48 89 -111
-177 -253 177 -289 0 -10 -25 -4 -80 19 -57 24 -72 30 -145 57 -152 56 -231
-129 -246 229 -10 63 2 115 38 157 70 83 169 99 613 95 265 -2 345 -5 385 -17z
-m-205 -1377 c0 -6 -4 -13 -10 -16 -5 -3 -19 -36 -30 -73 -18 -56 -20 -81 -15
--152 6 -75 23 -174 41 -236 5 -20 1 -21 -113 -27 -65 -4 -131 -10 -147 -13
-l-28 -7 6 74 c3 41 9 130 12 199 l6 125 -35 68 -36 67 175 0 c102 0 174 -4
-174 -9z"/>
-<path d="M2080 4221 c-67 -10 -122 -27 -169 -54 -51 -30 -143 -98 -139 -103 3
--2 27 7 54 20 89 43 144 57 228 57 100 0 148 -9 318 -61 73 -23 166 -50 205
--61 91 -24 262 -30 286 -10 53 44 -24 93 -208 134 -38 9 -111 25 -162 37 -195
-43 -311 55 -413 41z"/>
-<path d="M4100 4219 c-49 -8 -117 -22 -355 -76 -142 -31 -225 -70 -225 -104 0
--35 29 -44 132 -42 104 3 154 14 376 83 170 52 218 61 318 61 83 0 139 -14
-227 -56 26 -13 47 -20 47 -17 -1 9 -84 72 -133 100 -21 12 -63 29 -93 38 -62
-18 -216 25 -294 13z"/>
-<path d="M2079 3923 c-138 -26 -179 -85 -140 -198 36 -102 130 -178 263 -214
-73 -20 318 -3 403 28 25 9 21 10 -30 5 -108 -11 -115 -9 -83 16 55 42 86 167
-57 222 -10 19 -9 20 16 14 57 -14 139 -76 186 -139 24 -34 28 -36 34 -18 14
-46 -43 128 -131 186 -151 101 -370 138 -575 98z m164 -69 c3 -4 -2 -17 -12
--30 -32 -40 -45 -117 -31 -171 12 -41 70 -113 92 -113 4 0 8 -4 8 -9 0 -14
--121 18 -171 46 -65 35 -115 86 -135 140 -20 52 -14 68 35 96 42 25 200 55
-214 41z m279 -59 c8 -18 8 -29 1 -36 -13 -13 -36 -2 -28 12 4 5 1 9 -5 9 -6 0
--8 5 -4 12 4 6 3 8 -3 5 -6 -4 -16 0 -23 8 -11 13 -8 15 19 15 24 0 34 -6 43
--25z m-233 -204 c7 -5 11 -14 7 -19 -9 -15 -36 -4 -36 14 0 16 9 18 29 5z"/>
-<path d="M4020 3933 c-63 -11 -176 -46 -223 -69 -103 -52 -197 -153 -197 -211
-0 -27 26 -31 34 -5 11 34 84 97 151 131 37 18 69 31 71 28 3 -2 0 -16 -6 -31
--16 -42 -12 -100 9 -149 21 -48 64 -86 54 -47 -4 14 0 20 10 20 24 0 29 -16
-15 -42 -7 -13 -14 -25 -15 -26 -3 -7 -158 21 -167 29 -12 11 -46 12 -46 1 0
--18 169 -50 314 -59 107 -6 182 6 251 40 139 69 227 227 172 310 -23 36 -65
-56 -154 73 -69 13 -215 17 -273 7z m240 -89 c54 -8 121 -36 139 -58 21 -25 0
--83 -49 -139 -47 -53 -147 -107 -198 -107 l-35 0 35 36 c21 20 41 54 48 78 17
-62 -2 134 -25 96 -9 -14 -21 -12 -39 6 -9 8 -20 13 -25 10 -5 -3 -12 10 -15
-29 -4 19 -14 39 -24 45 -13 8 -6 10 30 8 26 -1 51 2 55 5 4 4 19 6 33 3 14 -3
-45 -8 70 -12z"/>
-<path d="M2640 3560 c0 -5 9 -10 21 -10 11 0 17 5 14 10 -3 6 -13 10 -21 10
--8 0 -14 -4 -14 -10z"/>
+<path d="M2445 5384 c-117 -28 -184 -56 -287 -122 -144 -93 -268 -261 -281
+-380 -4 -39 -26 -71 -50 -72 -4 0 -34 -27 -67 -60 -198 -201 -262 -716 -130
+-1061 11 -30 20 -54 20 -55 0 0 -21 -11 -47 -23 -56 -26 -109 -100 -119 -166
+-3 -23 -4 -122 -2 -221 3 -195 7 -208 66 -271 17 -17 48 -39 69 -48 58 -25 68
+-31 68 -41 3 -38 21 -122 42 -189 90 -286 268 -507 525 -652 l68 -38 0 -182 0
+-183 -69 0 c-44 0 -71 4 -73 12 -3 9 -16 9 -54 0 -27 -6 -100 -22 -162 -36
+-312 -70 -521 -184 -738 -400 -212 -213 -330 -428 -395 -719 -16 -68 -22 -142
+-26 -284 l-5 -193 2001 0 2001 0 0 154 c0 436 -144 777 -453 1072 -200 192
+-440 316 -712 369 -49 9 -94 21 -100 25 -17 14 -115 23 -115 11 0 -7 -27 -11
+-70 -11 l-70 0 0 184 c0 175 1 185 20 191 79 25 311 218 398 331 100 130 177
+318 218 532 3 13 12 25 22 28 40 12 88 41 115 69 59 61 62 74 65 281 2 119 -1
+207 -8 232 -17 64 -68 123 -125 146 -28 11 -52 21 -53 22 -2 1 6 15 17 31 24
+32 72 168 92 258 8 37 13 131 13 245 1 161 -2 196 -22 270 -30 113 -100 253
+-162 322 l-50 56 35 52 c100 149 79 382 -43 478 -82 65 -172 67 -317 8 -197
+-80 -279 -82 -550 -11 -163 43 -192 48 -310 50 -87 2 -150 -1 -190 -11z"/>
 </g>
 </svg>
diff --git a/exampleSite/static/site.webmanifest b/exampleSite/static/site.webmanifest
index b20abb7..73497a5 100644
--- a/exampleSite/static/site.webmanifest
+++ b/exampleSite/static/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "LoveIt",
+    "short_name": "LoveIt",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",