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

knowledgebase template

Browse Source
This commit is contained in:
Shchoholiev 2021-12-13 09:07:07 +02:00
parent 257586d553
commit a120cfe19e
6 changed files with 92 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
Boolean-Algebra/index.html
View File

@ -20,12 +20,11 @@
<header>
<div class="content">
<h3><a href="..">CDM Utils</a></h3>
<h3><a href="../index.html">CDM Utils</a></h3>
<div class="theme">
<h3><a href="../Set-Algebra">Set Algebra</a></h3>
<h3><a href="../Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="" class="current">Boolean Algebra</a></h3>
<h3><a href=""></a></h3>
<h3><a href="../Knowledgebase">Knowledgebase</a></h3>
<h3><a href="../Knowledgebase/index.html">Knowledgebase</a></h3>
<h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
</div>
</div>
@ -100,7 +99,9 @@
<div class="wrapper hide close" id="stepsNode">
<img src="../img/cross-close-icon.png" class="close-button" onclick="ToggleSteps(false)">
<div class="step-by-step" id="stepsWrapper">
<h1>Step by step <a href="" title="Learn more about Boolean Calculations"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
<h1>Step by step
<a href="" title="Learn more about Boolean Calculations"><img src="../img/question-mark.png" class="question-mark-button"></a>
</h1>
<div class="input-wrap" id="input-wrap">
<h1 class="text">1.</h1>
<div class="input"><input type="result" id="step1" readonly/></div>
@ -111,7 +112,9 @@
<div class="wrapper hide close" id="truthTableNode">
<img src="../img/cross-close-icon.png" class="close-button" onclick="ToggleTruthTable(false)">
<div class="step-by-step" id="truthTableWrapper">
<h1>Truth Table <a href="" title="Learn more about Truth Tabels"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
<h1>Truth Table
<a href="" title="Learn more about Truth Tabels"><img src="../img/question-mark.png" class="question-mark-button"></a>
</h1>
<div class="input-wrap" id="input-wrap">
<div class="input"><input type="table-start" id="step1" readonly/></div>
</div>
@ -127,7 +130,9 @@
<div class="wrapper hide close" id="pdnfNode">
<img src="../img/cross-close-icon.png" class="close-button" onclick="TogglePDNF(false)">
<div class="step-by-step" id="pdnfWrapper">
<h1>Perfect Disjunctive Normal Form <a href="" title="Learn more about PDNF"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
<h1>Perfect Disjunctive Normal Form
<a href="" title="Learn more about PDNF"><img src="../img/question-mark.png" class="question-mark-button"></a>
</h1>
<div class="input-wrap" id="input-wrap">
<div class="input"><input type="result" id="step1" readonly/></div>
</div>
@ -137,7 +142,9 @@
<div class="wrapper hide close" id="pcnfNode">
<img src="../img/cross-close-icon.png" class="close-button" onclick="TogglePCNF(false)">
<div class="step-by-step" id="pcnfWrapper">
<h1>Perfect Conjunctive Normal Form <a href="" title="Learn more about PCNF"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
<h1>Perfect Conjunctive Normal Form
<a href="" title="Learn more about PCNF"><img src="../img/question-mark.png" class="question-mark-button"></a>
</h1>
<div class="input-wrap" id="input-wrap">
<div class="input"><input type="result" id="step1" readonly/></div>
</div>

BIN
Knowledgebase/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 527 B

45
Knowledgebase/index.html
View File

@ -1,12 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Knowledgebase</title>
<link rel="icon" type="image/x-icon" href="favicon.png">
<link rel="stylesheet" href="../style.css">
</head>
<body>
<h1>Coming soon</h1>
<div class="gradient"></div>
<div class="container">
<header>
<div class="content">
<h3><a href="../index.html">CDM Utils</a></h3>
<div class="theme">
<h3><a href="../Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="../Boolean-Algebra/index.html">Boolean Algebra</a></h3>
<h3><a class="current" href="Knowledgebase">Knowledgebase</a></h3>
<h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
</div>
</div>
</header>
<h1 class="title">Knowledgebase</h1>
<div class="wrapper no-top-margin knowledge">
<div class="knowledge-wrap">
<h1 class="knowledge-main-title">Main Title (Set Algebra)</h1>
<h1 class="knowledge-title">Theme Title (Set algebra operations)</h1>
<h6 class="knowledge-desc"> &emsp; (Это команда для таба) Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus in nulla a lobortis. Integer odio nulla, sollicitudin fringilla commodo et, interdum nec turpis. Quisque pellentesque, arcu ac
luctus interdum, urna elit euismod sem, eu accumsan ipsum ipsum a velit. Donec mattis metus odio, id maximus velit condimentum sit amet. Duis iaculis, lorem eget scelerisque porta, ante ligula consequat tellus, non vestibulum sem risus
quis massa. Morbi sodales imperdiet nulla, id tristique ipsum ornare quis. Duis aliquet lacus non urna ornare, id sodales turpis malesuada. Maecenas interdum nibh nibh, condimentum rhoncus nulla lobortis sit amet. Phasellus et lorem
volutpat, accumsan justo in, ultrices nisi. Duis dignissim orci sollicitudin ornare mattis. Donec vitae odio diam.</h6>
<h1 class="knowledge-main-title">Main Title (Set Algebra)</h1>
<h1 class="knowledge-title">Theme Title (Set algebra operations)</h1>
<h6 class="knowledge-desc"> &emsp; (Это команда для таба) Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus in nulla a lobortis. Integer odio nulla, sollicitudin fringilla commodo et, interdum nec turpis. Quisque pellentesque, arcu ac
luctus interdum, urna elit euismod sem, eu accumsan ipsum ipsum a velit. Donec mattis metus odio, id maximus velit condimentum sit amet. Duis iaculis, lorem eget scelerisque porta, ante ligula consequat tellus, non vestibulum sem risus
quis massa. Morbi sodales imperdiet nulla, id tristique ipsum ornare quis. Duis aliquet lacus non urna ornare, id sodales turpis malesuada. Maecenas interdum nibh nibh, condimentum rhoncus nulla lobortis sit amet. Phasellus et lorem
volutpat, accumsan justo in, ultrices nisi. Duis dignissim orci sollicitudin ornare mattis. Donec vitae odio diam.</h6>
</div>
</div>
</body>
</html>

7
Set-Algebra/index.html
View File

@ -20,12 +20,11 @@
<header>
<div class="content">
<h3><a href="..">CDM Utils</a></h3>
<h3><a href="../index.html">CDM Utils</a></h3>
<div class="theme">
<h3><a href="" class="current">Set Algebra</a></h3>
<h3><a href="../Boolean-Algebra">Boolean Algebra</a></h3>
<h3><a href=""></a></h3>
<h3><a href="../Knowledgebase">Knowledgebase</a></h3>
<h3><a href="../Boolean-Algebra/index.html">Boolean Algebra</a></h3>
<h3><a href="../Knowledgebase/index.html">Knowledgebase</a></h3>
<h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
</div>
</div>

3
index.html
View File

@ -24,8 +24,7 @@
<div class="theme">
<h3><a href="Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="Boolean-Algebra/index.html">Boolean Algebra</a></h3>
<h3><a href=""></a></h3>
<h3><a href="Knowledgebase">Knowledgebase</a></h3>
<h3><a href="Knowledgebase/index.html">Knowledgebase</a></h3>
<h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
</div>
</div>

30
style.css
View File

@ -477,6 +477,33 @@ input[type=table-end] {
max-width: 22px;
}
/* ------------------Knowledgebase-------------- */
.knowledge {
flex-direction: column;
}
.knowledge-wrap {
width: 95%;
margin: 20px auto;
display: flex;
flex-direction: column;
}
.knowledge-main-title {
margin: 15px auto;
}
.knowledge-title {
text-align: left;
margin: 5px 0;
}
.knowledge-desc {
text-align: justify;
}
@media screen and (max-device-width: 650px) and (min-device-width: 0px) {
.wrapper {
flex-direction: column;
@ -497,4 +524,7 @@ input[type=table-end] {
width: auto;
text-align: center;
}
.knowledge-wrap {
width: 80%;
}
}