1<!DOCTYPE html> 2<html lang="en" class="html" data-theme="dark"><head> 3 <meta charset="utf-8" /> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 7 8 <title> 9 10 Moonwalk 11 12 </title> 13 14 <!-- Begin Jekyll SEO tag v2.8.0 --> 15<meta name="generator" content="Jekyll v3.10.0" /> 16<meta property="og:title" content="Moonwalk" /> 17<meta name="author" content="Abhinav Saxena" /> 18<meta property="og:locale" content="en_US" /> 19<meta name="description" content="Moonwalk is a fast and elegant Jekyll theme with a clean dark mode. It comes with horizontal list (for navbar and footer), card list (for portfolio), and a generic vertical list. It is very easy to modify in case you want to build over it - please see _layouts/home.html to do that." /> 20<meta property="og:description" content="Moonwalk is a fast and elegant Jekyll theme with a clean dark mode. It comes with horizontal list (for navbar and footer), card list (for portfolio), and a generic vertical list. It is very easy to modify in case you want to build over it - please see _layouts/home.html to do that." /> 21<link rel="canonical" href="https://www.abhinavsaxena.com/moonwalk/" /> 22<meta property="og:url" content="https://www.abhinavsaxena.com/moonwalk/" /> 23<meta property="og:site_name" content="Moonwalk" /> 24<meta property="og:type" content="website" /> 25<meta name="twitter:card" content="summary" /> 26<meta property="twitter:title" content="Moonwalk" /> 27<meta name="twitter:site" content="@abhinav" /> 28<meta name="twitter:creator" content="@Abhinav Saxena" />
29<script type="application/ld+json"> 30{"@context":"https://schema.org","@type":"WebSite","author":{"@type":"Person","name":"Abhinav Saxena"},"description":"Moonwalk is a fast and elegant Jekyll theme with a clean dark mode. It comes with horizontal list (for navbar and footer), card list (for portfolio), and a generic vertical list. It is very easy to modify in case you want to build over it - please see _layouts/home.html to do that.","headline":"Moonwalk","name":"Moonwalk","url":"https://www.abhinavsaxena.com/moonwalk/"}</script>
30 31<!-- End Jekyll SEO tag --> 32 33 <link type="application/atom+xml" rel="alternate" href="https://www.abhinavsaxena.com/moonwalk/feed.xml" title="Moonwalk" /> 34 35 <!-- Favicon --> 36 <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png"> 37 <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png"> 38 <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png"> 39 <link rel="manifest" href="/assets/images/favicon/site.webmanifest"> 40 <link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab.svg" color="#5bbad5"> 41 <link rel="shortcut icon" href="/assets/images/favicon/favicon.ico"> 42 <meta name="msapplication-TileColor" content="#00aba9"> 43 <meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml"> 44 <meta name="theme-color" content="#ffffff"> 45 <!-- Favicon --> 46 47 <link rel="stylesheet" href="/assets/css/main.css" /> 48 49
49<script type="text/javascript"> 50 window.addEventListener('load', themeChange); 51 const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; 52 if (currentTheme) 53 document.documentElement.setAttribute('data-theme', currentTheme); 54 55 function themeChange() { 56 let button = document.querySelector('.theme-toggle'); 57 58 button.addEventListener('click', function (e) { 59 let currentTheme = document.documentElement.getAttribute('data-theme'); 60 if (currentTheme === 'dark') { 61 transition(); 62 document.documentElement.setAttribute('data-theme', 'light'); 63 localStorage.setItem('theme', 'light'); 64 } else { 65 transition(); 66 document.documentElement.setAttribute('data-theme', 'dark'); 67 localStorage.setItem('theme', 'dark'); 68 } 69 }); 70 71 let transition = () => { 72 document.documentElement.classList.add('transition'); 73 window.setTimeout(() => { 74 document.documentElement.classList.remove('transition'); 75 }, 1000); 76 } 77 } 78</script>
78 79 80 81 82<!---- Do not use Production in This ------> 83 <!---- Do not use Production in This, it's only for staging ------> 84 85 <!----For Subscriber ------> 86
86<script type="text/javascript">var subscribersSiteId='67264163-5d9a-45a2-9011-45340797edfc';</script>
86<script type="text/javascript" src="https://cdn.subscribersdemo.com/assets/subscribers.js"></script>
86 87 88 <!----For Hellobar ------> 89
89<script src="https://edge-my.hellobar.com/bf658d18800c2cc74aaa90c6213ff9556d96d22e.js" type="text/javascript" charset="utf-8" async="async"> </script>
89 90 91 <!----chatwoot for support expirent ------> 92
92<script> 93 (function(d,t) { 94 var BASE_URL="https://app.chatwoot.com"; 95 var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; 96 g.src=BASE_URL+"/packs/js/sdk.js"; 97 g.async = true; 98 s.parentNode.insertBefore(g,s); 99 g.onload=function(){ 100 window.chatwootSDK.run({ 101 websiteToken: 't4LC13pU8GWRSXtX6wU3aCTP', 102 baseUrl: BASE_URL 103 }) 104 } 105 })(document,"script"); 106</script>
106 107 108</head> 109<body> 110 <main class="page-content" aria-label="Content"> 111 <div class="w"> 112 <header> 113 114 <ul class="horizontal-list"> 115 116 <li> 117 <a href="about"> 118 about 119 </a> 120 121 </li> 122 123 <li> 124 <a href="blog"> 125 blog 126 </a> 127 128 </li> 129 130 <li> 131 <a href="https://www.abhinav.co"> 132 website 133 </a> 134 135 </li> 136 137</ul> 138 139 <div class="dashed"></div> 140 141 142 <h1>Moonwalk</h1> 143 144 <p>Moonwalk is a fast and elegant Jekyll theme with a clean dark mode. It comes with horizontal list (for navbar and footer), card list (for portfolio), and a generic vertical list. It is very easy to modify in case you want to build over it - please see _layouts/home.html to do that. 145</p> 146 147</header> 148 149 150 151 152 153 <h2>Portfolio</h2> 154 <ul class="horizontal-list"> 155 156 157 <li class="card"> 158 <a href="overview-post"> 159 <span class="header"> 160 Project 1 161 162 163 164 </span> 165 166 <hr /> 167 168 169 <p class="body"> 170 This is an example project, configured in _data/home.yml 171 </p> 172 173 </a> 174 </li> 175 176 177 178 <li class="card"> 179 <a href="overview-post"> 180 <span class="header"> 181 Project 2 182 183 184 185 </span> 186 187 <hr /> 188 189 190 <p class="body"> 191 Projects are shown in card layout 192 </p> 193 194 </a> 195 </li> 196 197 198 199 <li class="card"> 200 <a href="overview-post"> 201 <span class="header"> 202 Project 3 203 204 205 206 </span> 207 208 <hr /> 209 210 211 <p class="body"> 212 You can control visibility from _config.yml file 213 </p> 214 215 </a> 216 </li> 217 218 219 220 <li class="card"> 221 <a href="overview-post"> 222 <span class="header"> 223 Project 4 224 225 226 <mark>WIP</mark> 227 228 229 </span> 230 231 <hr /> 232 233 234 <p class="body"> 235 This project uses highlight markup, configured in _data/home.yml 236 </p> 237 238 </a> 239 </li> 240 241 242 243 <li class="card"> 244 <a href="overview-post"> 245 <span class="header"> 246 Project 5 247 248 249 <mark>WIP</mark> 250 251 252 </span> 253 254 <hr /> 255 256 257 <p class="body"> 258 Moonwalk also has horizontal list (used in header and footer) 259 </p> 260 261 </a> 262 </li> 263 264 265 266 <li class="card"> 267 <a href="overview-post"> 268 <span class="header"> 269 Project 6 270 271 272 273 </span> 274 275 <hr /> 276 277 278 <p class="body"> 279 It also has a scalable vertical list (in case you need it) 280 </p> 281 282 </a> 283 </li> 284 285 286</ul> 287 288 289 290 291 292 293 <h2>Blog</h2> 294 295 <ul> 296 297 <li class="post-list-item"> 298 <span class="home-date"> 299 2026-07-20» 300 </span> 301 <a href="/campaigns">Campaigns</a> 302 </li> 303 304 <li class="post-list-item"> 305 <span class="home-date"> 306 2026-06-30» 307 </span> 308 <a href="/forms-surveys">Forms & Surveys</a> 309 </li> 310 311 <li class="post-list-item"> 312 <span class="home-date"> 313 2026-06-10» 314 </span> 315 <a href="/integration-verification">Integration Verification</a> 316 </li> 317 318 <li class="post-list-item"> 319 <span class="home-date"> 320 2026-04-17» 321 </span> 322 <a href="/gamification-popups">Gamification Popups</a> 323 </li> 324 325 <li class="post-list-item"> 326 <span class="home-date"> 327 2026-04-14» 328 </span> 329 <a href="/video-popups">Video Popups</a> 330 </li> 331 332 <li class="post-list-item"> 333 <span class="home-date"> 334 2026-03-17» 335 </span> 336 <a href="/inline-target-url">Inline Target Url</a> 337 </li> 338 339 <li class="post-list-item"> 340 <span class="home-date"> 341 2026-03-10» 342 </span> 343 <a href="/target-url-advance-popup">Target url advance popup</a> 344 </li> 345 346 <li class="post-list-item"> 347 <span class="home-date"> 348 2026-02-06» 349 </span> 350 <a href="/archetype-popups">Archetype Popups</a> 351 </li> 352 353 <li class="post-list-item">
354 <span class="home-date"> 355 2026-01-28» 356 </span> 357 <a href="/html-attribute-test">Mi primer post en español</a> 358 </li> 359 360 <li class="post-list-item"> 361 <span class="home-date"> 362 2025-12-22» 363 </span> 364 <a href="/iframe-test">Iframe Test</a> 365 </li> 366 367 <li class="post-list-item"> 368 <span class="home-date"> 369 2025-11-18» 370 </span> 371 <a href="/tc-foundry-new-templates">Tc Foundry New Templates</a> 372 </li> 373 374 <li class="post-list-item"> 375 <span class="home-date"> 376 2023-08-02» 377 </span> 378 <a href="/lorem-sampl">Lorem Sampl</a> 379 </li> 380 381 <li class="post-list-item"> 382 <span class="home-date"> 383 2021-03-04» 384 </span> 385 <a href="/soopr">Soopr</a> 386 </li> 387 388 <li class="post-list-item"> 389 <span class="home-date"> 390 2021-01-08» 391 </span> 392 <a href="/code">Code</a> 393 </li> 394 395 <li class="post-list-item"> 396 <span class="home-date"> 397 2020-07-09» 398 </span> 399 <a href="/post-example-with-headings-and-toc">Post Example With Headings And Toc</a> 400 </li> 401 402 <li class="post-list-item"> 403 <span class="home-date"> 404 2020-07-08» 405 </span> 406 <a href="/very-very-very-long-title-and-very-very-very-short-content">Very Very Very Long Title And Very Very Very Short Content</a> 407 </li> 408 409 <li class="post-list-item"> 410 <span class="home-date"> 411 2020-07-08» 412 </span> 413 <a href="/language-tests">Language Tests</a> 414 </li> 415 416 <li class="post-list-item"> 417 <span class="home-date"> 418 2020-07-07» 419 </span> 420 <a href="/overview-post">Overview Post</a> 421 </li> 422 423 </ul> 424 425 426 427 428 429 <h2>Old Projects</h2> 430 <ul class="horizontal-list"> 431 432 433 <li class="card"> 434 <a href="https://www.soopr.co"> 435 <span class="header"> 436 Soopr 437 438 439 <mark>NEW</mark> 440 441 442 </span> 443 444 <hr /> 445 446 447 <p class="body"> 448 Delight your readers - add beautiful share and like buttons easily to your websites 449 </p> 450 451 </a> 452 </li> 453 454 455 456 <li class="card"> 457 <a href="https://github.com/abhinavs/cookie"> 458 <span class="header"> 459 Cookie 460 461 462 463 </span> 464 465 <hr /> 466 467 468 <p class="body"> 469 An open source landing website with supporting pages and integrated blog 470 </p> 471 472 </a> 473 </li> 474 475 476 477 <li class="card"> 478 <a href="https://github.com/abhinavs/moonwalk"> 479 <span class="header"> 480 Moonwalk 481 482 483 484 </span> 485 486 <hr /> 487 488 489 <p class="body"> 490 A fast and minimalist Jekyll blog theme with clean dark mode 491 </p> 492 493 </a> 494 </li> 495 496 497 498 <li class="card"> 499 <a href="https://www.humangous.co"> 500 <span class="header"> 501 Humangous 502 503 504 505 </span> 506 507 <hr /> 508 509 510 <p class="body"> 511 The better people know you, the better they collaborate 512 </p> 513 514 </a> 515 </li> 516 517 518</ul> 519 520 521 522 523 524 <footer> 525 <div class="dashed"></div> 526 <ul class="horizontal-list"> 527 528 <li> 529 <a href="https://www.abhinav.co"> 530 abhinav's homepage 531 </a> 532 533 </li> 534 535 <li> 536 <a href="https://twitter.com/abhinav"> 537 twitter 538 </a> 539 540 </li> 541 542 <li> 543 <a href="https://github.com/abhinavs"> 544 github 545 </a> 546 547 </li> 548 549 <li> 550 <a href="feed.xml"> 551 feed 552 </a> 553 554 </li> 555 556</ul> 557 558 </footer> 559 560 561 562 <button title="Toggle Theme" class="theme-toggle"> 563 <svg viewBox="0 0 32 32" width="24" height="24" fill="currentcolor"> 564 <circle cx="16" cy="16" r="14" fill="none" stroke="currentcolor" stroke-width="4"></circle> 565 <path d=" 566 M 16 0 567 A 16 16 0 0 0 16 32 568 z"> 569 </path> 570 </svg> 571</button> 572 573 574 <div class="credits">© 2026 Abhinav Saxena 575 576 ⢠577 Powered by <a href="https://www.soopr.co" target="_blank" rel="noreferrer">Soopr</a> 578 579 ⢠580 Theme <a href="https://github.com/abhinavs/moonwalk" target="_blank" rel="noreferrer">Moonwalk</a> 581 </div> 582 </div> 583 </main>
583<script async defer data-soopr-token="" src="https://sdk.soopr.co/soopr.js"></script>
583</body> 584</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.