Anjanesh Lekshminarayanan anjanesh

Web UI Developer

anjanesh / google-dns.html

Last active August 24, 2024 12:14

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
	</head>
	<body>

	<div class="container mt-5">

anjanesh / get-selected-radio-input-value.html

Created July 30, 2024 06:22

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Cache-control" content="no-cache">
	<title>JavaScript: Get selected radio input's value</title>
	<script src="https://cdn.tailwindcss.com"></script>
	</head>
	<body>
	<div class="flex gap-4 mb-5">

anjanesh / photoswipe-alpinejs.html

Created July 4, 2024 02:25

	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Photoswipe + AlpineJS</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/photoswipe.css" />
	<link rel="stylesheet" href="https://unpkg.com/photoswipe-dynamic-caption-plugin/photoswipe-dynamic-caption-plugin.css">

anjanesh / last-saved-at.html

Created June 25, 2024 08:51

Last Saved At

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Cache-control" content="no-cache">
	<title>Last Saved Date-Time</title>
	<script src="https://unpkg.com/[email protected]/dist/cdn.min.js" defer></script>
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js"></script>
	<script>
	let saveSOFLocally = () =>

anjanesh / select-on-change.html

Created January 19, 2024 04:42

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Cache-control" content="no-cache">
	<title>capture option data on select change</title>
	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
	</head>
	<body>
	<div class="container d-flex flex-column">

anjanesh / alpine-auto-update-variable-method-2.html

Created December 11, 2023 02:35

alpine auto update variable method 2

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>AlpineJS auto update of variable values Method 2</title>
	</head>
	<body>
	<script>
	document.addEventListener('alpine:init', () =>
	{

anjanesh / getter-usd2inr.html

Last active October 18, 2023 01:15

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Getter in Vanilla JS</title>
	<script>
	let rate = undefined;

	const get_usd2inr = async () =>
	{

anjanesh / alpine-auto-update-variable-method-1.html

Created October 17, 2023 00:03

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>AlpineJS auto update of variable values Method 1</title>
	</head>
	<body>
	<script>
	document.addEventListener('alpine:init', () =>
	{

anjanesh / alpine-auto-update-variable.html

Created October 16, 2023 02:31

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>AlpineJS auto update of another variable on variable change</title>
	</head>
	<body>

	<script>
	// Using Vanilla JavaScript

anjanesh / flowbite-modal-arguments.html

Created August 16, 2023 12:27