Skip to content

Commit

Permalink
Merge pull request #11 from virtual-labs/main
Browse files Browse the repository at this point in the history 
UPPERCASE done
  • Loading branch information
@ishantdei
ishantdei authored May 27, 2024
2 parents 58bb973 + 467dadb commit 5fffdfc
Show file tree
Hide file tree
Showing 174 changed files with 12,200 additions and 0 deletions.
58 changes: 58 additions & 0 deletions experiment/simulation/I.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&amp;family=Raleway&amp;display=swap"
rel="stylesheet" />
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/header.css" />

<link rel="stylesheet" href="./Letters/I/I.css" />


<title>Virtual Labs</title>
</head>

<body>


<div class="simulation-container">

<h2 class="title">Lettering</h2>
<h3 class="instruction-main"> Letter I</h3>

<h1 class="rules">Rules-</h1>
<p class="rule">1] Draw the line in the direction of the arrow on the trace of the letter.</p>
<p class="rule">2] To draw, click on the starting point and drag the cursor to end point .</p>







<div id="canvas-container">
<canvas id="canvas" width="400" height="400"></canvas>
<div class="dot" id="dot3" style="top: 40px; left: 203px;"></div>
<!-- <div class="dot" id="dot4" style="top: 190px; left: 145px;"></div> -->
<div class="dot" id="dot1" style="top: 352px; left: 203px;"></div>
<img id="sbox" src="./Letters/I/sboxx.png">
<img id="trace" src="./Letters/I/I.png">
<img class="arrrow1" id="arrow1" src="./Letters/I/without-bg.gif" alt="Overlay Image">
<!-- <img class="arrrow2" id="arrow2" src="without-bg.gif" alt="Overlay Image">
<img class="arrrow3" id="arrow3" src="without-bg.gif" alt="Overlay Image"> -->
<img id="stroke1" src="./Letters/I/stroke1.png">
<!-- <img id="stroke2" src="stroke2.png" >
<img id="stroke3" src="stroke2.png" >-->
</div>

</div>
<!-- Your code goes here-->

<!-- Add JS at the bottom of HTML file -->
<script src="./Letters/I/I.js"></script>
</body>

</html>
59 changes: 59 additions & 0 deletions experiment/simulation/J.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&amp;family=Raleway&amp;display=swap"
rel="stylesheet" />
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/header.css" />

<link rel="stylesheet" href="./Letters/J/J.css" />


<title>Virtual Labs</title>
</head>

<body>


<div class="simulation-container">

<h2 class="title">Lettering</h2>
<h3 class="instruction-main"> Letter I</h3>

<h1 class="rules">Rules-</h1>
<p class="rule">1] Draw the line in the direction of the arrow on the trace of the letter.</p>
<p class="rule">2] To draw, click on the starting point and drag the cursor to end point .</p>







<div id="canvas-container">
<canvas id="canvas" width="400" height="400"></canvas>
<div class="dot" id="dot3" style="top: 40px; left: 271px;"></div>

<div class="dot" id="dot1" style="top: 275px; left: 98px;"></div>

<img id="sbox" src="./Letters/J/sboxx.png">
<img id="trace" src="./Letters/J/J.png">
<img class="arrrow1" id="arrow1" src="./Letters/J/without-bg.gif" alt="Overlay Image">
<!-- <img class="arrrow2" id="arrow2" src="without-bg.gif" alt="Overlay Image">
<img class="arrrow3" id="arrow3" src="without-bg.gif" alt="Overlay Image"> -->
<img id="stroke1" src="./Letters/J/stroke2.png">
<!-- <img id="stroke2" src="stroke2.png" >
<img id="stroke3" src="stroke2.png" >-->
</div>

</div>
<!-- Your code goes here-->

<!-- Add JS at the bottom of HTML file -->
<script src="./Letters/J/J.js"></script>
</body>

</html>
63 changes: 63 additions & 0 deletions experiment/simulation/K.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&amp;family=Raleway&amp;display=swap"
rel="stylesheet" />
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/header.css" />

<link rel="stylesheet" href="./Letters/K/K.css" />


<title>Virtual Labs</title>
</head>

<body>


<div class="simulation-container">

<h2 class="title">Lettering</h2>
<h3 class="instruction-main"> Letter I</h3>

<h1 class="rules">Rules-</h1>
<p class="rule">1] Draw the line in the direction of the arrow on the trace of the letter.</p>
<p class="rule">2] To draw, click on the starting point and drag the cursor to end point .</p>







<div id="canvas-container">
<canvas id="canvas" width="400" height="400"></canvas>
<div class="dot" id="dot3" style="top: 83px; left: 135px;"></div>
<div class="dot" id="dot4" style="top: 82.5px; left: 257px;"></div>
<div class="dot" id="dot1" style="top: 319px; left: 135px;"></div>
<div class="dot" id="dot2" style="top: 220px; left: 135px;"></div>
<div class="dot" id="dot5" style="top: 170px; left: 180px;"></div>
<div class="dot" id="dot6" style="top: 317px; left: 295px;"></div>
<img id="sbox" src="./Letters/K/sboxx.png" >
<img id="trace" src="./Letters/K/K.png" >
<img class="arrrow1" id="arrow1" src="./Letters/K/without-bg.gif" alt="Overlay Image">
<img class="arrrow2" id="arrow2" src="./Letters/K/without-bg.gif" alt="Overlay Image">
<img class="arrrow3" id="arrow3" src="./Letters/K/without-bg.gif" alt="Overlay Image">

<img id="stroke1" src="./Letters/K/stroke1.png" >
<img id="stroke2" src="./Letters/K/stroke1.png" >
<img id="stroke3" src="./Letters/K/stroke1.png" >

</div>

</div>
<!-- Your code goes here-->

<!-- Add JS at the bottom of HTML file -->
<script src="./Letters/K/K.js"></script>
</body>

</html>
58 changes: 58 additions & 0 deletions experiment/simulation/L.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&amp;family=Raleway&amp;display=swap"
rel="stylesheet" />
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/header.css" />

<link rel="stylesheet" href="./Letters/L/L.css" />


<title>Virtual Labs</title>
</head>

<body>


<div class="simulation-container">

<h2 class="title">Lettering</h2>
<h3 class="instruction-main"> Letter I</h3>

<h1 class="rules">Rules-</h1>
<p class="rule">1] Draw the line in the direction of the arrow on the trace of the letter.</p>
<p class="rule">2] To draw, click on the starting point and drag the cursor to end point .</p>







<div id="canvas-container">
<canvas id="canvas" width="400" height="400"></canvas>
<div class="dot" id="dot3" style="top: 80px; left: 101px;"></div>
<div class="dot" id="dot2" style="top: 355px; left: 295px;"></div>
<div class="dot" id="dot1" style="top: 355px; left: 101px;"></div>
<img id="sbox" src="./Letters/L/sboxx.png" >
<img id="trace" src="./Letters/L/L.png" >
<img class="arrrow1" id="arrow1" src="./Letters/L/without-bg.gif" alt="Overlay Image">
<img class="arrrow2" id="arrow2" src="./Letters/L/without-bg.gif" alt="Overlay Image">

<img id="stroke1" src="./Letters/L/stroke11.png" >
<img id="stroke2" src="./Letters/L/stroke11.png" >
<img id="stroke3" src="./Letters/L/stroke2.png" >
</div>

</div>
<!-- Your code goes here-->

<!-- Add JS at the bottom of HTML file -->
<script src="./Letters/L/L.js"></script>
</body>

</html>
Loading

0 comments on commit 5fffdfc

Please sign in to comment.