Skip to content

Commit

Permalink
Merge pull request #33 from vishal02527/main
Browse files Browse the repository at this point in the history 
Enhanced page UI which is more attractive than previous.
  • Loading branch information
@sk66641
sk66641 authored May 28, 2024
2 parents 8d19083 + 7654ac5 commit e578e35
Show file tree
Hide file tree
Showing 2 changed files with 254 additions and 149 deletions.
104 changes: 59 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,55 +1,69 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Random Disco Light Simulator</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>
<body>
<div class="container">
<div class="box">
<h1>Random Disco Light Simulator</h1>
<div>
<label for="color">1. Number of Colors:</label>
<input type="number" id="color" placeholder="Enter">
</div>
<div>
<label for="time">2. Time interval <em>(with which the color changes
randomly)</em>:</label><br>
<input type="number" id="time" placeholder="Enter">
<select id="unit">
<option style="background-color: lightslategray; color: white;" value="unit">Unit</option>
<option value="milliseconds">milliseconds</option>
<option value="seconds">seconds</option>
</select>
<br><strong>[Negative interval or no input will be treated as 0 interval]</strong>
</div>
<div>
<label for="view">3. View:</label>
<select id="view">
<option style="background-color: lightslategray; color: white;" value="select">Select</option>
<option value="conic">Conic</option>
<option value="linear">Linear</option>
<option value="radial">Radial</option>
</select>
</div>
<div class="button">
<button id="submit" onclick="run()">Submit</button>
<a href="https://github.com/sk66641/Random-Disco-Light-Simulator" target="_blank">
<img src="github.jpeg" alt="github">
</a>
<button id="reset" onclick="window.location.reload()">Reset</button>
</div>
<div id="error"></div>
<div class="background">
<div class="shape"></div>
<div class="shape"></div>
</div>
<div class="box">
<h1>Random Disco Light Simulator</h1>
<div>
<label for="color">1. Number of Colors:</label>
<input type="number" id="color" placeholder="Enter" />
</div>
<div>
<label for="time"
>2. Time interval
<i>(with which the color changes randomly)</i>:</label
><br />
<input type="number" id="time" placeholder="Enter" />
<select id="unit">
<option value="unit">Unit</option>
<option value="milliseconds">milliseconds</option>
<option value="seconds">seconds</option>
</select>
<br /><strong style="font-size: 22px; color: rgb(47, 47, 251)"
>[Negative interval or no input will be treated as 0
interval]</strong
>
</div>
<div>
<label for="view">3. View:</label>
<select id="view">
<option
style="background-color: lightslategray; color: white"
value="select"
>
Select
</option>
<option value="conic">Conic</option>
<option value="linear">Linear</option>
<option value="radial">Radial</option>
</select>
</div>
<div class="button">
<button id="submit" onclick="run()">Submit</button>
<a
href="https://github.com/sk66641/Random-Disco-Light-Simulator"
target="_blank"
>
<img src="github.jpeg" alt="github" />
</a>
<button id="reset" onclick="window.location.reload()">Reset</button>
</div>
<div id="error"></div>
</div>
</div>

<script src="script.js"></script>

</body>

</body>
</html>
Loading

0 comments on commit e578e35

Please sign in to comment.