From 17852e3680b0d2305457a06f1753be293f4eae86 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 21 Dec 2024 16:34:01 +0200 Subject: referat(WT): Added name and fn --- Year 4/Web technologies/referat/css/effects.css | 19 +++++++- Year 4/Web technologies/referat/css/style.css | 33 ++++++------- Year 4/Web technologies/referat/img/author.svg | 57 ++++++++++++++++++++++ .../referat/javascript/navbar-shrink.js | 28 ++++++++++- Year 4/Web technologies/referat/referat.html | 24 ++++----- 5 files changed, 129 insertions(+), 32 deletions(-) create mode 100644 Year 4/Web technologies/referat/img/author.svg 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 @@ + + + + + + + + + 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 @@ Архитектура Виртуални хостове Конфигуриране +
+
Камен Младенов - 0MI0800028

@@ -92,7 +94,7 @@ Разбира се, екипът зад нея поддържат и Apache уеб-сървърът. Инсталацията се свежда до една проста команда:[8]

- 
brew install httpdCopy!
+ 
brew install httpdCopy!

Linux

@@ -102,13 +104,13 @@ Обаче действието е практически същото при всички тях и наподобява този под MacOS: изпълнява се команда, извикваща вградения пакетен мениджър да свръши работата.[10]

Ubuntu/Debian
- 
sudo apt install -y apache2Copy!
+ 
sudo apt install -y apache2Copy!
CentOS/Red Hat Enterprise Linux
- 
sudo yum install -y apache2Copy!
+ 
sudo yum install -y apache2Copy!
Gentoo
- 
sudo emerge apacheCopy!
+ 
sudo emerge apacheCopy!
Arch Linux
- 
sudo pacman -S apacheCopy!
+ 
sudo pacman -S apacheCopy!
@@ -142,17 +144,17 @@
  • Изпълняване на конвертиращия инструмент: - 
    perl srclib\apr\build\lineends.plCopy!
    + 
    perl srclib\apr\build\lineends.plCopy!
  • Изпълняване на компилиращия скрипт: - 
    nmake /f Makefile.win _apacherCopy!
    + 
    nmake /f Makefile.win _apacherCopy!
  • Изпълняване на инсталиращия скрипт: - 
    nmake /f Makefile.win installrCopy!
    + 
    nmake /f Makefile.win installrCopy!
    • @@ -170,17 +172,17 @@
  • Конфигуриране на средата: - 
    ./configureCopy!
    + 
    ./configureCopy!
  • Компилиране: - 
    makeCopy!
    + 
    makeCopy!
  • Инсталиране: - 
    sudo make installCopy!
    + 
    sudo make installCopy!
    • -- cgit v1.3.1-23-gd82d