Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@SoB1nary
SoB1nary authored Oct 10, 2024
0 parents commit 5c5d34a
Show file tree
Hide file tree
Showing 20 changed files with 979 additions and 0 deletions.
58 changes: 58 additions & 0 deletions audio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>audio</title>
</head>
<body>
<header>
<nav class="navbar">
<img src="src/public/shlepa.jpg" width="60" height="60" alt="flepa">
<div style="margin: auto">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="audio.html">Music</a></li>
<li><a href="books.html">Book</a></li>
<li class="work"><a href="#">Work &bigtriangledown;</a>
<ul>
<li><a href="form.html">Form</a></li>
<li><a href="math.html">Math</a></li>
<li><a href="api.html">API</li>
</ul>
</li>
<li><a href="https://ku.edu.kz">Entry</a></li>
</ul>
</div>
<div class="burger" id="burger2">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<main>
<p>list of audio</p>
<div>
<div>
<audio src=".\src\public\GohanTeenStandbySkillBGM.mp3" controls type='audio/mp3'></audio>
<p><img src=".\src\public\Card_1029470_artwork_apng.webp"></p>
</div>
<div>
<audio src=".\src\public\LRAGLSSGoku&SSVegetaMoraleBoostBGM.mp3" controls type='audio/mp3'></audio>
<p><img src=".\src\public\Card_1024890_artwork_apng.gif"></p>
</div>
<div>
<audio src=".\src\public\LRINTGokuActiveSkillBGM.mp3" controls type='audio/mp3'></audio>
<p><img src=".\src\public\Card_1026820_artwork_apng.webp"></p>
</div>
</div>
</main>
<footer>
<a href="http://youtube.com"><img width="60px" src="/src/public/Youtube_logo.png"></a>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>
46 changes: 46 additions & 0 deletions books.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>book</title>
</head>
<body>
<header>
<nav class="navbar">
<img src="src/public/shlepa.jpg" width="60" height="60" alt="flepa">
<div style="margin: auto">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="audio.html">Music</a></li>
<li><a href="books.html">Book</a></li>
<li class="work"><a href="#">Work &bigtriangledown;</a>
<ul>
<li><a href="form.html">Form</a></li>
<li><a href="math.html">Math</a></li>
<li><a href="api.html">API</li>
</ul>
</li>
<li><a href="https://ku.edu.kz">Entry</a></li>
</ul>
</div>
<div class="burger" id="burger2">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<main>
<img src="./src/public/monday_saturday.jpeg">
<p><a href="./src/public/Monday Begins on Saturday (Arkady and Boris Strugatsky).pdf">Monday Begins on Saturday by Arkady and Boris Strugatsky</a></p>

</main>
<footer>
<a href="http://youtube.com"><img width="60px" src="/src/public/Youtube_logo.png"></a>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>
70 changes: 70 additions & 0 deletions form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
</head>
<body>
<nav class="navbar">
<img src="/src/public/shlepa.jpg" width="60" height="60" alt="flepa">
<div style="margin: auto">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="audio.html">Music</a></li>
<li><a href="books.html">Book</a></li>
<li class="work"><a href="#">Work &bigtriangledown;</a>
<ul>
<li><a href="form.html">Form</a></li>
<li><a href="math.html">Math</a></li>
<li><a href="api.html">API</li>
</ul>
</li>
<li><a href="https://ku.edu.kz">Entry</a></li>
</ul>
</div>
<div class="burger" id="burger2">
<span></span>
<span></span>
<span></span>
</div>
</nav>
<main class="form"> <!-- Main content area with a class of 'form' for styling -->
<form> <!-- Begin a form element -->
<fieldset> <!-- Group related elements in a box with a border -->
<legend>Personal information</legend> <!-- Caption for the fieldset -->
<label for="name">Name </label> <!-- Label for the 'name' input field -->
<input id="name" name="new_name" placeholder="Name" type="text" required/> <!-- Input field for the name, with a placeholder and required attribute -->
<label for="surname">Surname </label> <!-- Label for the 'surname' input field -->
<input id="surname" name="new_surname" placeholder="Surname" type="text" required/> <!-- Input field for the surname, with a placeholder and required attribute -->
<label for="age">Age </label> <!-- Label for the 'age' input field -->
<input id="age" name="new_age" placeholder="18" type="number" required/> <!-- Input field for age, with a placeholder and required attribute -->
<label for="adress">Address </label> <!-- Label for the 'address' input field (note typo in 'adress') -->
<input id="adress" name="new_adress" type="text"/> <!-- Input field for the address -->
<label for="phone">Phone number </label> <!-- Label for the 'phone' input field -->
<input id="phone" name="new_phone" type="tel"/> <!-- Input field for the phone number -->
<label for="email">Email </label> <!-- Label for the 'email' input field -->
<input id="email" name="new_email" type="email"/> <!-- Input field for the email -->
</fieldset>

<fieldset> <!-- Group related elements in a box with a border -->
<legend>Educational information</legend> <!-- Caption for the fieldset -->
<label for="faculty">Faculty </label> <!-- Label for the 'faculty' input field -->
<input id="faculty" name="new_faculty" type="text"/> <!-- Input field for the faculty -->
<label for="group">Group </label> <!-- Label for the 'group' input field -->
<input id="grouop" name="new_group" type="text" required/> <!-- Input field for the group, with a required attribute (note typo in 'grouop') -->
<label for="order">Date of enrollment order </label> <!-- Label for the 'order' input field -->
<input id="order" name="new_order" type="date"/> <!-- Input field for the date of enrollment order -->
</fieldset>
<button type="submit">Submit</button> <!-- Submit button for the form -->
</form>
</main>
<footer>
<a href="http://youtube.com"><img width="60px" src="/src/public/Youtube_logo.png"></a>
</footer>
<script src="js/scripts.js"></script>
</body>

</html>
53 changes: 53 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>port folio</title>
</head>
<body>
<nav class="navbar">
<img src="src/public/shlepa.jpg" width="60" height="60" alt="flepa">
<div style="margin: auto">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="audio.html">Music</a></li>
<li><a href="books.html">Book</a></li>
<li class="work"><a href="#">Work &bigtriangledown;</a>
<ul>
<li><a href="form.html">Form</a></li>
<li><a href="math.html">Math</a></li>
<li><a href="api.html">API</li>
</ul>
</li>
<li><a href="https://ku.edu.kz">Entry</a></li>
</ul>
</div>
<div class="burger" id="burger2">
<span></span>
<span></span>
<span></span>
</div>
</nav>
<main>
<div>
<p>Name: Vereshchagin Mikhail</p>
<p>Age:19</p>
<p>Place of birth: Petropavlovsk</p>
<p>Currently a student in Kozybaev University</p>
</div>
<img src="./src/public/hq720.jpg" width="600" height="400" alt="photo">
<section>
<p>Essay:::</p>
hello i am mikhail i come from the far away land of petropavlovsk i do not have any special interests aprat from games of computer variety i am a second yera student at North Kazakhstan University i also help with the university as a volonteur currently trying to collect documents to actually enroll as a worker
</section>
</main>
<footer>
<a href="http://youtube.com"><img width="60px" src="/src/public/Youtube_logo.png"></a>
</footer>
<script src="js/scripts.js"></script>
</body>

</html>
100 changes: 100 additions & 0 deletions js/scripts.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@

document.getElementById("burger2").addEventListener("click",function(){
document.querySelector(".navbar").classList.toggle("open")
})

const plus = document.getElementById("butplus");
const minus = document.getElementById("butminus");
const mult = document.getElementById("butmult");
const div = document.getElementById("butdiv");
const sin = document.getElementById("butsin");
const cos = document.getElementById("butcos");
const tg = document.getElementById("buttg");
const ctg = document.getElementById("butctg");

let first = document.getElementById("first");
let second = document.getElementById("second");
let variable = document.getElementById("variable");

const result = document.getElementById("result");
const value = document.getElementById("value");

let res = 0;
let val = 0;
let num = 0;
function calculus(mark) {
const num1= parseFloat(first.value) || 0;
const num2= parseFloat(second.value) || 0;
const num3= parseFloat(variable.value) || 0;
num = (num3*Math.PI)/180;
switch(mark) {
case "+":
res = num1 + num2;
break;
case "-":
res = num1 - num2;
break;
case "*":
res = num1 * num2;
break;
case "/":
res = num2 !== 0? num1 /num2 :"error";
break;
case "sin":
val = Math.sin(num);
break;
case "cos":
val = Math.cos(num);
break;
case "tg":
val = num % Math.PI === Math.PI / 2 ? "error" : Math.tan(num);
break;
case "ctg":
val = num % Math.PI === 0 ? "error" : 1/(Math.tan(num));
break;
}

result.textContent = res;
typeof val === 'number' ? value.textContent= val.toFixed(2) : value.textContent="error";

}

plus.addEventListener("click", (event) => {
event.preventDefault();
calculus("+");
});

minus.addEventListener("click", (event) => {
event.preventDefault();
calculus("-");
});

mult.addEventListener("click", (event) => {
event.preventDefault();
calculus("*");
});

div.addEventListener("click", (event) => {
event.preventDefault();
calculus("/");
});

sin.addEventListener("click", (event) => {
event.preventDefault();
calculus("sin");
});

cos.addEventListener("click", (event) => {
event.preventDefault();
calculus("cos");
});

tg.addEventListener("click", (event) => {
event.preventDefault();
calculus("tg");
});

ctg.addEventListener("click", (event) => {
event.preventDefault();
calculus("ctg");
});
Loading

0 comments on commit 5c5d34a

Please sign in to comment.