Iammcoding iammcoding

## game.html
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Catch the Ball Game</title>
</head>
<style>
#game-container {
  position: relative;
  width: 100vw;
  height: 100vh;

## inputanimation.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Crazy Animated Input</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crazy Animated Input</title>
    <style>
        body {
            display: flex;

## sidebar.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crazy Animated Sidebar</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        body {
            margin: 0;

## speechtotext.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Real Time Speech to Text</title>
</head>
<body>
    <h1>Real Time Speech to Text</h1>
    <button id="recordButton">Start Recording</button>

## imageidentify.html
import PIL.Image
import google.generativeai as genai
import os

genai.configure(api_key=os.environ["API_KEY"])
image = PIL.Image.open('myimg.jpg')

model = genai.GenerativeModel(model_name="gemini-1.5-pro")

prompt = "what did you see?"

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Web Page</title>
</head>
<body>
    <h1>Welcome!</h1>
    <p>This is the main heading of the page.</p>

## draggablelist.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Draggable List</title>
    <style>
        .dragging {
            opacity: 0.5;
            transform: rotateZ(10deg); /* Adjust the rotation angle as needed */

## menu.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animated Context Menu with Sub-Lists</title>
    <style>
        body {
            margin: 0;
            height: 100vh;

## image_comparison.html
<link rel="stylesheet" href="https://codictados.com/public/dics/min/dics.min.css">

<div class="b-dics">
    <img src="godofwar-trailer.jpg" alt="Trailer" />
    <img src="godofwar-final.jpg" alt="Final Version" />
</div>

<script src="https://codictados.com/public/dics/min/dics.min.js"></script>

<script>

## animated_text.html


<style>
	body {
  margin: 0;
  overflow: hidden;
}

#instructions {
  position: absolute;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Catch the Ball Game</title>
	</head>
	<style>
	#game-container {
	position: relative;
	width: 100vw;
	height: 100vh;
	import PIL.Image
	import google.generativeai as genai
	import os

	genai.configure(api_key=os.environ["API_KEY"])
	image = PIL.Image.open('myimg.jpg')

	model = genai.GenerativeModel(model_name="gemini-1.5-pro")

	prompt = "what did you see?"
	<link rel="stylesheet" href="https://codictados.com/public/dics/min/dics.min.css">

	<div class="b-dics">
	<img src="godofwar-trailer.jpg" alt="Trailer" />
	<img src="godofwar-final.jpg" alt="Final Version" />
	</div>

	<script src="https://codictados.com/public/dics/min/dics.min.js"></script>

	<script>


	<style>
	body {
	margin: 0;
	overflow: hidden;
	}

	#instructions {
	position: absolute;