-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 30.1 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
<head>
<title>openChurch</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" name="format-detection" content="telephone=no"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="preload" href="/_nuxt/a8434b5.js" as="script"><link rel="preload" href="/_nuxt/62b0e93.js" as="script"><link rel="preload" href="/_nuxt/256a7b0.js" as="script"><link rel="preload" href="/_nuxt/a3422c1.js" as="script"><link rel="preload" href="/_nuxt/596f805.js" as="script"><style data-vue-ssr-id="54b08540:0 53f61d5f:0">/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:Graphik,sans-serif;line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,::after,::before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.fixed{position:fixed}.top-0{top:0}.bottom-0{bottom:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mb-5{margin-bottom:1.25rem}.mb-14{margin-bottom:3.5rem}.ml-3{margin-left:.75rem}.flex{display:flex}.table{display:table}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-40{height:10rem}.h-48{height:12rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-48{width:12rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-full{width:100%}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{100%,75%{transform:scale(2);opacity:0}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(229,231,235,var(--tw-divide-opacity))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-gray-50{--tw-border-opacity:1;border-color:rgba(249,250,251,var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgba(224,242,254,var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgba(250,232,255,var(--tw-bg-opacity))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgba(245,158,11,var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgba(254,252,232,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-auto{background-size:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-thin{font-weight:100}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.italic{font-style:italic}.text-gray-50{--tw-text-opacity:1;color:rgba(249,250,251,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(14,165,233,var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity:1;color:rgba(217,70,239,var(--tw-text-opacity))}.text-amber-500{--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}.hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.underline{text-decoration:underline}*,::after,::before{--tw-shadow:0 0 #0000}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}*,::after,::before{--tw-ring-inset:var(--tw-empty, );/*!*//*!*/--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.filter{--tw-blur:var(--tw-empty, );/*!*//*!*/--tw-brightness:var(--tw-empty, );/*!*//*!*/--tw-contrast:var(--tw-empty, );/*!*//*!*/--tw-grayscale:var(--tw-empty, );/*!*//*!*/--tw-hue-rotate:var(--tw-empty, );/*!*//*!*/--tw-invert:var(--tw-empty, );/*!*//*!*/--tw-saturate:var(--tw-empty, );/*!*//*!*/--tw-sepia:var(--tw-empty, );/*!*//*!*/--tw-drop-shadow:var(--tw-empty, );/*!*//*!*/filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-150{transition-duration:150ms}@media (min-width:640px){.sm\:rounded-md{border-radius:.375rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-4{gap:1rem}}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}</style>
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><div class="border-b-2 border-gray-200 h-12 flex justify-center items-center fixed top-0 w-full bg-amber-500"><h1 class="font-normal text-gray-50">Find a Church for you</h1></div> <div class="bg-white overflow-hidden sm:rounded-md mt-10 mb-14"><div class="mx-2 mt-4 shadow flex rounded-md"><input placeholder="Search..." class="w-full rounded p-2"> <button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button></div> <div class="flex"><button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path></svg></button></div> <ul role="list" class="divide-y divide-gray-200"><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Hidden
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Hidden
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://resources.openchurch.com/openchurch-1012112-CC0-matt-mclean-253049-PREVIEW.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
ABC Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Kowloon Tong</span> <span class="mx-2">|</span> <span>English</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
10:00:00 (Eng)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Teens
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div></div></li><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Hong Kong
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Hong Kong
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://resources.openchurch.com/openchurch-1012112-CC0-matt-mclean-253049-PREVIEW.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
CMA Living Stones Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Fanling</span> <span class="mx-2">|</span> <span>Cantonese</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
09:00:00 (粵)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Prayer Meeting
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Summer camp
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Mission Trip
</div></div></li><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Canada
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Ontario
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://www.tccc.ca/wordpress/wp-content/uploads/2020/01/45th-mural-scaled.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
Toronto Christian Community Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Markham</span> <span class="mx-2">|</span> <span>English</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
10:30:00 (Eng)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Teens
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Youth worship
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Prayer Meeting
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Summer camp
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Mission Trip
</div></div></li><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Hidden
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Hidden
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://resources.openchurch.com/openchurch-1012112-CC0-matt-mclean-253049-PREVIEW.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
EFG Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Kowloon Tong</span> <span class="mx-2">|</span> <span>English</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
10:00:00 (Eng)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Teens
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div></div></li><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Hong Kong
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Hong Kong
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://resources.openchurch.com/openchurch-1012112-CC0-matt-mclean-253049-PREVIEW.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
CWB Chinese Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Fanling</span> <span class="mx-2">|</span> <span>Cantonese</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
09:00:00 (粵)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Prayer Meeting
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Summer camp
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Mission Trip
</div></div></li><li class="m-2 rounded-sm shadow-md border-2 border-gray-100"><div class="flex mx-3 my-5px flex-wrap p-1"><div class="m-1 px-2 bg-pink-100 text-pink-500 font-thin py-1 text-sm rounded-lg">
Canada
</div> <div class="m-1 px-2 bg-blue-100 text-blue-500 font-thin py-1 text-sm rounded-lg">
Ontario
</div></div> <div class="flex items-center px-4 pt-2 pb-2 sm:px-6"><div class="min-w-0 flex md:grid md:grid-cols-2 md:gap-4"><div class="flex flex-shrink-0 justify-center items-center"><img src="https://www.tccc.ca/wordpress/wp-content/uploads/2020/01/45th-mural-scaled.jpg" alt class="h-14 w-14 rounded-full"></div> <div class="mx-3"><p class="text-sm font-medium text-indigo-600 truncate">
Kowloon Community Church
</p> <p class="flex items-center text-sm text-gray-500"><span>Markham</span> <span class="mx-2">|</span> <span>English</span></p> <p class="flex items-center text-sm text-gray-500"><span> 6.5km </span></p> <p class="flex items-center text-sm text-gray-500"><span class="mr-2">崇拜時間:</span> <span class="truncate">
Sun
10:30:00 (Eng)
</span></p></div> <hr></div></div> <hr class="mx-4"> <div class="flex mx-2 my-1 flex-wrap p-1"><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Child
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Teens
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Adult
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Youth worship
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Small group
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Prayer Meeting
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Summer camp
</div><div class="m-1 px-2 bg-gray-100 text-gray-500 font-thin py-1 text-sm rounded-lg">
Mission Trip
</div></div></li></ul></div> <div class="border-b-2 border-gray-200 h-12 flex justify-center items-center fixed bottom-0 w-full bg-gray-50"><div class="flex justify-center items-center w-1/4"><button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg></button></div> <div class="flex justify-center items-center w-1/4"><button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button></div> <div class="flex justify-center items-center w-1/4"><button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"></path></svg></button></div> <div class="flex justify-center items-center w-1/4"><button class="bg-white w-auto flex justify-end items-center text-amber-500 p-2 hover:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></button></div></div></div></div></div><script>window.__NUXT__=function(e,a,t,n,i,o,s,m,r,d,l,c,p,g,_,u,h,w,y,k,v,x,C,b,f,A,P,E,M,R,T,B,L,S,K,O,j,F,H,I,N,U,W,Y,z,G,J,V,X,q,D,Q,Z,$,ee,ae,te,ne,ie,oe,se,me,re){return{layout:"default",data:[{}],fetch:{},error:null,state:{churches:[{img_url:g,basic_info:{name:O,lat:_,long:E,phone:c,website:M,email:R,country:o,province:o,city:T,postcode:o,denomination:m,leader:"B",address:B,whatsapp:c,languages:[u,h]},services:[{languages:[w,y],weekday:a,start_time:L,end_time:S,max_people:100,mode:n}],activities:[r,k,d,l],remarks:K},{img_url:g,basic_info:{name:"CMA Living Stones Church",lat:_,long:j,phone:F,website:H,email:I,country:v,province:v,city:N,postcode:e,denomination:m,leader:U,address:W,whatsapp:Y,languages:[x]},services:[{languages:[t],weekday:a,start_time:C,end_time:p,max_people:i,mode:n},{languages:[t],weekday:a,start_time:z,end_time:G,max_people:i,mode:n},{languages:[t],weekday:b,start_time:J,end_time:V,max_people:i,mode:n},{languages:[t],weekday:a,start_time:C,end_time:p,max_people:i,mode:n}],activities:[r,d,l,f,A,P],remarks:e},{img_url:X,basic_info:{name:"Toronto Christian Community Church",lat:q,long:D,phone:Q,website:Z,email:$,country:"Canada",province:ee,city:ae,postcode:te,denomination:m,leader:ne,address:ie,whatsapp:e,languages:[u,x,h]},services:[{languages:[w],weekday:a,start_time:p,end_time:e,max_people:e,mode:s},{languages:[t],weekday:a,start_time:oe,end_time:e,max_people:e,mode:s},{languages:[t],weekday:b,start_time:se,end_time:e,max_people:e,mode:s},{languages:[y],weekday:a,start_time:me,end_time:e,max_people:i,mode:s}],activities:[r,k,d,re,l,f,A,P],remarks:e},{img_url:g,basic_info:{name:"EFG Church",lat:_,long:E,phone:c,website:M,email:R,country:o,province:o,city:T,postcode:o,denomination:m,leader:"B",address:B,whatsapp:c,languages:[u,h]},services:[{languages:[w,y],weekday:a,start_time:L,end_time:S,max_people:100,mode:n}],activities:[r,k,d,l],remarks:K},{img_url:g,basic_info:{name:"CWB Chinese Church",lat:_,long:j,phone:F,website:H,email:I,country:v,province:v,city:N,postcode:e,denomination:m,leader:U,address:W,whatsapp:Y,languages:[x]},services:[{languages:[t],weekday:a,start_time:C,end_time:p,max_people:i,mode:n},{languages:[t],weekday:a,start_time:z,end_time:G,max_people:i,mode:n},{languages:[t],weekday:b,start_time:J,end_time:V,max_people:i,mode:n},{languages:[t],weekday:a,start_time:C,end_time:p,max_people:i,mode:n}],activities:[r,d,l,f,A,P],remarks:e},{img_url:X,basic_info:{name:"Kowloon Community Church",lat:q,long:D,phone:Q,website:Z,email:$,country:"Canada",province:ee,city:ae,postcode:te,denomination:m,leader:ne,address:ie,whatsapp:e,languages:[u,x,h]},services:[{languages:[w],weekday:a,start_time:p,end_time:e,max_people:e,mode:s},{languages:[t],weekday:a,start_time:oe,end_time:e,max_people:e,mode:s},{languages:[t],weekday:b,start_time:se,end_time:e,max_people:e,mode:s},{languages:[y],weekday:a,start_time:me,end_time:e,max_people:i,mode:s}],activities:[r,k,d,re,l,f,A,P],remarks:e}],church:{img_url:g,basic_info:{name:O,lat:_,long:E,phone:c,website:M,email:R,country:o,province:o,city:T,postcode:o,denomination:m,leader:"B",address:B,whatsapp:c,languages:[u,h]},services:[{languages:[w,y],weekday:a,start_time:L,end_time:S,max_people:100,mode:n}],activities:[r,k,d,l],remarks:K}},serverRendered:!0,routePath:"/",config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:null}}}}("","Sun","粵","In Person",50,"Hidden","Online","Evangelical","Child","Adult","Small group","+123475629374","10:30:00","https://resources.openchurch.com/openchurch-1012112-CC0-matt-mclean-253049-PREVIEW.jpg",22.48661464351065,"English","Mandarin","Eng","普","Teens","Hong Kong","Cantonese","09:00:00","Sat","Prayer Meeting","Summer camp","Mission Trip",35.5,"https://www.acbchurch.org","church@abcchurch.org","Kowloon Tong","somewhere in the world","10:00:00","11:30:00","Please contact the church leaders for location","ABC Church",114.14475246187553,"+85226718532","https://cmals.org.hk/","office@cmals.org.hk","Fanling","Leung Tsz Yung","粉嶺一鳴路23號牽晴間6座","+85255362902","11:00:00","12:30:00","17:00:00","18:30:00","https://www.tccc.ca/wordpress/wp-content/uploads/2020/01/45th-mural-scaled.jpg",43.821978571268694,-79.32863676931458,"+19054777533","http://www.tccc.ca/","admin@tccc.ca","Ontario","Markham","L3R 5A2","Rev. Jonathan Chan","100 Acadia Avenue, Markham, ON L3R 5A2","08:15:00","11:15:00","09:40:00","Youth worship")</script><script src="/_nuxt/a8434b5.js" defer></script><script src="/_nuxt/596f805.js" defer></script><script src="/_nuxt/62b0e93.js" defer></script><script src="/_nuxt/256a7b0.js" defer></script><script src="/_nuxt/a3422c1.js" defer></script>
</body>
</html>