Skip to content

Commit

Permalink
Added HTML framework
Browse files Browse the repository at this point in the history
  • Loading branch information
LukePng committed Jun 25, 2024
1 parent f0e1deb commit ca80e97
Show file tree
Hide file tree
Showing 11 changed files with 791 additions and 84 deletions.
74 changes: 74 additions & 0 deletions diff1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="static/assets/nicest_rosette.jpg" >
<title>Minimalist Website</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<main class="background-image">
<section class ="bg-text">
<h1> </h1>
<h2> Diffraction and Interference </h2>
<p style = "color:#f34343"> . </p>
<p style = "color:#681111"> . </p>
<p style = "color:#000000"> . </p>
<nav>
<ul>
<a href="superposition.html">Home</a>

<li class="dropdown">
<a href="#">Introduction</a>
<div class="dropdown-content">
<a href="intro1.html">What are waves?</a>
<a href="intro2.html">How are waves?</a>
<a href="intro3.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Diffraction</a>
<div class="dropdown-content">
<a href="#">History + Application</a>
<a href="diff2.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Interference</a>
<div class="dropdown-content">
<a href="inf1.html">History</a>
<a href="inf2.html">Applications</a>
<a href="inf3.html">Differences from Diffraction</a>
<a href="inf4.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="">Practice</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
<li class="form">
<a href="#">Feedback</a>
</li>
</li>
</ul>
</nav>
</section>
</main>
</header>
<section class="content">
<h1>History and applications</h1>
<p>
To go through the discovery of diffraction and its applications [and use the formulas]
</p>
<a href="diff2.html"><button>Next</button></a>
</section>
<footer>
<p>&copy; 2024 nice diffraction site.</p>
</footer>
</body>
</html>
71 changes: 71 additions & 0 deletions diff2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="static/assets/nicest_rosette.jpg" >
<title>Minimalist Website</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<main class="background-image">
<section class ="bg-text">
<h1> </h1>
<h2> Diffraction and Interference </h2>
<p style = "color:#f34343"> . </p>
<p style = "color:#681111"> . </p>
<p style = "color:#000000"> . </p>
<nav>
<ul>
<a href="superposition.html">Home</a>

<li class="dropdown">
<a href="#">Introduction</a>
<div class="dropdown-content">
<a href="intro1.html">What are waves?</a>
<a href="intro2.html">How are waves?</a>
<a href="intro3.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Diffraction</a>
<div class="dropdown-content">
<a href="diff1.html">History + Application</a>
<a href="#">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Interference</a>
<div class="dropdown-content">
<a href="inf1.html">History</a>
<a href="inf2.html">Applications</a>
<a href="inf3.html">Differences from Diffraction</a>
<a href="inf4.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="">Practice</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
<li class="form">
<a href="#">Feedback</a>
</li>
</li>
</ul>
</nav>
</section>
</main>
</header>
<section class="content">
<h1>Key Formulae and Recap</h1>
<a href="inf1.html"><button>Next</button></a>
</section>
<footer>
<p>&copy; 2024 nice diffraction site.</p>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions inf1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="static/assets/nicest_rosette.jpg" >
<title>Minimalist Website</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<main class="background-image">
<section class ="bg-text">
<h1> </h1>
<h2> Diffraction and Interference </h2>
<p style = "color:#f34343"> . </p>
<p style = "color:#681111"> . </p>
<p style = "color:#000000"> . </p>
<nav>
<ul>
<a href="superposition.html">Home</a>

<li class="dropdown">
<a href="#">Introduction</a>
<div class="dropdown-content">
<a href="intro1.html">What are waves?</a>
<a href="intro2.html">How are waves?</a>
<a href="intro3.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Diffraction</a>
<div class="dropdown-content">
<a href="diff1.html">History + Application</a>
<a href="diff2.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Interference</a>
<div class="dropdown-content">
<a href="#">History</a>
<a href="inf2.html">Applications</a>
<a href="inf3.html">Differences from Diffraction</a>
<a href="inf4.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="">Practice</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
<li class="form">
<a href="#">Feedback</a>
</li>
</li>
</ul>
</nav>
</section>
</main>
</header>
<section class="content">
<h1>History</h1>
<p>
Young's double slit experiment, electron and photon waves
</p>
<a href="inf2.html"><button>Next</button></a>
</section>
<footer>
<p>&copy; 2024 nice diffraction site.</p>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions inf2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="static/assets/nicest_rosette.jpg" >
<title>Minimalist Website</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<main class="background-image">
<section class ="bg-text">
<h1> </h1>
<h2> Diffraction and Interference </h2>
<p style = "color:#f34343"> . </p>
<p style = "color:#681111"> . </p>
<p style = "color:#000000"> . </p>
<nav>
<ul>
<a href="superposition.html">Home</a>

<li class="dropdown">
<a href="#">Introduction</a>
<div class="dropdown-content">
<a href="intro1.html">What are waves?</a>
<a href="intro2.html">How are waves?</a>
<a href="intro3.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Diffraction</a>
<div class="dropdown-content">
<a href="diff1.html">History + Application</a>
<a href="diff2.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Interference</a>
<div class="dropdown-content">
<a href="inf1.html">History</a>
<a href="#">Applications</a>
<a href="inf3.html">Differences from Diffraction</a>
<a href="inf4.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="">Practice</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
<li class="form">
<a href="#">Feedback</a>
</li>
</li>
</ul>
</nav>
</section>
</main>
</header>
<section class="content">
<h1>Applications</h1>
<p>
Rayleigh criterion, noise cancelling [sound waves circular prop]
</p>
<a href="inf3.html"><button>Next</button></a>
</section>
<footer>
<p>&copy; 2024 nice diffraction site.</p>
</footer>
</body>
</html>
75 changes: 75 additions & 0 deletions inf3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="static/assets/nicest_rosette.jpg" >
<title>Minimalist Website</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<main class="background-image">
<section class ="bg-text">
<h1> </h1>
<h2> Diffraction and Interference </h2>
<p style = "color:#f34343"> . </p>
<p style = "color:#681111"> . </p>
<p style = "color:#000000"> . </p>
<nav>
<ul>
<a href="superposition.html">Home</a>

<li class="dropdown">
<a href="#">Introduction</a>
<div class="dropdown-content">
<a href="intro1.html">What are waves?</a>
<a href="intro2.html">How are waves?</a>
<a href="intro3.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Diffraction</a>
<div class="dropdown-content">
<a href="diff1.html">History + Application</a>
<a href="diff2.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="#">Interference</a>
<div class="dropdown-content">
<a href="inf1.html">History</a>
<a href="inf4.html">Applications</a>
<a href="#">Differences from Diffraction</a>
<a href="inf4.html">Key Formulae and Recap</a>
</div>
</li>
<li class="dropdown">
<a href="">Practice</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
<li class="form">
<a href="#">Feedback</a>
</li>
</li>
</ul>
</nav>
</section>
</main>
</header>
<section class="content">
<h1>Differences from Diffraction</h1>
<ol>
<li>mechanism: D is from single wave, I is multiple</li>
<li>Formula different</li>
<li>Path Different</li>
</ol>
</section>
<footer>
<p>&copy; 2024 nice diffraction site.</p>
</footer>
</body>
</html>
Loading

0 comments on commit ca80e97

Please sign in to comment.