cuqmbr/cdm-utils
1
0
Fork 0
Code Issues Pull Requests Activity

added favicons & main page

Browse Source
This commit is contained in:
Shchoholiev 2021-11-26 11:37:15 +02:00
parent a51f67ae1c
commit 4b163d40d1
5 changed files with 52 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Set-Algebra/index.html
View File

@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="../Set-Algebra/favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.png">
<title>Set Algebra Calculator</title>
<link rel="stylesheet" href="../style.css">

BIN
img/Boolean-Algebra.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
img/Set-Algebra.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

44
index.html
View File

@ -5,10 +5,10 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<title>CDM Calculator</title>
<title>Lab-1</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="style.css">
</head>
@ -20,8 +20,8 @@
<div class="content">
<h3><a href="">CDM</a></h3>
<div class="theme">
<h3><a href="/Lab-1/index.html">Set Algebra</a></h3>
<h3><a href="/Lab-2/index.html">Boolean Algebra</a></h3>
<h3><a href="Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="">Boolean Algebra</a></h3>
</div>
</div>
@ -30,36 +30,18 @@
<div class="wrapper">
<div class="wrap-side">
<h1>Sets</h1>
<div id="sets">
<div class="input-wrap">
<h1 class="text">Set A = </h1>
<div class="input"><input type="set" onkeydown="return checkInputSet(event.key, this.value)" id="set0" placeholder="1,2,3" /></div>
</div>
<div class="input-wrap">
<h1 class="text">Set B = </h1>
<div class="input"><input type="set" onkeydown="return checkInputSet(event.key, this.value)" id="set1" placeholder="Define set" /></div>
</div>
</div>
<input class="addSet" type="button" value="Add Set" onclick="AddSet()" />
<a href="Set-Algebra/index.html" class="calculator">
<img src="img/Set-Algebra.png">
<h1>Set Algebra Calculator</h1>
</a>
</div>
<div class="wrap-side">
<h1>Problem</h1>
<h2><input type="problem" id="formula" onkeydown="return checkInputProblem(event.key)" placeholder="!A-C+B/U" /></h2>
<div class="buttons">
<input class="button" type="button" id="calculate" value="Evaluate" onclick="Evaluate(true)" />
<input class="button" type="button" id="calculate" value="Step by step" onclick="stepByStep()" />
</div>
<div class="wrap-result">
<div class="input-wrap">
<h1 class="text">Result </h1>
<div class="input"><input type="result" id="result" readonly/></div>
</div>
</div>
<h6 class="description">Define sets: A, B, C, and Universal set. Then write the problem you need to solve. </h6>
<a href="" class="calculator">
<img src="img/Boolean-Algebra.png">
<h1>Boolean Algebra Calculator</h1>
</a>
</div>
</div>
</body>

38
style.css
View File

@ -248,6 +248,12 @@ input[type=button] {
cursor: pointer;
font-size: 18px;
font-family: Myriad-R;
transition: 1s;
}
input[type=button]:hover {
background-color: rgba(255, 255, 255, 0.7);
transition: 1s;
}
input[type=result] {
@ -323,6 +329,38 @@ input[type=result] {
display: none;
}
/* ------------------Main-------------- */
.calculator {
display: flex;
flex-direction: column;
margin: 20px auto;
width: 90%;
max-width: 250px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 20px;
padding: 20px;
transition: 1s;
}
.calculator img {
height: 100px;
margin: 20px auto;
}
.calculator:hover {
background-color: rgba(255, 255, 255, 0.5);
transition: 1s;
}
.calculator h1 {
margin: 0 auto;
text-align: center;
font-size: 23px;
max-width: 200px;
}
@media screen and (max-device-width: 650px) and (min-device-width: 0px) {
.wrapper {
flex-direction: column;