Skip to content

almostdone #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ramnath0521 wants to merge 1 commit into
base: changed_almost
Choose a base branch
from
Open

almostdone #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added bgdc.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added bulb.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added greenLed.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
214 changes: 214 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,214 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VLABS</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- <div class="logo">
<img src="IMAGES YAAR/logo.jpeg" alt="">
</div> -->
<div class="Vlabs">
<span>VLABS</span>
</div>
<div class="User">
<span>John K Jacobs</span>
</div>
<div class="Signupbutton">
<span>Sign out</span>
</div>
<div class="line1"> </div>
<div class="Lines2"> </div>

<div class="HEADING1">
<span>ASK Modulation and Demodulation</span>
</div>






<div id="parent">
<!-- switch -->
<div class="setup1">
<span><img src="IMAGES YAAR/setup bg.png" alt=""></span>
</div>
<!-- switch -->
<div class="Switch">
<div class="switchRed shadow" onclick="onOff()"> </div>
<!-- bulb -->
<div class="led "><img id="leds" src="IMAGES YAAR/redLed.png"></div>
</div>


<!-- User Input -->



<div class="Instruction"></div>
<div class="Graphs1"><h2>Graphs</h2></div>


<div class="userInput">

<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss0" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss1" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss2" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss3" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss4" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss5" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss6" >
<img src="IMAGES YAAR/zero.jpeg" class="image" id="ss7" >
<button class="runButton" onclick="printArray()">RUN </button>
</div>
<!-- Toogle Pins Code -->
<div class="togglepins">
<span class="s0" ><img id="s0" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero0()"/></span>
<span class="s1"> <img id="s1" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero1()" /></span>
<span class="s2" ><img id="s2" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero2()"/></span>
<span class="s3" ><img id="s3" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero3()"/></span>
<span class="s4" ><img id="s4" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero4()"/></span>
<span class="s5" ><img id="s5" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero5()"/></span>
<span class="s6" ><img id="s6" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero6()"/></span>
<span class="s" ><img id="s7" src="IMAGES YAAR/toggle_off.png" onclick="swapOneZero7()"/></span>
</div>
</div>

</div>
<br>
<!-- dial -->
<div class="container">
<form action="#">
<div>

<fieldset>

<input type="radio" name="radio-choice" id="radio-choice-0" value=0 />
<label for="radio-choice-0">0</label>

<input type="radio" name="radio-choice" id="radio-choice-1" value=1 />
<label for="radio-choice-1">1</label>

<input type="radio" name="radio-choice" id="radio-choice-2" value=2 />
<label for="radio-choice-2">2</label>

<input type="radio" name="radio-choice" id="radio-choice-3" value=3 />
<label for="radio-choice-3">3</label>

<input type="radio" name="radio-choice" id="radio-choice-4" value=4 />
<label for="radio-choice-4">4</label>

<input type="radio" name="radio-choice" id="radio-choice-5" value=5 />
<label for="radio-choice-5">5</label>

<input type="radio" name="radio-choice" id="radio-choice-6" value=6 />
<label for="radio-choice-6">6</label>

<input type="radio" name="radio-choice" id="radio-choice-7" value=7 />
<label for="radio-choice-7">7</label>

<input type="radio" name="radio-choice" id="radio-choice-8" value=8 />
<label for="radio-choice-8">8</label>

<input type="radio" name="radio-choice" id="radio-choice-9" value=9 />
<label for="radio-choice-9">9</label>

<input type="radio" name="radio-choice" id="radio-choice-10" value=10 />
<label for="radio-choice-10">10</label>

<div class="dial">▲</div>

</fieldset>
</div>
</form>
</div>
<!-- Dial for Frequency-->
<div class="containera">
<form action="#">
<div>

<fieldset>
<input type="radio" name="radio-choice" id="freq-choice-0" value=0 />
<label for="freq-choice-0">0</label>

<input type="radio" name="freq-choice" id="freq-choice-1" value=1 />
<label for="freq-choice-1">1</label>

<input type="radio" name="freq-choice" id="freq-choice-2" value=2 />
<label for="freq-choice-2">2</label>

<input type="radio" name="freq-choice" id="freq-choice-3" value=3 />
<label for="freq-choice-3">3</label>

<input type="radio" name="freq-choice" id="freq-choice-4" value=4 />
<label for="freq-choice-4">4</label>

<input type="radio" name="freq-choice" id="freq-choice-5" value=5 />
<label for="freq-choice-5">5</label>

<input type="radio" name="freq-choice" id="freq-choice-6" value=6 />
<label for="freq-choice-6">6</label>

<input type="radio" name="freq-choice" id="freq-choice-7" value=7 />
<label for="freq-choice-7">7</label>

<input type="radio" name="freq-choice" id="freq-choice-8" value=8 />
<label for="freq-choice-8">8</label>

<input type="radio" name="freq-choice" id="freq-choice-9" value=9 />
<label for="freq-choice-9">9</label>

<input type="radio" name="freq-choice" id="freq-choice-10" value=10 />
<label for="freq-choice-10">10</label>

<div class="dial">▲</div>

</fieldset>
</div>
</form>
</div>
</div>



<!-- Audio Source -->
<audio src="IMAGES YAAR/switchOn.mp3" id="myAudio"></audio>




<br>
<!-- Instructions -->
<!--<div class="topContainer">Instructions</div>-->
<div class="wrapper">
<div class="midContainer1">
" 1. First Turn on 8 Bit Variable data generator using power switch which helps to generate the data signal from given data <br>
2. Change the orientation of data switch as per your data, for 0 toggle it up to vice versa.<br>

3.Check the data again from S0 to S7 bit and the amplitude and frequency of message signal."<br>
</div>
<div class="midContainer2">
1.Click on RUN button to generate the ASK signal <br>

2.Observe the graph and download it from right to top corner of graph in png,jpeg,and pdf format.<Br>

3.To decode the ASK signal click the decode button shown below."<br>
</div>
</div>
<!-- Graphs -->
<div class="graphs">

<canvas id="canvasCarrier" height="300px" style="border:1px solid"></canvas>
<canvas id="canvasASK" height="300px" style="border:1px solid"></canvas>
<canvas id="canvasFSK" height="300px" style="border:1px solid"></canvas>
<canvas id="canvasDemodulated" height="300px" style="border:1px solid"></canvas>
</div>
</div>

<script src="index.js"></script>
</body>
</html>
Loading