referat(WT): Added name and fn

5 files changed, 129 insertions, 32 deletions

diff --git a/Year 4/Web technologies/referat/css/effects.css b/Year 4/Web technologies/referat/css/effects.css
index 9ac3088..c26d678 100644
--- a/Year 4/Web technologies/referat/css/effects.css
+++ b/Year 4/Web technologies/referat/css/effects.css
@@ -1,6 +1,9 @@
-figure {
+figure, .clickable {
   cursor: pointer;
 }
+.clickable:active {
+  transform: scale(0.8);
+}
 
 .none {
   display: none;
@@ -43,3 +46,17 @@ figure {
   left: 0;
   z-index: 99;
 }
+
+.copy-to-clipboard {
+  position: absolute;
+  right: 0.5em;
+  top: 0.25em;
+  z-index: 20;
+  background-color: white;
+  border-radius: 0.25em;
+  cursor: pointer;
+}
+
+.copy-to-clipboard:hover {
+  background-color: rgb(68, 65, 118, 0.5);
+}
diff --git a/Year 4/Web technologies/referat/css/style.css b/Year 4/Web technologies/referat/css/style.css
index ef037db..185e7f0 100644
--- a/Year 4/Web technologies/referat/css/style.css
+++ b/Year 4/Web technologies/referat/css/style.css
@@ -47,12 +47,25 @@ body {
   text-decoration: underline;
 }
 
-#contents > a:not(:last-child) {
+#contents > a:not(:last-of-type) {
   border-right: 5px double var(--level3);
   padding-right: 0.5em;
   margin-right: 0.5em;
 }
 
+.expand {
+  flex: 1;
+}
+
+#author {
+  color: white;
+  text-align: right;
+  position: absolute;
+  right: 0.5em;
+  top: 0.5em;
+  background-color: inherit;
+  padding: 0.5em;
+}
 
 h1 {
   color: white;
@@ -108,21 +121,3 @@ pre > code {
 ol.sources > li::before, sup a, sup a:visited {
   color: var(--level4);
 }
-
-.copy-to-clipboard {
-  position: absolute;
-  right: 0.5em;
-  top: 0.25em;
-  z-index: 20;
-  background-color: white;
-  border-radius: 0.25em;
-  cursor: pointer;
-}
-
-.copy-to-clipboard:hover {
-  background-color: rgb(68, 65, 118, 0.5);
-}
-
-.copy-to-clipboard:active {
-  transform: scale(0.8);
-}
diff --git a/Year 4/Web technologies/referat/img/author.svg b/Year 4/Web technologies/referat/img/author.svg
new file mode 100644
index 0000000..ef71a95
--- /dev/null
+++ b/Year 4/Web technologies/referat/img/author.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="icon icon-tabler icons-tabler-outline icon-tabler-user-edit"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="author.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="36.125"
+     inkscape:cx="11.986159"
+     inkscape:cy="12"
+     inkscape:window-width="1920"
+     inkscape:window-height="1053"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     stroke="none"
+     d="M0 0h24v24H0z"
+     fill="none"
+     id="path1" />
+  <path
+     d="M 8,7 A 4,4 0 1 0 16,7 4,4 0 0 0 8,7"
+     id="path2"
+     style="stroke:#ffffff" />
+  <path
+     d="m 6,21 v -2 a 4,4 0 0 1 4,-4 h 3.5"
+     id="path3"
+     style="stroke:#ffffff" />
+  <path
+     d="m 18.42,15.61 a 2.1001071,2.1001071 0 0 1 2.97,2.97 L 18,22 h -3 v -3 z"
+     id="path4"
+     style="stroke:#ffffff" />
+</svg>
diff --git a/Year 4/Web technologies/referat/javascript/navbar-shrink.js b/Year 4/Web technologies/referat/javascript/navbar-shrink.js
index 62c4b04..648ccf4 100644
--- a/Year 4/Web technologies/referat/javascript/navbar-shrink.js
+++ b/Year 4/Web technologies/referat/javascript/navbar-shrink.js
@@ -1,7 +1,8 @@
 const nav = document.getElementById('contents');
+const author = document.getElementById('author');
 
 function change_nav_names() {
-    if (window.screen.width < 700) {
+    if (window.screen.width < 970) {
         nav.children[0].innerText = 'Във';
         nav.children[1].innerText = 'Инст';
         nav.children[2].innerText = 'Арх';
@@ -15,7 +16,32 @@ function change_nav_names() {
         nav.children[3].innerText = 'Виртуални хостове';
         nav.children[4].innerText = 'Конфигуриране';
     }
+
+    if (window.screen.width < 570) {
+        author.firstChild.innerText = '';
+        author.lastChild.classList.remove('none');
+        author.classList.add('clickable');
+    }
+    else {
+        author.firstChild.innerText = 'Камен Младенов - 0MI0800028';
+        author.lastChild.classList.add('none');
+        author.classList.remove('clickable');
+    }
 }
 
 window.addEventListener('resize', change_nav_names);
 change_nav_names();
+
+author.addEventListener('click', function() {
+    if (window.screen.width >= 570)               { return; }
+    if (document.getSelection().type === 'Range') { return; }
+
+    if (author.firstChild.innerText === '') {
+        author.firstChild.innerText = 'Камен Младенов 0MI0800028';
+    }
+    else {
+        author.firstChild.innerText = '';
+    }
+    author.lastChild.classList.toggle('none');
+    author.classList.toggle('clickable');
+});
diff --git a/Year 4/Web technologies/referat/referat.html b/Year 4/Web technologies/referat/referat.html
index 29e3854..1a0c234 100644
--- a/Year 4/Web technologies/referat/referat.html
+++ b/Year 4/Web technologies/referat/referat.html
@@ -17,6 +17,8 @@
 			<a href="#architecture">Архитектура</a>
 			<a href="#virtual-hosts">Виртуални хостове</a>
 			<a href="#configuring">Конфигуриране</a>
+			<div class="expand"></div>
+			<div id="author"><span>Камен Младенов - 0MI0800028</span><img class="none" src="./img/author.svg"></div>
 		</nav>
 		<article id="content">
 			<h1 class="centered">
@@ -92,7 +94,7 @@
 							Разбира се, екипът зад нея поддържат и Apache уеб-сървърът.
 							Инсталацията се свежда до една проста команда:<sup><a href="#src8">[8]</a></sup>
 						</p>
-						<pre><code>brew install httpd<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+						<pre><code>brew install httpd<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 					</section>
 					<section>
 						<h4>Linux</h4>
@@ -102,13 +104,13 @@
 							Обаче действието е практически същото при всички тях и наподобява този под MacOS: изпълнява се команда, извикваща вградения пакетен мениджър да свръши работата.<sup><a href="#src10">[10]</a></sup>
 						</p>
 						<h5>Ubuntu/Debian</h5>
-						<pre><code>sudo apt install -y apache2<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+						<pre><code>sudo apt install -y apache2<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 						<h5>CentOS/Red Hat Enterprise Linux</h5>
-						<pre><code>sudo yum install -y apache2<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+						<pre><code>sudo yum install -y apache2<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 						<h5>Gentoo</h5>
-						<pre><code>sudo emerge apache<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+						<pre><code>sudo emerge apache<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 						<h5>Arch Linux</h5>
-						<pre><code>sudo pacman -S apache<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+						<pre><code>sudo pacman -S apache<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 					</section>
 				</section>
 				<section id="compiling-source">
@@ -142,17 +144,17 @@
 							<li>
 								Изпълняване на конвертиращия инструмент:
 
-								<pre><code>perl srclib\apr\build\lineends.pl<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>perl srclib\apr\build\lineends.pl<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 							<li>
 								Изпълняване на компилиращия скрипт:
 
-								<pre><code>nmake /f Makefile.win _apacher<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>nmake /f Makefile.win _apacher<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 							<li>
 								Изпълняване на инсталиращия скрипт:
 
-								<pre><code>nmake /f Makefile.win installr<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>nmake /f Makefile.win installr<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 						</ol>
 					</section>
@@ -170,17 +172,17 @@
 							<li>
 								Конфигуриране на средата:
 
-								<pre><code>./configure<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>./configure<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 							<li>
 								Компилиране:
 
-								<pre><code>make<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>make<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 							<li>
 								Инсталиране:
 
-								<pre><code>sudo make install<img class="copy-to-clipboard" src="./img/clipboard.svg" alt="Copy!"></code></pre>
+								<pre><code>sudo make install<img class="copy-to-clipboard clickable" src="./img/clipboard.svg" alt="Copy!"></code></pre>
 							</li>
 						</ol>
 					</section>