Skip to content
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

Cleaned code #23

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+1,583 −1,427
Open

Cleaned code #23

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
48 changes: 20 additions & 28 deletions Devs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html>

<!-- the code in the original file for dropdown menu isn't working and it still doesn't work -->

<head>
Expand All @@ -13,20 +12,17 @@
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<!-- TITLE AND CUSTOM CSS -->
<title> Developers </title>
<link rel="stylesheet" href="css/devs.css">
</head>

<body>

<!-- ENTER HEADER HERE -->
<div class="header">
<h1 style="color: white"><b>Developers</b></h1>
<p style="color: white">Hi Users</p>
</div>

<div class="topnav">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&larr;</a>
Expand All @@ -47,7 +43,6 @@ <h1 style="color: white"><b>Developers</b></h1>
<a href="RSA.html">RSA Encryption</a>
</div>
</div>

<div class="dropdown">
<button class="dropbtn">
Modular Arithmetic
Expand All @@ -72,50 +67,47 @@ <h1 style="color: white"><b>Developers</b></h1>
<div class="w3-container">
<button class="w3-button w3-xlarge w3-circle w3-red w3-card-4" id="myBtn">+</button>
</div>

<!-- ENTER CONTENT HERE-->
<div class="row">
<div class="leftcolumn">
<div class="card">
<img src="css/img/me.jpg" style="width: 100px ; height: 100px ; border-radius: 50%">
<p><q>Making this website was a very knwoledgeful experience . I got to know so many new things about <i>Web Development</i> and the beauty of <i>CSS</i> </q></p>
<p style="margin-left: 600px"><b>-Abhyuday Tripathi</b></p>

<img src="css/img/ananya.jpg" style="width: 100px ; height: 100px ; border-radius: 50%">
<p><q>While working on this project I got to know some basics of HTML, CSS and Javascript. We tried our best to get this webpage to its present form.</q></p>
<p style="margin-left: 600px"><b>-Ananya Tewari</b></p>

</div>
</div>
</div>

<!-- CUSTOM JS GOES HERE -->
<script src="js/prim.js"></script>
<script type="text/javascript">
var w = document.getElementById("mySidenav");
var c = document.getElementsByClassName("card");
var w = document.getElementById("mySidenav");
var c = document.getElementsByClassName("card");

function openNav() {
document.getElementById("mySidenav").style.width = "15%";
}
function openNav() {
document.getElementById("mySidenav").style.width = "15%";
}

function closeNav() {
document.getElementById("mySidenav").style.width = "0";
function closeNav() {
document.getElementById("mySidenav").style.width = "0";

}
var b = document.getElementById("dark");
var v = document.getElementById("body");
}
var b = document.getElementById("dark");
var v = document.getElementById("body");

function ev() {
document.body.style.backgroundColor = "#f3f3f3";
document.body.style.backgroundImage = "url(css/img/test.jpg)";
document.body.style.color = "black";
}
function ev() {
document.body.style.backgroundColor = "#f3f3f3";
document.body.style.backgroundImage = "url(css/img/test.jpg)";
document.body.style.color = "black";
}

function bac() {
document.body.style.backgroundImage = "url(css/img/black-abstract-wallpaper-hd-On-wallpaper-hd.jpg)";
document.body.style.color = "white";
}
function bac() {
document.body.style.backgroundImage = "url(css/img/black-abstract-wallpaper-hd-On-wallpaper-hd.jpg)";
document.body.style.color = "white";
}
</script>
</body>

</html>
145 changes: 67 additions & 78 deletions ModularAddMulSub.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,17 @@
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<!-- TITLE AND CUSTOM CSS -->
<title> Modular Arithmetic </title>
<link rel="stylesheet" href="css/ma.css">
</head>

<body>

<!-- ENTER HEADER HERE -->
<div class="header">
<h1 style="color: whitesmoke">Number theory</h1>
<p style="color: whitesmoke">Theory Of Numbers</p>
</div>

<div class="topnav">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&larr;</a>
Expand All @@ -45,7 +42,6 @@ <h1 style="color: whitesmoke">Number theory</h1>
<a href="RSA.html">RSA Encryption</a>
</div>
</div>

<div class="dropdown">
<button class="dropbtn">
Modular Arithmetic
Expand All @@ -70,15 +66,12 @@ <h1 style="color: whitesmoke">Number theory</h1>
<div class="w3-container">
<button class="w3-button w3-xlarge w3-circle w3-red w3-card-4" id="myBtn">+</button>
</div>

<!-- ENTER CONTENT HERE-->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<textarea rows="6" cols="50" placeholder="Give your reviews..." style="color:black"></textarea>
<span class="close">&times;</span>

<button class="button" type="button" onclick="submit()" style="height:45px;width:200px ;padding:10px;font-size: 18px"><span>Submit</span></button>
</div>
</div>
Expand All @@ -104,99 +97,95 @@ <h4 style="font-family: Merriweather">(A + B) mod C = (A mod C + B mod C) mod C<
<br> LHS = RHS = 1
<br>
</p>

<p>Visualisation of Modular addition:
<br>
</p>
<div style="margin-left: 250px"><img src="css//img//3a2cb32acda2b6b63f88c61b8def97c0c1185767.jpg" alt="Mod Clock"></div>
<h3 style="font-family: Raleway"><b><i>Subtacting Modular Expressions</i></b></h3>
<p>The same concept is used while subtracting the modular expressions.
<br>
</p>
<h4 style="font-family: Merriweather">(A - B) mod C = (A mod C - B mod C) mod C</h4>
<h3 style="font-family: Raleway"><b><i>Multiplying Modular Expressions</i></b></h3>
<p>The same concept is used while multiplying the modular expressions.
<h3 style="font-family: Raleway"><b><i>Subtacting Modular Expressions</i></b></h3>
<p>The same concept is used while subtracting the modular expressions.
<br>
</p>
<h4 style="font-family: Merriweather">(A - B) mod C = (A mod C - B mod C) mod C</h4>
<h3 style="font-family: Raleway"><b><i>Multiplying Modular Expressions</i></b></h3>
<p>The same concept is used while multiplying the modular expressions.
<br>
</p>
<h4 style="font-family: Merriweather">(A * B) mod C = (A mod C * B mod C) mod C</h4>
<p style="padding-left: 800px;font-size: 10px"><i>Source : KhanAcademy.com</i></p>
</div>
<div class="card">
<h2>Mod Addition</h2>
<br>
</p>
<h4 style="font-family: Merriweather">(A * B) mod C = (A mod C * B mod C) mod C</h4>
<p style="padding-left: 800px;font-size: 10px"><i>Source : KhanAcademy.com</i></p>

</div>

<div class="card">
<h2>Mod Addition</h2>
<br>
<br>
<div style="margin-left: 250px">
<form>
<input type="number" id="val1" placeholder="Enter A" required>
<input type="number" id="val2" placeholder="Enter B" required>
<input type="number" id="val3" placeholder="Enter C" required>
</form>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_add()">Get Mod</button>
<p id="answ" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
<div style="margin-left: 250px">
<form>
<input type="number" id="val1" placeholder="Enter A" required>
<input type="number" id="val2" placeholder="Enter B" required>
<input type="number" id="val3" placeholder="Enter C" required>
</form>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_add()">Get Mod</button>
<p id="answ" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
</div>
</div>
</div>
<div class="card">
<h2>Mod Subtraction</h2>
<br>
<br>
<div style="margin-left: 250px">
<form>
<input type="number" id="sub1" placeholder="Enter A" required>
<input type="number" id="sub2" placeholder="Enter B" required>
<input type="number" id="sub3" placeholder="Enter C" required>
</form>
<div class="card">
<h2>Mod Subtraction</h2>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_sub()">Get Mod</button>
<p id="an" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
<br>
<div style="margin-left: 250px">
<form>
<input type="number" id="sub1" placeholder="Enter A" required>
<input type="number" id="sub2" placeholder="Enter B" required>
<input type="number" id="sub3" placeholder="Enter C" required>
</form>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_sub()">Get Mod</button>
<p id="an" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
</div>
</div>
</div>
<div class="card">
<h2>Mod Multiplication</h2>
<br>
<br>
<div style="margin-left: 250px">
<form>
<input type="number" id="mul1" placeholder="Enter A" required>
<input type="number" id="mul2" placeholder="Enter B" required>
<input type="number" id="mul3" placeholder="Enter C" required>
</form>
<div class="card">
<h2>Mod Multiplication</h2>
<br>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_multi()">Get Mod</button>
<p id="answer" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
<div style="margin-left: 250px">
<form>
<input type="number" id="mul1" placeholder="Enter A" required>
<input type="number" id="mul2" placeholder="Enter B" required>
<input type="number" id="mul3" placeholder="Enter C" required>
</form>
<br>
<p>
<button style="margin-left: 50px" class="button" onclick="Mod_multi()">Get Mod</button>
<p id="answer" style="font-family: Merriweather;margin-left: 100px"><b></b></p>
</div>
</div>
</div>
</div>

<div class="sticky">
<div class="card">
<h2 style="font-family: Merriweather">References</h2>
<div>
<a href="https://ocw.mit.edu/courses/mathematics/18-785-number-theory-i-fall-2016/"><img src="css//img//mitocw_1024x768.jpg" alt="mitocw" style="height: 200px ; width: 200px"></a>
</div>
<p>MIT OpenCourseWare By Prof.Andrew Sutherland</p>
<a href="https://ocw.mit.edu/courses/mathematics/18-785-number-theory-i-fall-2016/">
<div class="sticky">
<div class="card">
<h2 style="font-family: Merriweather">References</h2>
<div>
<a href="https://ocw.mit.edu/courses/mathematics/18-785-number-theory-i-fall-2016/"><img src="css//img//mitocw_1024x768.jpg" alt="mitocw" style="height: 200px ; width: 200px"></a>
</div>
<p>MIT OpenCourseWare By Prof.Andrew Sutherland</p>
<a href="https://ocw.mit.edu/courses/mathematics/18-785-number-theory-i-fall-2016/">
<button class="button" id="mit"><span>Visit </span></button>
</a>
</div>
</div>
</div>
</div>

<!-- CUSTOM JS GOES HERE -->
<script src="js/prim.js"></script>
<script type="text/javascript">
<!-- CUSTOM JS GOES HERE -->
<script src="js/prim.js"></script>
<script type="text/javascript">
function openNav() {
document.getElementById("mySidenav").style.width = "15%";
}

function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</script>
</body>

</html>
Loading