The moon eclipse of 2024 is set to be a total lunar eclipse, where the Earth's shadow completely covers the moon, giving it a reddish-orange color known as a "blood moon." The eclipse will be visible from North and South America, as well as parts of Europe and Africa. It is expected to occur on May 16-17, 2024, and will be visible to the naked eye, weather permitting. This celestial event is sure to be a spectacular sight for skywatchers and astronomy enthusiasts.
A meta tag in HTML is used to provide metadata about the HTML document. It includes information such as the document's title, character set, author, description, and keywords. Meta tags are placed within the head section of the HTML document and are not visible to the users visiting the website, but they are used by search engines and web crawlers to understand and categorize the content of the page. Here is an example of a meta tag:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Your website description here">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Your Website Title</title>
</head>
<body>
<!-- Your website content here -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Your website description here">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Your Website Title</title>
</head>
<body>
<!-- Your website content here -->
</body>
</html>
Html codes
Create checkers game 3d html full code
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">Checkers Game 3Dbody {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
}
canvas {
border: 1px solid #000;
}const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const cellSize = 100;
const boardSize = 8;
const circleRadius = 40;
const board = [];
let selectedPiece = null;
function drawBoard() {
for (let i = 0; i < boardSize; i++) {
for (let j = 0; j < boardSize; j++) {
const x = j * cellSize;
const y = i * cellSize;
if ((i + j) % 2 === 0) {
ctx.fillStyle = '#f0d9b5';
} else {
ctx.fillStyle = '#b58863';
}
ctx.fillRect(x, y, cellSize, cellSize);
}
}
}
function drawPieces() {
for (let i = 0; i < boardSize; i++) {
for (let j = 0; j < boardSize; j++) {
const piece = board[i][j];
if (piece === 'b' || piece === 'B') {
ctx.fillStyle = '#000';
ctx.beginPath();
ctx.arc(j * cellSize + cellSize / 2, i * cellSize + cellSize / 2, circleRadius, 0, 2 * Math.PI);
ctx.fill();
} else if (piece === 'w' || piece === 'W') {
ctx.fillStyle = '#fff';
ctx.beginPath();
ctx.arc(j * cellSize + cellSize / 2, i * cellSize + cellSize / 2, circleRadius, 0, 2 * Math.PI);
ctx.fill();
}
}
}
}
function handleMouseDown(e) {
const { offsetX, offsetY } = e;
const row = Math.floor(offsetY / cellSize);
const col = Math.floor(offsetX / cellSize);
if (board[row][col] !== '') {
selectedPiece = { row, col };
}
}
function handleMouseUp(e) {
if (selectedPiece) {
const { offsetX, offsetY } = e;
const row = Math.floor(offsetY / cellSize);
const col = Math.floor(offsetX / cellSize);
movePiece(selectedPiece, { row, col });
selectedPiece = null;
}
}
function movePiece(from, to) {
const { row: fromRow, col: fromCol } = from;
const { row: toRow, col: toCol } = to;
// logic for moving the piece
// update the board array
// check for captures
// check for promotion to king
// redraw the board
}
function initBoard() {
for (let i = 0; i < boardSize; i++) {
board.push([]);
for (let j = 0; j < boardSize; j++) {
if ((i + j) % 2 === 0) {
if (i < 3) {
board[i][j] = 'b';
} else if (i > boardSize - 4) {
board[i][j] = 'w';
} else {
board[i][j] = '';
}
} else {
board[i][j] = '';
}
}
}
}
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBoard();
drawPieces();
}
function gameLoop() {
draw();
requestAnimationFrame(gameLoop);
}
canvas.addEventListener('mousedown', handleMouseDown);
canvas.addEventListener('mouseup', handleMouseUp);
initBoard();
gameLoop();
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
}
canvas {
border: 1px solid #000;
}const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const cellSize = 100;
const boardSize = 8;
const circleRadius = 40;
const board = [];
let selectedPiece = null;
function drawBoard() {
for (let i = 0; i < boardSize; i++) {
for (let j = 0; j < boardSize; j++) {
const x = j * cellSize;
const y = i * cellSize;
if ((i + j) % 2 === 0) {
ctx.fillStyle = '#f0d9b5';
} else {
ctx.fillStyle = '#b58863';
}
ctx.fillRect(x, y, cellSize, cellSize);
}
}
}
function drawPieces() {
for (let i = 0; i < boardSize; i++) {
for (let j = 0; j < boardSize; j++) {
const piece = board[i][j];
if (piece === 'b' || piece === 'B') {
ctx.fillStyle = '#000';
ctx.beginPath();
ctx.arc(j * cellSize + cellSize / 2, i * cellSize + cellSize / 2, circleRadius, 0, 2 * Math.PI);
ctx.fill();
} else if (piece === 'w' || piece === 'W') {
ctx.fillStyle = '#fff';
ctx.beginPath();
ctx.arc(j * cellSize + cellSize / 2, i * cellSize + cellSize / 2, circleRadius, 0, 2 * Math.PI);
ctx.fill();
}
}
}
}
function handleMouseDown(e) {
const { offsetX, offsetY } = e;
const row = Math.floor(offsetY / cellSize);
const col = Math.floor(offsetX / cellSize);
if (board[row][col] !== '') {
selectedPiece = { row, col };
}
}
function handleMouseUp(e) {
if (selectedPiece) {
const { offsetX, offsetY } = e;
const row = Math.floor(offsetY / cellSize);
const col = Math.floor(offsetX / cellSize);
movePiece(selectedPiece, { row, col });
selectedPiece = null;
}
}
function movePiece(from, to) {
const { row: fromRow, col: fromCol } = from;
const { row: toRow, col: toCol } = to;
// logic for moving the piece
// update the board array
// check for captures
// check for promotion to king
// redraw the board
}
function initBoard() {
for (let i = 0; i < boardSize; i++) {
board.push([]);
for (let j = 0; j < boardSize; j++) {
if ((i + j) % 2 === 0) {
if (i < 3) {
board[i][j] = 'b';
} else if (i > boardSize - 4) {
board[i][j] = 'w';
} else {
board[i][j] = '';
}
} else {
board[i][j] = '';
}
}
}
}
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBoard();
drawPieces();
}
function gameLoop() {
draw();
requestAnimationFrame(gameLoop);
}
canvas.addEventListener('mousedown', handleMouseDown);
canvas.addEventListener('mouseup', handleMouseUp);
initBoard();
gameLoop();
Html codes via @vid
YouTube
Build a Simple Weather App with HTML CSS and JavaScript | Beginner Tutorial
Build a Simple Weather App with HTML CSS and JavaScript | Beginner Tutorial
Hey coding enthusiasts! 🚀 Join me in this exciting tutorial as we build a Simple Weather App using HTML, CSS, and JavaScript! Whether you're a beginner or looking to enhance your…
Hey coding enthusiasts! 🚀 Join me in this exciting tutorial as we build a Simple Weather App using HTML, CSS, and JavaScript! Whether you're a beginner or looking to enhance your…
OpenAI has introduced Voice Engine, a breakthrough model that can create realistic and emotive voices from just a 15-second audio sample.
This innovation has the potential to greatly expand capabilities in education, translation, and healthcare by providing natural-sounding speech.
OpenAI is also prioritizing safety and ethical considerations, carefully managing the technology's deployment to prevent misuse
This innovation has the potential to greatly expand capabilities in education, translation, and healthcare by providing natural-sounding speech.
OpenAI is also prioritizing safety and ethical considerations, carefully managing the technology's deployment to prevent misuse
Html codes via @vid
YouTube
Creating Interactive Calendars: HTML, CSS, JavaScript Projects.
links: at bottom 🖇️ 👇 👇 👇 👇
Build Your Own Yearly Calendar with HTML, CSS, and JavaScript! || Create a Dynamic Yearly Calendar Using Web Technologies || Step-by-Step Guide: Making a Calendar with HTML, CSS, and JS || DIY Calendar Project: HTML, CSS, and…
Build Your Own Yearly Calendar with HTML, CSS, and JavaScript! || Create a Dynamic Yearly Calendar Using Web Technologies || Step-by-Step Guide: Making a Calendar with HTML, CSS, and JS || DIY Calendar Project: HTML, CSS, and…
Html codes via @vid
YouTube
2024 AI - 10 things Coming in 2024!
2024 AI - 10 things Coming in 2024!
🔒 Keep Your Digital Life Private and Be Safe Online: https://nordvpn.com/safetyfirst
Curious about the future? Wondering what 2024 holds in store for AI? Join us as we unveil the top 10 things coming in 2024! From groundbreaking…
🔒 Keep Your Digital Life Private and Be Safe Online: https://nordvpn.com/safetyfirst
Curious about the future? Wondering what 2024 holds in store for AI? Join us as we unveil the top 10 things coming in 2024! From groundbreaking…
Html codes via @vid
YouTube
The Creepiest And Most Unexplained Things That Are Shaking The Internet
From creepy encounters in the woods , mysterious and strange sightings to unexplained phenomena caught on camera in this video I will analyze the creepiest and most unexplained things that are shaking the internet. Welcome to the Impossible channel where…
Html codes via @vid
YouTube
10 WEIRD ANIMALS That Will Give You Chills
Get ready to see these rare animals, since they will all give you chills. These animals are super weird, and you won't believe really exist.
Here is the list of some of the weirdest animals.
-Myanmar snub-nosed monkey
This rare primate was discovered in…
Here is the list of some of the weirdest animals.
-Myanmar snub-nosed monkey
This rare primate was discovered in…
There have been numerous unexplained sightings of animals and plants throughout history, many of which defy scientific explanation. Some of the most mysterious sightings include:
1. The Loch Ness Monster – Sightings of a large, unknown creature in Scotland's Loch Ness have been reported for centuries, but no definitive evidence of its existence has been found.
2. Bigfoot – Also known as Sasquatch, this legendary hominid is said to roam the forests of North America, with numerous reported sightings and alleged evidence such as footprints and hair samples.
3. Chupacabra – A mysterious creature said to inhabit parts of the Americas, with reports of it attacking and killing livestock, leaving behind unexplained puncture wounds.
4. Mothman – A winged, humanoid creature reportedly seen in Point Pleasant, West Virginia, before the collapse of the Silver Bridge in 1967, leading to theories about its connection to the disaster.
5. The Marozi – A cryptid reported to inhabit the forests of East Africa, described as a lion with a spotted coat, which defies traditional zoological classifications.
6. The Ropen – A large, unknown flying creature reportedly seen in Papua New Guinea, described as resembling a pterosaur or a dragon.
7. The Devil's Kettle – A natural phenomenon in Minnesota's Judge C.R. Magney State Park, where a waterfall splits into two separate streams, with one stream disappearing into a pothole and never resurfacing, baffling scientists.
These unexplained sightings continue to capture the imagination of people around the world and inspire ongoing research and investigation into the mysteries of the natural world.
1. The Loch Ness Monster – Sightings of a large, unknown creature in Scotland's Loch Ness have been reported for centuries, but no definitive evidence of its existence has been found.
2. Bigfoot – Also known as Sasquatch, this legendary hominid is said to roam the forests of North America, with numerous reported sightings and alleged evidence such as footprints and hair samples.
3. Chupacabra – A mysterious creature said to inhabit parts of the Americas, with reports of it attacking and killing livestock, leaving behind unexplained puncture wounds.
4. Mothman – A winged, humanoid creature reportedly seen in Point Pleasant, West Virginia, before the collapse of the Silver Bridge in 1967, leading to theories about its connection to the disaster.
5. The Marozi – A cryptid reported to inhabit the forests of East Africa, described as a lion with a spotted coat, which defies traditional zoological classifications.
6. The Ropen – A large, unknown flying creature reportedly seen in Papua New Guinea, described as resembling a pterosaur or a dragon.
7. The Devil's Kettle – A natural phenomenon in Minnesota's Judge C.R. Magney State Park, where a waterfall splits into two separate streams, with one stream disappearing into a pothole and never resurfacing, baffling scientists.
These unexplained sightings continue to capture the imagination of people around the world and inspire ongoing research and investigation into the mysteries of the natural world.