Flood Control and Water Management: Dams used in hydropower projects can help regulate river flow, prevent floods, and facilitate water management for irrigation and other purposes.

Disadvantages of Hydroenergy:
Environmental Impact: The construction of dams and reservoirs can have significant environmental impacts, including changes to ecosystems, displacement of communities, and alteration of river habitats.

High Initial Costs: Building hydropower infrastructure, especially large dams, can involve substantial upfront costs. However, operating and maintenance costs are generally lower over the long term.

extends CharacterBody2D
 
@export var SPEED : int = 150
@export var JUMP_FORCE : int = 255
@export var GRAVITY : int = 900
 
func _physics_process(delta):
	
	
	var direction = Input.get_axis("Left","Right")
	
	if direction:
		
		velocity.x = SPEED * direction
		
		if is_on_floor():
			
			$AnimatedSprite2D.play("Run")
		
	else:
		
		velocity.x = 0
		
		if is_on_floor():
			
			$AnimatedSprite2D.play("Idle")
	
	# Rotate
	
	if direction == 1:
		$AnimatedSprite2D.flip_h = false
	elif direction == -1:
		$AnimatedSprite2D.flip_h = true
		
	
	# Gravity
	
	if not is_on_floor():
		
		velocity.y += GRAVITY * delta
		
		if velocity.y > 0:
			
			$AnimatedSprite2D.play("Fall")
	
	# Jump
	
	if is_on_floor():
		
		if Input.is_action_just_pressed("Jump"):
			
			velocity.y -= JUMP_FORCE
			$AnimatedSprite2D.play("Jump")
	
	
	move_and_slide()
 

Advantages of Biomass Energy:
Renewable Resource: Biomass is a renewable energy source because the plants and organic materials used for biomass can be replenished over time through natural processes.

Carbon Neutral: While burning biomass releases carbon dioxide (CO2), it is considered carbon neutral because the plants used for biomass absorb CO2 during their growth. This helps maintain a balance in the carbon cycle.

Waste Reduction: Biomass energy often utilizes organic waste materials such as agricultural residues, wood waste, and municipal solid waste. This can help reduce the amount of waste in landfills and contribute to more sustainable waste management practices.

Local Resource Utilization: Biomass can be sourced locally, reducing dependence on imported energy resources and promoting regional energy self-sufficiency.

Versatility: Biomass can be used for various applications, including electricity generation, heat production, and the production of biofuels. This versatility allows for flexibility in meeting different energy needs.

Disadvantages of Biomass Energy:
Greenhouse Gas Emissions: While biomass is considered carbon neutral, burning it for energy still releases greenhouse gases, including CO2. In some cases, the combustion process may also release other pollutants, contributing to air quality issues.

Land Use Impact: Large-scale biomass production may require significant land area, leading to potential competition with food crops or natural habitats. This raises concerns about land-use changes and biodiversity loss.

Limited Efficiency: Biomass energy conversion processes, such as combustion and anaerobic digestion, are not as efficient as some other renewable energy sources. This can result in lower energy yields compared to technologies like wind or solar power.

Resource Availability and Seasonality: Biomass availability can be seasonal, and its production may be influenced by factors such as weather conditions and agricultural practices. This variability can affect the reliability of biomass as a consistent energy source.

Storage and Handling Challenges: Biomass materials often have low energy density and can be bulky. Storage and transportation of biomass can be logistically challenging and may require additional processing to enhance energy density.

Impact on Air Quality: The combustion of biomass can release pollutants such as particulate matter, nitrogen oxides, and volatile organic compounds, which can have adverse effects on air quality and human health.

Competition for Resources: The use of biomass for energy purposes may compete with other essential uses, such as food production or soil improvement through organic matter incorporation.

Technological Requirements: Some biomass energy technologies, such as gasification and pyrolysis, require advanced and sometimes costly equipment for efficient and clean energy conversion.

import { setPreLoadFile } from './vite-plugin-preload'

export default defineConfig(({ mode }) => ({
    plugins: [
        // 设置预加载文件，提升页面首次加载速度（仅开发环境需要）
        mode === 'development' && setPreLoadFile({
            pathList: [ // 需要提前加载的资源目录
                './src/views/',
                './src/components/'
            ],
            preFix: '/cflow' // 项目根路径
        })
    ]
}))

const fs = require('fs')
// 查找文件
function getFiles (e: string) {
    const arr: string[] = []
    const dirents = fs.readdirSync(e, { withFileTypes: true })
    for (const dirent of dirents) {
        if (dirent.isDirectory()) arr.push(...getFiles(e + dirent.name + '/'))
        else {
            arr.push(e + dirent.name)
        }
    }
    return arr
}
// 插入加载文件脚本
export const setPreLoadFile = (options: { pathList: string[], preFix: string } = { pathList: [], preFix: '' }) => {
    if (options.pathList && options.pathList.length) {
        let res: string[] = []
        options.pathList.forEach(path => {
            res = res.concat(getFiles(path))
        })
        let linkStr = `
        <script>
        setTimeout(() => {
            function preLoadSource(url){
                var xhr = new XMLHttpRequest();
                xhr.open('GET', url);
                xhr.onload = function() {
                    if (xhr.status === 200) {
                        console.log('预加载成功');
                    } else {
                        console.error('预加载失败');
                    }
                };
                xhr.send();
            }\n
        `
        res.forEach(item => {
            linkStr += `preLoadSource('${options.preFix + item.substring(1)}')\n`
        })
        linkStr += '})\n</script>'
        return {
            name: 'preload-file',
            transformIndexHtml (dom) {
                return dom.replace('</body>', `${linkStr}</body>`)
            }
        }
    }
}

abstract class A
{
    public abstract void MAIN();
    
}
abstract class AKHIL extends A
{
    @Override
    public void MAIN()
    {
        System.out.println("topper");
    }
    
}
class TANISHQ extends AKHIL
{
    @Override
    public void MAIN()
    {
        System.out.println("loser");
    }
}
class D
{
    public static void main(String[] args)
    {
        TANISHQ r =new TANISHQ();
      
        
        r.MAIN();
        
    }
}

abstract class D {
    public abstract void Developer();
}

class Java extends D {
    @Override
    public void Developer() {
        System.out.println("James");
    }
}

class Html extends D {
    @Override
    public void Developer() {
        System.out.println("Tim");
    }
}

public class S {
    public static void main(String[] args) {
        Java r = new Java();
        Html k = new Html();
        r.Developer();
        k.Developer();
    }
}

abstract class animal
{
    public abstract void sound();
}
class dog extends animal
{
    public void sound()
    {
    System.out.println("dog is barking");
    }
}
class tiger extends animal
{
    public void sound()
    {
    System.out.println("dog is tiger");
        
    }
    
}
class S{
    public static void main(String[] args){
        dog r= new dog();
        tiger k= new tiger();
        
        r.sound();
        k.sound();
    }
}

abstract class A
{
    void MAIN()
    {
    System.out.println("ooo");
    }
}
class S extends A
{
    
}
class P
{
    public static void main(String[] args){
        S r= new S();
        r.MAIN();
    }
}

<?php /* Template Name: Example Template */ ?>

class A
{
    private int value;
    
    public void setValue(int x)
    {
        value=x;
    }
    public int getValue()
    {
        return value;
    }
}
class D
{
    public static void main(String[] args){
    A r= new A();
    r.setValue(500);
    System.out.println(r.getValue());
    }
}

class shape 
{
    void draw()
    {
        System.out.println("can't say about shape");
    }
}
class square extends shape
{
    @Override
    void draw()
    {
        super.draw();
        System.out.println("shape is square");
    }
}
class B
{
    public static void main(String[] args)
    {
        shape r=new square();
        r.draw();
    }
}

          <div class="row">
                    <?php 
                        $x = 0;
                        while (have_rows('imagerepeater')) : the_row();  ?>
                                <div class="col-md-4 gall-img">
                                    <div class="gallery_inner">
                                        <a class="fancybox" data-fancybox="gallery" href="<?php the_sub_field('images'); ?>">
                                            <img alt="" data-src="<?php the_sub_field('images'); ?>" class="lazyloaded"
                                                src="<?php the_sub_field('images'); ?>">
                                        </a>
                                    </div>
                                </div>
                                <?php
                        $x++;
                        endwhile;
                   
                    ?>
                    </div>


      <?php
            foreach ($section['boxes'] as $Boxes) {
                ?>
                <div class="col-md-3">
                    <div class="deign-box">
                        <img src="<?= $Boxes['box_img'] ?> " alt="">
                        <h3>
                            <?= $Boxes['box_text'] ?>
                        </h3>
                    </div>
                </div>
            <?php } ?>
              
              
              
             <div class="row service-rightwrapper">
                        <?php if (have_rows('servicerightbox')):
                            while (have_rows('servicerightbox')):
                                the_row();
                                $servicerightbox_head = get_sub_field('servicerightbox_head');
                                $servicerightbox_para = get_sub_field('servicerightbox_para');
                                $color = get_sub_field('color');
                                ?>
                                <div class="col-md-6">
                                    <div class="service-rightbox" style="background-color: <?= $color ?> ;">
                                        <h4> <?= $servicerightbox_head ?></h4>
                                        <div class="service-rightboxpara">
                                            <?= $servicerightbox_para ?></ </div>
                                        </div>
                                    </div>
                                </div>
                            <?php endwhile; endif; ?>      
              
              
              
              
              
              
              
              
              

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Player Assignment</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            display: flex;
            justify-content: space-between;
            background-image: url('');
            background-size: cover;
            background-repeat: no-repeat;
        }
        .player-card,
        .team-names {
            border: 1px solid #ccc;
            padding: 10px;
            width: 45%;
            background-color: rgba(255, 255, 255, 0.2); /* Use rgba for a semi-transparent background */
        }
        img {
            max-width: 100%;
            height: auto;
        }
        table {
            margin-top: 10px;
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ccc;
            padding: 8px;
            text-align: left;
        }
        select {
            margin-top: 10px;
        }
        .budget {
            text-align: left;
            font-weight: bold;
            margin-top: 10px;
        }
    </style>
</head>
<body>
 
<div class="player-card">
    <img id="playerImage" src="https://static.cricbuzz.com/a/img/v1/152x152/i1/c254899/smriti-mandhana.jpg" alt="Player Photo" width="200">
    <h2 id="playerName">Player Name</h2>
    
    <table id="playerStatsTable">
        <tr>
            <th>Stat</th>
            <th>Value</th>
        </tr>
    </table>
    
    <p id="basePrice">Base Price: $100</p> <!-- Display the base price for the player -->
 
    <label for="teamSelect">Assign to Team:</label>
    <select id="teamSelect" onchange="assignTeam()">
        <option value="">Select Team</option>
        <option value="team1">Team 1</option>
        <option value="team2">Team 2</option>
        <option value="team3">Team 3</option>
        <option value="team4">Team 4</option>
        <option value="team5">Team 5</option>
        <option value="team6">Team 6</option>
        <option value="team7">Team 7</option>
        <option value="team8">Team 8</option>
    </select>
    
    <p id="assignmentStatus">Player not assigned to any team.</p>
</div>
 
<div class="team-names">
    <h2>Team Names</h2>
    <p id="team1Name"><span class="budget"></span></p>
    <p id="team2Name"><span class="budget"></span></p>
    <p id="team3Name"><span class="budget"></span></p>
    <p id="team4Name"><span class="budget"></span></p>
    <p id="team5Name"><span class="budget"></span></p>
    <p id="team6Name"><span class="budget"></span></p>
    <p id="team7Name"><span class="budget"></span></p>
    <p id="team8Name"><span class="budget"></span></p>
</div>
 
<script>
    var playerIndex = 0;
    var players = [
        { name: "Smriti Mandhana", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254899/smriti-mandhana.jpg", stats: { Match: 82, Innings: 82, Runs: 3242, High_Score: 135, Average: 42.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 100,lastTradedPrice:0 },
        { name: "Shafali Verma", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254978/shafali-verma.jpg", stats: { Match: 2, Innings: 2, Runs: 42, High_Score: 35, Average: 4.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 200,lastTradedPrice:0 },
        { name: "Jemimah Rodrigues", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254964/jemimah-rodrigues.jpg", stats: { Match: 82, Innings: 82, Runs: 3242, High_Score: 135, Average: 42.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 50,lastTradedPrice:0 }
    ];
    var teamBudget = [1000,2000,3000,1000,2000,3000,1000,2000];	
    populateBudgetSection();		
    document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowRight") {
            changePlayer(1);
        } else if (event.key === "ArrowLeft") {
            changePlayer(-1);
        }
    });
 
    function changePlayer(direction) {
        playerIndex = Math.min(Math.max(playerIndex + direction, 0), players.length - 1);
        updatePlayerInfo();
    }
 
    function updatePlayerInfo() {
        var playerImage = document.getElementById("playerImage");
        var playerName = document.getElementById("playerName");
        var playerStatsTable = document.getElementById("playerStatsTable");
        var basePriceElement = document.getElementById("basePrice"); // Added base price element
        var teamSelect = document.getElementById("teamSelect");
 
        playerImage.src = players[playerIndex].image;
        playerName.textContent = players[playerIndex].name;
 
        // Clear existing rows in the table
        playerStatsTable.innerHTML = "<tr><th>Stat</th><th>Value</th></tr>";
 
        // Populate the table with player stats
        for (var stat in players[playerIndex].stats) {
            if (stat === '4s' || stat === '6s') {
                var row = playerStatsTable.insertRow();
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
 
                cell1.textContent = '4s/6s'; // Display "4s/6s" for the combined row
                cell2.textContent = players[playerIndex].stats['4s'] + '/' + players[playerIndex].stats['6s'];
                break; // Skip the next row
            } else {
                var row = playerStatsTable.insertRow();
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
 
                cell1.textContent = stat.replace('_', ' ');
                cell2.textContent = players[playerIndex].stats[stat];
            }
        }
 
 
        // Display the base price for the player
        basePriceElement.innerHTML = "<strong>Base Price:</strong> $" + players[playerIndex].basePrice;
 
        if (players[playerIndex].team !== "") {
            teamSelect.value = players[playerIndex].team;
            assignmentStatus.textContent = players[playerIndex].name + " assigned to " + teamSelect.value + " team.";
        } else {
            teamSelect.value = "";
            assignmentStatus.textContent = "Player not assigned to any team.";
        }
    }
 
    function assignTeam() {
        var teamSelect = document.getElementById("teamSelect");
        var assignmentStatus = document.getElementById("assignmentStatus");
        var previousTeam = players[playerIndex].team;
        var selectedTeam = teamSelect.value;
        updatePlayerStatus(selectedTeam);
        updateTeamName(previousTeam,selectedTeam,teamIndex[previousTeam]!= undefined? teamIndex[previousTeam]:null,teamIndex[teamSelect.value]);
        populateBudgetSection();
        teamSelect.blur();
    }

    const teamIndex = Object.freeze({ 
        "team1": 0, 
        "team2": 1, 
        "team3": 2,
        "team4": 3,
        "team5": 4,
        "team6": 5,
        "team7": 6,
        "team8": 7,
    }); 
    
    function populateBudgetSection() {
    for (var i = 0; i < teamBudget.length; i++) {
        var assignedPlayers = players.filter(player => player.team === "team".concat(i + 1));
        var playerNames = assignedPlayers.map(player => player.name);
        document.getElementById("team".concat(i + 1, "Name")).textContent = "Budget: $" + teamBudget[i] + " Team " + (i + 1) + ": -" + playerNames.join(",");
    }
}

    function updatePlayerStatus(selectedTeam){
        players[playerIndex].team = selectedTeam;
        if (selectedTeam !== "") {
            assignmentStatus.textContent = players[playerIndex].name + " assigned to " + selectedTeam + " team.";
        } else {
            resetAssignment();
        }
    }
    
    function updateTeamName(previousTeam,selectedTeam, previousTeamIndex, currentTeamIndex) {
    var assignedPlayers = players.filter(player => player.team === selectedTeam);
    var playerNames = assignedPlayers.map(player => player.name);

   
    if(selectedTeam!="")
    {
        var subtractValue = parseFloat(prompt("Enter the value to subtract from the team budget for " + players[playerIndex].name, players[playerIndex].basePrice));
    if (!isNaN(subtractValue) && subtractValue >= 0) {
        if(teamBudget[currentTeamIndex] - subtractValue<0)
        {
            var oldTeam = Object.keys(teamIndex)[previousTeamIndex];
            teamSelect.value = oldTeam;
            updatePlayerStatus(oldTeam)
            alert("Team out of budget");
        }
        else{
            if (previousTeamIndex != null) teamBudget[previousTeamIndex] += players[playerIndex].lastTradedPrice;
            teamBudget[currentTeamIndex] -= subtractValue;
            players[playerIndex].lastTradedPrice = subtractValue;
            populateBudgetSection();
        }
    } else {
        // Handle invalid input or cancel
       alert("Invalid input. Please enter a valid number.");
        // You may want to handle this differently based on your use case
    }  
    } else
    {
        teamBudget[previousTeamIndex] += players[playerIndex].lastTradedPrice
        players[playerIndex].lastTradedPrice = 0;
    }
        
}
 
    function resetAssignment() {
        var assignmentStatus = document.getElementById("assignmentStatus");
        assignmentStatus.textContent = "Player not assigned to any team.";
    }
 
    updatePlayerInfo();
</script>

pipeline container init

pip install git+https://github.com/mystic-ai/pipeline.git@v2.0.0

import { useEffect, useRef, useState } from 'react'

const workerHandler = (fn) => {
  onmessage = (event) => {
    postMessage(fn(event.data))
  }
}

export const useWebworker = (fn) => {
  const [result, setResult] = useState(null)
  const [error, setError] = useState(null)

  const workerRef = useRef(null)

  useEffect(() => {
    const worker = new Worker(
      URL.createObjectURL(new Blob([`(${workerHandler})(${fn})`]))
    )
    workerRef.current = worker
    worker.onmessage = (event) => setResult(event.data)
    worker.onerror = (error) => setError(error.message)
    return () => {
      worker.terminate()
    }
  }, [fn])

  return {
    result,
    error,
    run: (value) => workerRef.current.postMessage(value),
  }
}

export const useDisposableWebworker = (fn) => {
  const [result, setResult] = useState(null)
  const [error, setError] = useState(null)

  const run = (value) => {
    const worker = new Worker(
      URL.createObjectURL(new Blob([`(${workerHandler})(${fn})`]))
    )
    worker.onmessage = (event) => {
      setResult(event.data)
      worker.terminate()
    }
    worker.onerror = (error) => {
      setError(error.message)
      worker.terminate()
    }
    worker.postMessage(value)
  }

  return {
    result,
    error,
    run,
  }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Player Assignment</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            display: flex;
            justify-content: space-between;
            background-image: url('');
            background-size: cover;
            background-repeat: no-repeat;
        }
        .player-card,
        .team-names {
            border: 1px solid #ccc;
            padding: 10px;
            width: 45%;
            background-color: rgba(255, 255, 255, 0.2); /* Use rgba for a semi-transparent background */
        }
        img {
            max-width: 100%;
            height: auto;
        }
        table {
            margin-top: 10px;
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ccc;
            padding: 8px;
            text-align: left;
        }
        select {
            margin-top: 10px;
        }
        .budget {
            text-align: left;
            font-weight: bold;
            margin-top: 10px;
        }
    </style>
</head>
<body>

<div class="player-card">
    <img id="playerImage" src="https://static.cricbuzz.com/a/img/v1/152x152/i1/c254899/smriti-mandhana.jpg" alt="Player Photo" width="200">
    <h2 id="playerName">Player Name</h2>
    
    <table id="playerStatsTable">
        <tr>
            <th>Stat</th>
            <th>Value</th>
        </tr>
    </table>
    
    <p id="basePrice">Base Price: $100</p> <!-- Display the base price for the player -->

    <label for="teamSelect">Assign to Team:</label>
    <select id="teamSelect" onchange="assignTeam()">
        <option value="">Select Team</option>
        <option value="team1">Team 1</option>
        <option value="team2">Team 2</option>
        <option value="team3">Team 3</option>
    </select>
    
    <p id="assignmentStatus">Player not assigned to any team.</p>
</div>

<div class="team-names">
    <h2>Team Names</h2>
    <p id="team1Name"><span class="budget"></span></p>
    <p id="team2Name"><span class="budget"></span></p>
    <p id="team3Name"><span class="budget"></span></p>
</div>

<script>
    var playerIndex = 0;
    var players = [
        { name: "Smriti Mandhana", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254899/smriti-mandhana.jpg", stats: { Match: 82, Innings: 82, Runs: 3242, High_Score: 135, Average: 42.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 100 },
        { name: "Shafali Verma", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254978/shafali-verma.jpg", stats: { Match: 2, Innings: 2, Runs: 42, High_Score: 35, Average: 4.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 200 },
        { name: "Jemimah Rodrigues", image: "https://static.cricbuzz.com/a/img/v1/152x152/i1/c254964/jemimah-rodrigues.jpg", stats: { Match: 82, Innings: 82, Runs: 3242, High_Score: 135, Average: 42.65, SR: 83.47, '100s': 5, '50s': 26, '4s': 387, '6s': 36, Catches: 26, Stumps: 0 }, team: "", basePrice: 50 }
    ];
    var teamBudget = [1000,2000,3000];
    for(var i = 0; i<teamBudget.length;i++){
	document.getElementById("team".concat(i+1,"Name")).textContent = "Budget: $".concat(teamBudget[i]," Team ",i+1,": -");
    }			
    document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowRight") {
            changePlayer(1);
        } else if (event.key === "ArrowLeft") {
            changePlayer(-1);
        }
    });

    function changePlayer(direction) {
        playerIndex = Math.min(Math.max(playerIndex + direction, 0), players.length - 1);
        updatePlayerInfo();
    }

    function updatePlayerInfo() {
        var playerImage = document.getElementById("playerImage");
        var playerName = document.getElementById("playerName");
        var playerStatsTable = document.getElementById("playerStatsTable");
        var basePriceElement = document.getElementById("basePrice"); // Added base price element
        var teamSelect = document.getElementById("teamSelect");

        playerImage.src = players[playerIndex].image;
        playerName.textContent = players[playerIndex].name;

        // Clear existing rows in the table
        playerStatsTable.innerHTML = "<tr><th>Stat</th><th>Value</th></tr>";

        // Populate the table with player stats
        for (var stat in players[playerIndex].stats) {
            if (stat === '4s' || stat === '6s') {
                var row = playerStatsTable.insertRow();
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);

                cell1.textContent = '4s/6s'; // Display "4s/6s" for the combined row
                cell2.textContent = players[playerIndex].stats['4s'] + '/' + players[playerIndex].stats['6s'];
                break; // Skip the next row
            } else {
                var row = playerStatsTable.insertRow();
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);

                cell1.textContent = stat.replace('_', ' ');
                cell2.textContent = players[playerIndex].stats[stat];
            }
        }


        // Display the base price for the player
        basePriceElement.innerHTML = "<strong>Base Price:</strong> $" + players[playerIndex].basePrice;

        if (players[playerIndex].team !== "") {
            teamSelect.value = players[playerIndex].team;
            assignmentStatus.textContent = players[playerIndex].name + " assigned to " + teamSelect.value + " team.";
        } else {
            teamSelect.value = "";
            assignmentStatus.textContent = "Player not assigned to any team.";
        }
    }

    function assignTeam() {
        var teamSelect = document.getElementById("teamSelect");
        var assignmentStatus = document.getElementById("assignmentStatus");
        var team1Name = document.getElementById("team1Name");
        var team2Name = document.getElementById("team2Name");
        var team3Name = document.getElementById("team3Name");

        // Remove the player from the previous team if the team changed
        var previousTeam = players[playerIndex].team;
        var selectedTeam = teamSelect.value;

        if (selectedTeam !== "") {
            players[playerIndex].team = selectedTeam;
            assignmentStatus.textContent = players[playerIndex].name + " assigned to " + selectedTeam + " team.";
        } else {
            resetAssignment();
        }

        if (previousTeam && previousTeam !== teamSelect.value) {
            updateTeamName("team1", team1Name);
            updateTeamName("team2", team2Name);
            updateTeamName("team3", team3Name);
        } else {
            // Update the team name
            switch (selectedTeam) {
                case "team1":
                    updateTeamName("team1", team1Name);
                    break;
                case "team2":
                    updateTeamName("team2", team2Name);
                    break;
                case "team3":
                    updateTeamName("team3", team3Name);
                    break;
            }
        }
        teamSelect.blur();
    }

    function updateTeamName(team, teamElement) {
        var assignedPlayers = players.filter(player => player.team === team);
        var playerNames = assignedPlayers.map(player => player.name);
	console.log(parseInt(teamElement.textContent.split("$")[1])-players[playerIndex].basePrice);
        if (teamElement) {
            teamElement.textContent = teamElement.textContent.concat("Team ",team.charAt(4), ": ",playerNames.join(", "));
        } else {
            // Remove the player from the team by updating the text content to an empty string
            teamElement.textContent = "Team " + team.charAt(4) + ": ";
        }
    }

    function resetAssignment() {
        var assignmentStatus = document.getElementById("assignmentStatus");
        assignmentStatus.textContent = "Player not assigned to any team.";
    }

    updatePlayerInfo();
</script>

<template>
  <div>
    <div class="typing-text" v-if="showText">{{ currentText }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textToType: "Hello, World!", // 你想要加载的文字
      currentText: "", // 当前显示的文字
      showText: true // 控制是否显示文字
    };
  },
  methods: {
    typeText() {
      const textArray = this.textToType.split("");
      let index = 0;

      const typingInterval = setInterval(() => {
        this.currentText += textArray[index];
        index++;

        if (index === textArray.length) {
          clearInterval(typingInterval);
          // 在此可以触发加载完成后的操作
        }
      }, 100); // 调整间隔时间
    }
  },
  mounted() {
    this.typeText();
  }
};
</script>

<style>
.typing-text {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  border-right: 2px solid; /* 光标效果，可以根据需要调整 */
  animation: cursor-blink 1s infinite; /* 光标闪烁动画，可以根据需要调整 */
}

@keyframes cursor-blink {
  0%, 100% {
    border-color: transparent;
  }
  50% {
    border-color: #000; /* 光标颜色，可以根据需要调整 */
  }
}
</style>

// vite.config.js
export default {
  server: {
    proxy: {
      '/socket': {
        target: 'ws://your-websocket-server.com',
        changeOrigin: true,
        ws: true,
      },
    },
  },
};

function mainenqu()
{
	wp_enqueue_script('jquery-script', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js', array('jquery'), '', true);
	wp_enqueue_style('bootstrapCss', 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css');
	wp_enqueue_script('bootstrapJs', 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/js/bootstrap.min.js', array('jquery'), '', true);
	wp_enqueue_script('myjs', get_template_directory_uri() . '/js/myjs.js', array('jquery'), '', true);
	wp_enqueue_style('slick-style', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
	wp_enqueue_script('slick-script', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js', array(), null, true);
	wp_enqueue_script('swiper-script', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js', array(), null, true);
	wp_enqueue_script('counterup-script', 'https://cdn.jsdelivr.net/npm/jquery.counterup@2.1.0/jquery.counterup.min.js', array(), null, true);
	wp_enqueue_script('waypoints-script', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', array(), null, true);
    wp_enqueue_script('fancybox-script', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js', array(), null, true);
	wp_enqueue_style('fancyboxCss', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
	
}
add_action('wp_enqueue_scripts', 'mainenqu');

brew install cocoapods

class UnauthorisedException implements Exception {}

class ExceptionWithMessage implements Exception {
  final String message;
  const ExceptionWithMessage(this.message);
}

import 'dart:async';

import 'package:flutter/foundation.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:internet_connection_checker/internet_connection_checker.dart';



part 'network_state.dart';

class NetworkCubit extends Cubit<NetworkState> {
  final NetworkInfo networkService;

  NetworkCubit({required this.networkService}) : super(NetworkInitial()) {
    listenConnection();
  }

  static bool _isOnline = false;

  bool get isOnline => _isOnline;

  listenConnection() async {
    networkService.connectionStream.listen((status) {

      if(status == InternetConnectionStatus.connected) {
        _isOnline = true;
        emit(NetworkConnectedState());
      }else {
        _isOnline = false;
        emit(NetworkLostState());
      }
    });
  }
}

// svg support
// Allow SVG
add_filter( 'wp_check_filetype_and_ext', function($data, $file, $filename, $mimes) {

	global $wp_version;
	if ( $wp_version !== '4.7.1' ) {
	   return $data;
	}
  
	$filetype = wp_check_filetype( $filename, $mimes );
  
	return [
		'ext'             => $filetype['ext'],
		'type'            => $filetype['type'],
		'proper_filename' => $data['proper_filename']
	];
  
  }, 10, 4 );
  
  function cc_mime_types( $mimes ){
	$mimes['svg'] = 'image/svg+xml';
	return $mimes;
  }
  add_filter( 'upload_mimes', 'cc_mime_types' );
  
  function fix_svg() {
	echo '<style type="text/css">
		  .attachment-266x266, .thumbnail img {
			   width: 100% !important;
			   height: auto !important;
		  }
		  </style>';
  }
  add_action( 'admin_head', 'fix_svg' );

import 'package:equatable/equatable.dart';

class NoParams extends Equatable {
  @override
  List<Object> get props => [];
}

import 'package:equatable/equatable.dart';

class AppError extends Equatable {
  final AppErrorType appErrorType;
  final String errorMessage;
  const AppError( {required this.appErrorType, this.errorMessage = ''});

  @override
  List<Object> get props => [appErrorType];
}

enum AppErrorType {
  api,
  network,
  database,
  unauthorised,
  sessionDenied,
  msgError,
  emailValidation
}

import 'package:dartz/dartz.dart';

import '../entities/app_error.dart';

abstract class UseCase<Type, Params> {
  Future<Either<AppError, Type>> call(Params params);
}

import 'package:internet_connection_checker/internet_connection_checker.dart';

abstract class NetworkInfo {
  Stream<InternetConnectionStatus>  get connectionStream;
}

class NetworkInfoImpl implements NetworkInfo {
  late InternetConnectionChecker connectionChecker =
      InternetConnectionChecker();

  @override
  Stream<InternetConnectionStatus> get connectionStream => connectionChecker.onStatusChange;
}

Every day most people usually use one of the basic essential mobile app is grocery delivery apps and other on-demand apps. In it, the Instacart grocery app is a well-growing mobile app beyond the people's. A lot more entrepreneurs are seeking to do like this exact business like Instacart, Blinkint, etc. If you are a throbbing young entrepreneur looking to start your business using our Instacart clone app or Instacart clone script to build your business dynasty with us. That's your craze is fulfillied by using our instacart clone app development solution. we specialize in availing of on-demand apps with the latest technologies and give more customization control for our client's needs. Although, we have enough experience in this field for multiple kinds of industries to develop their business app.

curl --resolve "redditclone.com:80:<IP of Ingress>" redditclone.com

apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: ingress-reddit-app
spec:
  rules:
  - host: "domain.com"
    http:
      paths:
      - pathType: Prefix
        path: "/test"
        backend:
          service:
            name: reddit-clone-service
            port:
              number: 3000
  - host: "*.domain.com"
    http:
      paths:
      - pathType: Prefix
        path: "/test"
        backend:
          service:
            name: reddit-clone-service
            port:
              number: 3000

apiVersion: v1
# Indicates this as a service
kind: Service
metadata:
  # Service name
  name: reddit-clone-service
spec:
  selector:
    # Selector for Pods
    app: reddit-clone
  ports:
    # Port Map
  - port: 3000
    targetPort: 3000
    protocol: TCP
  type: LoadBalancer

apiVersion: apps/v1
kind: Deployment
metadata:
  name: reddit-clone-deployment
  labels:
    app: reddit-clone
spec:
  replicas: 2
  selector:
    matchLabels:
      app: reddit-clone
  template:
    metadata:
      labels:
        app: reddit-clone
    spec:
      containers:
      - name: reddit-clone
        image: rohanrustagi18/redditclone
        ports:
        - containerPort: 3000

docker build . -t <username> /reddit-clone:latest

FROM node:19-alpine3.15

WORKDIR /reddit-clone

COPY . /reddit-clone
RUN npm install 

EXPOSE 3000
CMD ["npm","run","dev"]

Coal-
It is a hard, black coloured substance made up of carbon, hydrogen, nitrogen, oxygen and sulphur.
Coal is processed industrially to obtain derivatives like coke, coal tar and coal gas.

Formation of Coal
The process of formation of coal is known as coalification.
The dense forest present in the low-lying wetland got buried in the earth, millions of years ago.
Soil kept depositing over them and they got compressed.
As they went deeper and deeper, they faced high temperature and pressure.
As a result, the substances slowly got converted into coal.

Uses of Coal
Coal was used to produce steam in the railway engines initially.
It is used to cook food.
It is used to generate electricity in thermal plants.
It is used in industries as fuel.

Petroleum
It is a clear, oily liquid, usually green or black in colour.
It has a very strange smell and is a mixture of petroleum gas, diesel, paraffin wax, petrol, lubricating oil, etc.
It is also termed as “Black Gold” because of its wide range of uses in many industries.

Formation of Petroleum
The sea animals and plants died and their bodies settled at the bottom of the sea.
They got compressed by the layers of sand and clay.
Their encounter with high temperature and pressure converts them into petroleum.
The petroleum is separated from the crude oil by a series of processes in a refinery. This is known as petroleum refining.

Uses of Petroleum
Petroleum is used as a transportation fuel.
Petroleum is used in lubricants to reduce friction in vehicles and industrial machines. 
Petroleum is used for industrial power, heating and lighting, and the petro-chemical industry
Petroleum is also used in agriculture, road construction, and pharmaceuticals.
Petroleum is a raw material for many fertilizers, pesticides, synthetic fragrances, and plastics.

Natural gas
It is a clean and non-toxic fossil fuel.
It is colourless and odourless and can be easily transferred through pipelines.
It is stored as compressed natural gas (CNG) under high pressure.
It is a less polluting and less expensive fossil fuel.
Methane is the most important natural gas.

Formation of Natural Gas
The phytoplankton and zooplankton sink to the bottom of the ocean and mix with organic materials to form an organic-rich mud.
The mud buried under more sediments and lithifies to form an organic shale. This prevents its exposure to oxygen. This is done to protect the organic materials from being decomposed by bacteria.
The increasing pressure and temperature transform the shale into a waxy material known as the kerogen.
At temperatures between 90-160°C kerogen is transformed into natural gas.

Uses of Natural gas
Compressed Natural Gas is used for generating power.
It is used as fuels in automobiles.
It can be used at homes for cooking.
It is used as a starting material in chemicals and fertilizers.

body {
  background-color: #f2f2f2;
  font-family: Arial;  
}

#signin {
  width: 400px;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 20px;  
}

#signin h2 {
  text-align: center;  
}

#signin label {
  display: block;
  margin-bottom: 10px;
}

#signin input[type="email"],
#signin input[type="password"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px; 
}

#signin input[type="submit"] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin-top: 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#signin a {
  display: block;
  text-align: center;
  margin-top: 20px; 
}

<!DOCTYPE html>
<html>

<head>
  <title>Create Account</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <div id="signin">

    <h2>Sign In</h2>

    <form onsubmit="redirectPage()">
      <label for="email">Email:</label>
      <input type="email" id="email" name="email">

      <label for="password">Password:</label>
      <input type="password" id="password" name="password">

      <input type="submit" value="Sign In">
    </form>
    <img src="websitelogo.png" width="500" height="500" style="margin: 0 auto; display: flex;margin-top: 100px;">
  </div>

  <script>

    function redirectPage() {

      document.getElementById("signin").innerHTML = "<p>Thank you for signing in! Redirecting...</p>";

      alert("You will be redirected shortly");

      setTimeout(function () {

        window.location.href = "https://index-1.hebbaraarush105.repl.co/";

      }, 2000);

    }

  </script>

</body>

</html>

html {
  height: 100%;
  width: 100%;
}
form {
  display: flex;
  flex-direction: column;
  width: 400px;
}

label {
  margin-bottom: 0.5em;
}

input, select {
  padding: 5px;
  margin-bottom: 1em;
}

button {
  padding: 10px;
  width: 100px;
  align-self: flex-end; 
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <h1>Schedule a Visit</h1>

  <form>
    <label>Name:</label>
    <input type="text" id="name">

    <label>Email:</label>  
    <input type="email" id="email">

    <label>Date:</label>
    <input type="date" id="date">

    <label>Time:</label>
    <select id="time">
      <option value="10:00">10:00 AM</option>
      <option value="11:00">11:00 AM</option>
      <option value="12:00">12:00 PM</option>
      <option value="13:00">1:00 PM</option>
      <option value="14:00">2:00 PM</option>
      <option value="15:00">3:00 PM</option>
      <option value="16:00">4:00 PM</option>
      <option value="17:00">5:00 PM</option>
    </select>  

    <input type="submit" value="Schedule Visit">
  </form>

  
 
 
</body>

</html>

html {
  height: 100%;
  width: 100%;
}
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;  
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align:center;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a:hover {
  background-color: #555;
  color: white;
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="dropdown">
    <button class="dropbtn">Menu</button>
    <div class="dropdown-content">
      <a href="https://index-1.hebbaraarush105.repl.co/">HomePage</a>
      <a href="https://contactushtml.hebbaraarush105.repl.co/">AboutUs</a>
      <a href="https://arcade-games.hebbaraarush105.repl.co/">Arcade Games</a>
      
    </div> 
  </div>
  
  <h1 style="text-align:center; font-size: 40px;">Popular Arcade Games That We Provide</h1><b>
    
  <style>
    table {
      border-collapse: collapse;
      width: 100%;  
      display: block;
      text-align: right;

    }

    th, td {
      padding: 8px;
      text-align: right;
      border-bottom: 1px solid #ddd;  
    }
    
  </style>

  <table>

      <tr>
        <th>Dollars</th>
        <th>Credits</th>
      </tr>

      <tr>
        <td>$5.99</td>
        <td>20</td>
      </tr>

      <tr>
        <td>$11.99</td>
        <td>50</td>
      </tr>

      <tr>
        <td>$23.99</td>  
        <td>100</td>
      </tr> 
      <td>$30.00</td>
      <td> Infinite(Delay) </td>
  </table>
  <ul style="list-style: none; display: flex; flex-wrap: wrap; justify-content: center;">

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Pac-Man</div>

      <span style="font-size: 24px; font-weight: bold;">5 Credits</span>

      <div>Played: <span id="pacManPlays">4269</span> times</div>

      <div><img src="shopping.webp" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Space Invaders</div>

      <span style="font-size: 24px; font-weight: bold;">4 Credits</span>

      <div>Played: <span id="spaceInvadersPlays">5023</span> times</div>

      <div><img src="spaceinvader.webp" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Street Fighter II</div>

      <span style="font-size: 24px; font-weight: bold;">2 Credits</span>

      <div>Played: <span id="streetFighterPlays">1598</span> times</div>

      <div><img src="streetfighter.jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Donkey Kong</div>

      <span style="font-size: 24px; font-weight: bold;">6 Credits</span>

      <div>Played: <span id="donkeyKongPlays">8485</span> times</div>

      <div><img src="donkeykong.jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Crossy Road</div>

      <span style="font-size: 24px; font-weight: bold;">7 Credits</span>

      <div>Played: <span id="crossyRoadPlays">4376</span> times</div>

      <div><img src="download (1).jpg" /></div>

    </li>

    <li style="flex-basis: 30%; border: 1px solid #ccc; padding: 10px; text-align: center; margin: 10px;">

      <div>Pong</div>

      <span style="font-size: 24px; font-weight: bold;">7 Credits</span>

      <div>Played: <span id="pongPlays">1734</span> times</div>

      <div><img src="pong.jpg" /></div>

    </li>
    
    
</body>

</html>

html {
  height: 100%;
  width: 100%;
}

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: 10px;
  cursor: pointer;
}

.dropdown {
  position: relative;  
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:center;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a:hover {
  background-color: #555;
  color: white;
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="dropdown">
    <button class="dropbtn">Menu</button>
    <div class="dropdown-content">
      <a href="https://index-1.hebbaraarush105.repl.co/">HomePage</a>
      <a href="https://contactushtml.hebbaraarush105.repl.co/">AboutUs</a>
      <a href="https://arcade-games.hebbaraarush105.repl.co/">Arcade Games</a>
    </div> 
  </div>
  <!DOCTYPE html>
  <html>

  <head>
    <meta charset="UTF-8">
    <title>Game On! Arcade</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link rel="stylesheet" href="style.css">

  </head>

  <body>
  <header id="home">
      <h1>Welcome to Game On!</h1>
      <p>Your number one spot for fun arcade games.</p>
    </header>

    <section id="about">
      <h2>About Us</h2>
      <p>Game On! was founded by Aarush and Siddharth. Our mission is to provide an awesome arcade gaming experience for players of all ages.</p>
    </section>

    <section id="games">
      <h2>Our Games</h2>
      <div class="game-list">
       </div>
    </section>

    <footer id="contact">
      <p>3330 Quimby Rd, San Jose | <a href="mailto:aarush.hebbar@gmail.com" target="_blank">aarush.hebbar@gmail.com</a> | 555-GAME-ON</p> 
      <p>&copy; Game On Arcade</p>
    </footer>

  </body>
  </html>
</body> 

</html>

body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  background-color: silver;

}

.gameon {
  text-align: center;
  padding: 50px;
  width: 500%;
  height: 90%;
  position: relative;

}

i {
  font-weight: bold;
  font-style: italic;
}

li {
  list-style-position: inside;
}

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: 1px;
  cursor: pointer;
}

.dropdown {
  position: fixed;
  top: 20px; 
  left: 20px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:center;
}

.dropdown:hover .dropdown-content {
  display: block;
}


.footer {
  background-color: silver;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  color: black;
  border-top: 1px solid black;
}
a {
  text-align: right;
}
.footer-dropdown {
  position: relative;
  display: inline-block;
}

.footer-dropdown-content {
  display: none;
  position: absolute;
  top: 0;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.footer-dropdown:hover .footer-dropdown-content {
  display: block;
}
marquee {
  animation: blink 1s infinite; 
}

@keyframes blink {
  50% {
    color: red;
  }
}
.dropdown-content a:hover {
  background-color: #555;
  color: white;
}

<!DOCTYPE html>

<html>

<head>
<!-- Link to external CSS stylesheet -->
<link rel="stylesheet" href="style.css">
<title> Game Zone</title>
</head>

<body>

<div class="gameon">
<!-- Website logo image -->  
<img src="websitelogo.png" width="700" height="400" style="margin: 0 auto; display: flex;">

<div style="position: absolute; top: 10%; left: 50%; transform: translate(-50%, -50%);">
<!-- Website name text -->
<span style="font-size: 30px; font-weight: bold; color: black;">GAMEZONE</span>

</div>

<!-- Website Mission statement -->
<i style="font-size: 25px; margin-top: 10px; ">"Our mission is to reignite the joy and nostalgia in the arcade experience"</i>

<marquee scrollamount="8"
direction="left"
behavior="scroll">
<!-- Announcement marquee -->  
<h1>Attention Customers, Lightning Deal On Sale Now 50% Off Everything!!!
</marquee>

<div style="position: relative; left: 50px; top: 100px;">
</div>

<div style="position: relative; top: -20px; font-size: 20px;text-align: left;"
<!-- How to create account instructions -->
<h1>How To Create a Account</h1>

<ol>
<li>Click on Sign In (In Menu)</li>
<li>Enter A Email </li> 
<li>Enter Your Password and then you're in!</li>
</ol>

</div>

<div style="position: relative; top: -1px;font-size: 9px;text-align: left;" 
<!-- Website disclaimer -->
<h1>Disclaimer</h1>  

<li>All purchases are Non-Refundable</li>
<li>Points can not be transferred across accounts</li>  
<li>Prices may be changed at any time without further notice</li>
<li>We have the right to refuse service to anyone</li>
</ul>

</div>

  <nav class="dropdown">

    <!-- Website menu -->
    
    <button class="dropbtn">Menu</button>

    <div class="dropdown-content">

      <a href="https://index-1.hebbaraarush105.repl.co/">HomePage</a>

      <a href="https://contactushtml.hebbaraarush105.repl.co/">About Us</a>

      <a href="https://arcade-games.hebbaraarush105.repl.co/">Arcade Games</a>

      <a href="https://createaccount.hebbaraarush105.repl.co/">Sign In</a>

      <a href="https://f78636c2-61d0-4bb2-ad3d-e31e1595f7a0-00-10um3h265swk6.worf.replit.dev/"><h1>Schedule a Visit</h1></a>
      </div>
    

  </nav>



<div class="footer">
<!-- Website footer with copyright and links -->
&copy; 2023 Aarush and Siddharth. All rights reserved.  
</div>

<div class="footer-dropdown">

<a href="#">Credits</a>   

<div class="footer-dropdown-content">  

<!-- Links to external game info pages -->
<a href="https://www.canva.com/design/DAF0F9nX2D8/IRk\_pak6JC0BX3mrlifWDA/edit?utm\_content=DAF0F9nX2D8&utm\_campaign=designshare&utm\_medium=link2&utm\_source=sharebutton" target="\_blank">CanvasDesign</a>

<a href="https://en.wikipedia.org/wiki/Donkey\_Kong\_%28character%29" target="\_blank">DonkeyKong</a>  

<a href="https://poki.com/en/g/crossy-road" target="\_blank">CrossyRoad</a>

<a href="https://www.amazon.com/Arcade-Arcade1Up-PAC-MAN-Head-Head-Table/dp/B09B1DNQDQ?source=ps-sl-shoppingads-lpcontext&ref\_=fplfs&psc=1&smid=A1DXN92KCKEQV4" target="\_blank">PacMan</a>

<a href="https://en.wikipedia.org/wiki/Street\_Fighter\_II" target="\_blank">Street Fighter</a>  

<a href="https://www.thepinballcompany.com/product/space-invaders-frenzy-arcade-game/" target="\_blank">SpaceInvaders</a>  

<a href="https://www.walmart.com/ip/Arcade1Up-PONG-Head-to-head-H2H-Gaming-Table/974088112/" target="\_blank">Pong</a>

</div>



</body>

</html>

ext install one-monokai

#!/bin/bash
# Short script to split videos by filesize using ffmpeg by LukeLR
# source:https://stackoverflow.com/a/52158160
# usage: . ./split-video.sh huge-video.mov 90000000 "-c:v libx264 -crf 23 -c:a copy -vf scale=640:-2"

if [ $# -ne 3 ]; then
    echo 'Illegal number of parameters. Needs 3 parameters:'
    echo 'Usage:'
    echo './split-video.sh FILE SIZELIMIT "FFMPEG_ARGS'
    echo
    echo 'Parameters:'
    echo '    - FILE:        Name of the video file to split'
    echo '    - SIZELIMIT:   Maximum file size of each part (in bytes)'
    echo '    - FFMPEG_ARGS: Additional arguments to pass to each ffmpeg-call'
    echo '                   (video format and quality options etc.)'
    exit 1
fi

FILE="$1"
SIZELIMIT="$2"
FFMPEG_ARGS="$3"

# Duration of the source video
DURATION=$(ffprobe -i "$FILE" -show_entries format=duration -v quiet -of default=noprint_wrappers=1:nokey=1 | cut -d. -f1)

# Duration that has been encoded so far
CUR_DURATION=0

# Filename of the source video (without extension)
BASENAME="${FILE%.*}"

# Extension for the video parts
#EXTENSION="${FILE##*.}"
EXTENSION="mp4"

# Number of the current video part
i=1

# Filename of the next video part
NEXTFILENAME="$BASENAME-$i.$EXTENSION"

echo "Duration of source video: $DURATION"

# Until the duration of all partial videos has reached the duration of the source video
while [[ $CUR_DURATION -lt $DURATION ]]; do
    # Encode next part
    echo ffmpeg -i "$FILE" -ss "$CUR_DURATION" -fs "$SIZELIMIT" $FFMPEG_ARGS "$NEXTFILENAME"
    ffmpeg -ss "$CUR_DURATION" -i "$FILE" -fs "$SIZELIMIT" $FFMPEG_ARGS "$NEXTFILENAME"

    # Duration of the new part
    NEW_DURATION=$(ffprobe -i "$NEXTFILENAME" -show_entries format=duration -v quiet -of default=noprint_wrappers=1:nokey=1 | cut -d. -f1)

    # Total duration encoded so far
    CUR_DURATION=$((CUR_DURATION + NEW_DURATION))

    i=$((i + 1))

    echo "Duration of $NEXTFILENAME: $NEW_DURATION"
    echo "Part No. $i starts at $CUR_DURATION"

    NEXTFILENAME="$BASENAME-$i.$EXTENSION"
done