1<!doctype html> 2<html lang="en"> 3 <meta charset="utf-8"/> 4 <link rel="preconnect" href="https://fonts.googleapis.com"> 5<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 6<link rel="preconnect" href="https://fonts.googleapis.com"> 7<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 8<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Alegreya+Sans:wght@400;700&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 9 <title>Curated Cafes of Kerala</title> 10 11 <style> 12 * { 13 margin: 0; 14 padding: 0; 15 } 16 17 :root { 18 --serif-stack: "Libre Caslon Text", "Big Caslon", serif; 19 --sans-stack: "Alegreya Sans", system-ui; 20 } 21 22 body { 23 24 background: #F9E7C4; 25 color: #5A5543; 26 font-family: "Alegreya Sans", system-ui; 27 font-size: 1rem; 28 line-height: 1.5rem; 29 } 30 31 header#main { 32 33 display: flex; 34 padding: 2rem 0; 35 flex-flow: row; 36 align-items: center; 37 justify-content: center; 38 font-family: var(--serif-stack); 39 padding: 4rem 2rem; 40 max-width: 1080px; 41 flex-wrap: wrap; 42 margin: 0 auto; 43 border-bottom: 1px solid hsla(0,0%,0%,0.05); 44 } 45 46 header#main h1 { 47 48 font-size: 5rem; 49 line-height: 6rem; 50 display: flex; 51 font-weight: 400; 52 box-sizing: border-box; 53 54 } 55 56 header#main a { 57 font-size: 0.75rem; 58 font-family: var(--sans-stack); 59 text-decoration: none; 60 color: #B64C00; 61 62 } 63 64 header#main div { 65 display: flex; 66 align-items: center; 67 flex-wrap: wrap; 68 } 69 70 header#main em { 71 font-size: 1.25rem; 72 line-height: 2rem; 73 font-weight: 200; 74 margin-right: 2rem; 75 } 76 77 nav { 78 display: flex; 79 flex-flow: column; 80 align-items: center; 81 } 82 83 84 85 section header.category { 86 87 background: #FFF5E0; 88 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 89 padding: 1rem; 90 font-size: 1.25rem; 91 text-transform: uppercase; 92 font-weight: bold; 93 94 95 } 96 97 section header.category h2 { 98 max-width: 1080px; 99 margin: 0 auto; 100 font-size: 1.25rem; 101 } 102 103 section header h1 { 104 font-weight: bold; 105 font-size: 3rem; 106 line-height: 4rem; 107 font-family: var(--serif-stack); 108 } 109 110 section .details { 111 display: flex; 112 flex-flow: column; 113 align-items: flex-start; 114 padding: 2rem; 115 } 116 117 .spot { 118 display: flex; 119 align-items: center; 120 justify-content: center; 121 justify-items: flex-start; 122 align-content: center; 123 flex-wrap: wrap; 124 padding: 1rem; 125 box-sizing: border-box; 126 background: hsla(40, 12%, 100%, 0.05); 127 max-width: 1080px; 128 margin: 0 auto; 129 font-size: 1.5rem; 130 131 } 132 133 .spot h1 { 134 font-family: var(--serif-stack); 135 font-weight: 200; 136 } 137 138 .spot ul { 139 list-style: none; 140 display: flex; 141 flex-flow: row; 142 align-items: center; 143 justify-content: center; 144 max-width: 640px; 145 flex-wrap: wrap; 146 } 147 148 .spot ul a { 149 font-weight: bold; 150 text-decoration: none; 151 color: inherit; 152 padding: 0.5rem; 153 } 154 155 .spot ul li { 156 padding: 0.5rem 0; 157 display: inline-flex; 158 flex: 1 0 auto; 159 text-overflow: ellipsis; 160 width: 320px; 161 overflow: hidden; 162 } 163 164 .spot img { 165 display: flex; 166 max-height: 320px; 167 max-width: 320px; 168 } 169 170 .spot .description { 171 font-size: 1rem; 172 line-height: 1.5rem; 173 padding: 2rem 0; 174 } 175 176 footer { 177 178 display: flex; 179 align-items: center; 180 padding: 2rem 4rem; 181 justify-content: space-between; 182 flex-wrap: wrap; 183 184 } 185 186 footer a { 187 font-weight: bold; 188 color: inherit; 189 white-space: nowrap; 190 text-overflow: ellipsis; 191 } 192 193 @media screen and (max-width: 720px) { 194 195 .spot { 196 197 display: grid; 198 199 } 200 201 .spot img { 202 width: 100%; 203 max-width: 100%; 204 object-fit: cover; 205 } 206 207 } 208 209 </style> 210 <nav> 211 <header id="main"> 212 <h1>Cafés of Kerala</h1> 213 <div> 214 <em>Hand picked spots from around Kerala to hangout and enjoy your fresh brew</em> 215 <a href="/">Curated by Makers of Kerala</a> 216 </div> 217 </header> 218 </nav> 219 220 <div id="listing"> 221 222 </div> 223 224 <footer><p>© Makers of Kerala 2018â2023</p><a href="https://instagram.com/makersofkerala">@makersofkerala</a></footer> 225 226
226<script src="/cafes/z.js"></script>
226 227
227<script> 228 229 const cafes_on_radar = [ 230 {title: "Loving Earth", 231 economy: 3, 232 plusCode: "X67Q+FJ Kochi, Kerala", 233 phone: "07907036694", 234 location: "Napier Street, Fort Kochi", 235 social: "lovingearth.fortkochi", 236 image: "img/loving-earth.jpeg", 237 timing: "Everyday: 12â10 PM", 238 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 239 }, 240 {title: "Pandhal Deli & Art Cafe", 241 economy: 3, 242 plusCode: "X68Q+4Q Kochi, Kerala", 243 location: "David Hall, Fort Kochi", 244 social: "@pandhalcafeanddeli", 245 image: "img/pandhal.jpeg", 246 timing: "Everyday: 8:30AM â 9 PM", 247 description: "Pandhal Deli serves pizza and delicacies from within the artistic center of Fort Kochi â David Hall." 248 }, 249 {title: "ViBee", 250 economy: 2, 251 plusCode: "X9V3+F2 Kochi, Kerala", 252 location: "Chittethukara, Kochi", 253 social: "@cafeviibee", 254 image: "img/vibee.jpeg", 255 timing: "Everyday: 12PM â 12 AM", 256 description: "A café with outdoor ambience and musical events" 257 }, 258 {title: "Lila", 259 economy: 3, 260 plusCode: "X68R+5F Kochi, Kerala", 261 location: "Fort Nagar, Kochi", 262 social: "@lilaartcafe", 263 image: "img/lila.jpeg", 264 timing: "Everyday: 11:30AMâ10 PM", 265 description: "Lila has an enchanting ambience combined with exquisite cuisine" 266 }, 267 {title: "Hortus", 268 economy: 3, 269 plusCode: "X74W+RJ Kochi, Kerala", 270 location: "Panampilly Nagar, Kochi", 271 social: "@hortus_malabar", 272 image: "img/hortus.jpeg", 273 timing: "Everyday: 12-11 PM", 274 description: "Hortus is a premium bar of Avenue Regent" 275 }, 276 /* 277 {title: "à´ â Aah Restaurant", 278 economy: 3, 279 phone: "04842225151", 280 plusCode: "X745+VR Kochi, Kerala", 281 location: "Jew Town, Kochi", 282 social: "@aah_restaurant", 283 image: "img/aah.jpeg", 284 timing: "Everyday: 10 AM â 6:30 PM", 285 description: "Picturesque restaurant in the heart of Fort Kochi" 286 }, 287 */ 288 {title: "RoastTown", 289 economy: 3, 290 plusCode: "28F4+JR Kochi, Kerala", 291 location: "Edapally, Kochi", 292 social: "@roasttown_global", 293 image: "img/roasttown.jpeg", 294 timing: "Everyday: 12 AM â 11 PM", 295 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 296 }, 297 /* 298 {title: "Fattoush", 299 economy: 3, 300 plusCode: "https://plus.codes/X67Q+FJ Kochi, Kerala", 301 location: "Napier Street, Fort Kochi", 302 social: "@lovingearth.fortkochi", 303 image: "img/loving-earth.jpeg", 304 timing: "Everyday: 12â10 PM", 305 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 306 } 307 */ 308 ]; 309 310 const chosen_cafes = [ 311 {title: "French Toast", 312 economy: 3, 313 plusCode: "X68R+Q5 Kochi, Kerala", 314 location: "St. Francis Church Road, Fort Kochi", 315 social: "@frenchtoastindia", 316 image: "img/french-toast-fort-kochi.jpeg", 317 timing: "Everyday: 9AM - 8:30 PM", 318 description: "French Toast is a charming place which fulfils your mind as well as your belly." 319 }, 320 {title: "Westleys Restocafe", 321 economy: 3, 322 plusCode: "2863+J7 Kochi, Kerala", 323 location: "Mamangalam, Kochi", 324 phone: "07356111146", 325 social: "@westleysrestocafe", 326 image: "img/westleys.jpeg", 327 timing: "Everyday: 11 AM â 11 PM", 328 description: "Westleys serves some of the most finger licking good food." 329 }, 330 {title: "Cocoa Tree", 331 economy: 3,
332 plusCode: "X74W+RP Kochi, Kerala", 333 location: "Panampilly Nagar, Kochi", 334 social: "_cocoatree", 335 phone: "09745688855", 336 image: "img/cocoatree.jpeg", 337 timing: "Everyday: 11 AM â 11 PM", 338 description: "Cocoa Tree is a cozy hangout in Panampilly." 339 }, 340 /* 341 {title: "Cafe Papaya", 342 economy: 3, 343 plusCode: "https://plus.codes/X67Q+FJ Kochi, Kerala", 344 location: "Napier Street, Fort Kochi", 345 social: "@lovingearth.fortkochi", 346 image: "img/loving-earth.jpeg", 347 timing: "Everyday: 12â10 PM", 348 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 349 }, 350 {title: "Kaashi Art Cafe", 351 economy: 3, 352 plusCode: "https://plus.codes/X67Q+FJ Kochi, Kerala", 353 location: "Napier Street, Fort Kochi", 354 social: "@lovingearth.fortkochi", 355 image: "img/loving-earth.jpeg", 356 timing: "Everyday: 12â10 PM", 357 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 358 }, 359 {title: "Tonico", 360 economy: 3, 361 plusCode: "https://plus.codes/X67Q+FJ Kochi, Kerala", 362 location: "Napier Street, Fort Kochi", 363 social: "@lovingearth.fortkochi", 364 image: "img/loving-earth.jpeg", 365 timing: "Everyday: 12â10 PM", 366 description: "Loving Earth is a women owned vegan café based in Fort Kochi" 367 } 368 */ 369 ]; 370 371 const other_options = [ 372 {title: "BeyondBurg Inc", 373 economy: 2, 374 plusCode: "2857+C3 Kochi, Kerala", 375 location: "PÄlarivattom", 376 social: "@beyondburginc", 377 image: "img/beyond-burg.webp", 378 timing: "Everyday: 8PM â 2AM", 379 description: "BeyondBurg is one of the finest place to grab burgers in Kochi." 380 }, 381 /* 382 {title: "Hakuna Matata", 383 economy: 3, 384 plusCode: "", 385location: "", 386social: "", 387image: "", 388 timing: "", 389 description: ""}, 390 {title: "Edam Art Café", 391 economy: 2, 392 phone: "04844871551", 393 plusCode: "X76W+73 Kochi, Kerala", 394 location: "Panampilly Nagar, Kochi", 395 social: "@edam_art_cafe", 396 image: "edam", 397 timing: "Everyday: 8AM â 2AM", 398 description: "Edam is an art café in Panampilly Nagar"} 399 */ 400 ]; 401 402 const section = ({title, items}) => { 403 return ["section", ["div.contents", ["header.category", ["h2", title]], ...items.map(x => spot(x))]]; 404 } 405 const spot = (item) => { 406 407 let {title, image, description} = item; 408 409 return ["section.spot", 410 ["img", {src: image, alt: "Image for " + title}], 411 ["div.details", ["header", ["h1", title]], 412 ["ul.coordinates", 413 ["li.location", ["a", {href: "https://google.com/maps/dir//" + encodeURIComponent(item.plusCode)}, "ð" + item.location]], 414 item.ratings ? ["li.ratings", item.ratings] : "", 415 ["li.economy", [...new Array(item.economy)].map(x => "ðµ").join("")], 416 item.social ? ["li.social", ["a", {href: "https://instagram.com/" + item.social}, "Instagram"]] : "", 417 item.phone ? ["li.phone", ["a", {href: "tel://" + item.phone}, "ð" + item.phone]] : "", 418 item.taste ? ["li.taste", item.taste] : "", 419 item.timing ? ["li.timing","â³ " + item.timing] : ""], 420 ["p.description", description]] 421 422 ]; 423 424 } 425 426 window.onload = () => { 427 428 z.render("#listing", ["div.sections", section({title: "Editorâs Pick", items: chosen_cafes}), 429 section({title: "On Radar", items: cafes_on_radar}), 430 section({title: "Other Options", items: other_options})]); 431 432 } 433 434 </script>
434 435 436</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.