From 9f9cb76740d36f1fabd9816e884311d6ed76b6eb Mon Sep 17 00:00:00 2001
From: igor <mino@tpsoft.org>
Date: Sun, 13 Apr 2025 16:52:19 +0200
Subject: [PATCH] added page for API documentation, added content for page
 About

---
 webapp/public/SQLite370.svg       |  34 +++++++++++++++++++++++++
 webapp/public/php-power-micro.png | Bin 0 -> 949 bytes
 webapp/public/vue.svg             |   1 +
 webapp/src/App.vue                |   6 +++--
 webapp/src/assets/css/style.css   |  37 +++++++++++++++++++++------
 webapp/src/components/Report.vue  |   8 +++---
 webapp/src/router.js              |   2 ++
 webapp/src/views/API.vue          |  19 ++++++++++++++
 webapp/src/views/About.vue        |  40 +++++++++++++++++++++++++++---
 webapp/vite.config.js             |   9 ++++++-
 10 files changed, 139 insertions(+), 17 deletions(-)
 create mode 100644 webapp/public/SQLite370.svg
 create mode 100644 webapp/public/php-power-micro.png
 create mode 100644 webapp/public/vue.svg
 create mode 100644 webapp/src/views/API.vue

diff --git a/webapp/public/SQLite370.svg b/webapp/public/SQLite370.svg
new file mode 100644
index 0000000..222af32
--- /dev/null
+++ b/webapp/public/SQLite370.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/"
+	xmlns:cc="http://creativecommons.org/ns#"
+	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+	xmlns:svg="http://www.w3.org/2000/svg"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="381.8515" height="180.60349" id="svg2985" xml:space="preserve">
+	<title id="title2998">SQLite</title>
+	<metadata id="metadata2991">
+		<rdf:RDF>
+			<cc:Work rdf:about="">
+				<dc:format>image/svg+xml</dc:format>
+				<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+				<dc:title>SQLite</dc:title>
+			</cc:Work>
+		</rdf:RDF>
+	</metadata>
+	<rect fill="#ffffff" x="0" y="0" width="390" height="190" />
+	<defs id="defs2989">
+		<linearGradient x1="0" y1="0" x2="1" y2="0" id="linearGradient3027" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-4.02e-6,-91.8907,-91.8907,4.02e-6,85.8809,161.434)" spreadMethod="pad">
+			<stop id="stop3029" style="stop-color:#97d9f6;stop-opacity:1" offset="0" />
+			<stop id="stop3031" style="stop-color:#0f80cc;stop-opacity:1" offset="0.92024499" />
+			<stop id="stop3033" style="stop-color:#0f80cc;stop-opacity:1" offset="1" />
+		</linearGradient>
+		<linearGradient x1="-15.614694" y1="-9.1082983" x2="-6.7410073" y2="-9.1082983" id="linearGradient5421" xlink:href="#linearGradient3027" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-4.02e-7,-9.18907,-9.18907,4.02e-7,8.58809,16.1434)" spreadMethod="pad" />
+		<linearGradient x1="-15.614694" y1="-9.1082983" x2="-6.7410073" y2="-9.1082983" id="linearGradient2995" xlink:href="#linearGradient3027" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-5.025e-7,11.486337,-11.486337,-5.025e-7,-30.839638,202.18698)" spreadMethod="pad" />
+	</defs>
+	<path d="m 147.53125,89.218755 c -4.8225,0 -8.74375,1.4275 -11.75,4.28125 -3.00625,2.85625 -4.53125,6.600135 -4.53125,11.187505 0,2.37738 0.37875,4.545 1.125,6.53125 0.74625,1.99025 1.9075,3.834 3.46875,5.5 1.56125,1.6675 4.68625,3.93263 9.34375,6.8125 5.715,3.48887 9.455,6.32037 11.25,8.53124 1.79625,2.209 2.6875,4.524 2.6875,6.9375 0,3.2315 -1.06375,5.811 -3.25,7.75 -2.19,1.93988 -5.11875,2.90625 -8.75,2.90625 -3.83,0 -7.16625,-1.35012 -10.03125,-4.03125 -2.865,-2.685 -4.31125,-6.23637 -4.34375,-10.6875 l -1.78125,0 0,16.15625 1.78125,0 c 0.54375,-1.52988 1.29625,-2.3125 2.28125,-2.3125 0.47375,0 1.58375,0.32675 3.3125,0.9375 4.20625,1.49662 7.66,2.21875 10.375,2.21875 4.67875,0 8.6725,-1.63862 12,-4.96875 3.3225,-3.32862 5,-7.34375 5,-12.03125 0,-3.63475 -1.1075,-6.86863 -3.28125,-9.68749 -2.17375,-2.82225 -6.40125,-6.10501 -12.71875,-9.875 -5.43625,-3.26614 -8.965,-5.92625 -10.59375,-8 -1.63125,-2.07076 -2.46875,-4.36137 -2.46875,-6.875 0,-2.718755 0.99875,-4.902505 2.96875,-6.531255 1.97,-1.63 4.55125,-2.4375 7.78125,-2.4375 3.635,0 6.665,1.07875 9.0625,3.25 2.395,2.175 3.78,5.189 4.1875,9.062505 l 1.78125,0 0,-14.000005 -1.65625,0 c -0.2025,0.71375 -0.39,1.17 -0.5625,1.375 -0.1675,0.20375 -0.49,0.3125 -0.96875,0.3125 -0.57625,0 -1.60375,-0.2425 -3.0625,-0.71875 -3.125,-1.0525 -6.00625,-1.59375 -8.65625,-1.59375 z m 58.21875,0 c -5.87625,0 -11.21125,1.385 -16.03125,4.15625 -4.8275,2.76625 -8.64875,6.6075 -11.46875,11.500005 -2.81875,4.89212 -4.21875,10.08786 -4.21875,15.625 0,7.43899 2.435,14.06636 7.34375,19.87499 4.91125,5.80513 10.79625,9.42238 17.625,10.8125 1.56125,0.8135 3.795,2.9135 6.71875,6.3125 3.295,3.83587 6.0825,6.6025 8.375,8.25 2.29,1.64837 4.7625,2.8565 7.375,3.65625 2.615,0.79638 5.4425,1.1875 8.5,1.1875 3.7025,0 7.0175,-0.6435 9.9375,-1.96875 L 239.25,167 c -1.695,0.61138 -3.5025,0.90625 -5.40625,0.90625 -2.58375,0 -5.195,-0.852 -7.8125,-2.5625 -2.61375,-1.71475 -5.8825,-4.98637 -9.78125,-9.8125 -1.8325,-2.3125 -3.0975,-3.7715 -3.8125,-4.34375 7.47125,-1.459 13.615,-5.08 18.40625,-10.875 4.79,-5.7925 7.1875,-12.40336 7.1875,-19.81249 0,-8.79739 -3.13,-16.19088 -9.34375,-22.218755 -6.21875,-6.0285 -13.86625,-9.0625 -22.9375,-9.0625 z m 36.34375,0 0.0937,1.90625 c 3.9125,0 6.10375,1.1525 6.59375,3.46875 0.1825,0.82875 0.26625,2.359 0.28125,4.5625 l -0.0312,42.156245 c -0.0325,3.1485 -0.48125,5.15875 -1.34375,6.03125 -0.86375,0.86625 -2.32375,1.40875 -4.4375,1.625 l -0.0937,1.90625 39,0 1,-9.5625 -1.78125,0 c -0.50875,2.605 -1.675,4.47113 -3.53125,5.53125 -1.86125,1.06787 -5.1525,1.59375 -9.90625,1.59375 l -3.6875,0 c -4.2775,0 -6.7525,-1.54638 -7.40625,-4.65625 -0.135,-0.61525 -0.18125,-1.27488 -0.1875,-2 l 0.15625,-42.624995 c -10e-4,-3.1435 0.39625,-5.25 1.21875,-6.28125 0.83125,-1.0275 2.33,-1.6025 4.5,-1.75 l -0.0937,-1.90625 -20.34375,0 z m -35.71875,2.3125 c 6.6275,0 12.03875,2.61025 16.21875,7.875 4.17875,5.266635 6.25,12.484875 6.25,21.625005 0,8.66111 -2.10125,15.59612 -6.3125,20.81249 -4.21125,5.21475 -9.81625,7.8125 -16.78125,7.8125 -6.69125,0 -12.1175,-2.67875 -16.28125,-8.0625 -4.16,-5.38375 -6.21875,-12.3735 -6.21875,-20.96874 0,-8.8325 2.08375,-15.90288 6.28125,-21.187505 4.195,-5.279 9.8125,-7.90625 16.84375,-7.90625 z m 89.6875,9.062505 c -0.95125,0 -1.67625,0.32125 -2.21875,0.96875 -0.555,0.64499 -0.725,1.42624 -0.53125,2.375 0.1875,0.92037 0.70625,1.727 1.53125,2.40625 0.82,0.67861 1.705,1.03125 2.65625,1.03125 0.92,0 1.62125,-0.35262 2.125,-1.03125 0.50375,-0.67925 0.6575,-1.48588 0.46875,-2.40625 -0.19375,-0.94876 -0.695,-1.73001 -1.46875,-2.375 -0.7825,-0.6475 -1.6425,-0.96875 -2.5625,-0.96875 z m 25.71875,6.46875 c -1.61625,6.21774 -5.12,9.58249 -10.5,10.125 l 0.0625,1.78125 6.28125,0 -0.125,21.06249 c 0.01,3.601 0.12,5.9985 0.375,7.21875 0.61875,2.92138 2.52625,4.40625 5.71875,4.40625 4.61875,0 9.46375,-2.8135 14.53125,-8.4375 l -1.53125,-1.3125 c -3.65875,3.70363 -6.89375,5.5625 -9.71875,5.5625 -1.73625,0 -2.8125,-0.9985 -3.21875,-2.96875 C 323.545,144.0215 323.5,143.46238 323.5,142.8125 l 0.0625,-23.84374 9.59375,0 -0.0937,-2.84375 -9.46875,0 0,-9.0625 -1.8125,0 z m 37.09375,7.9375 c -5.36625,0 -9.73125,2.605 -13.125,7.78125 -3.37625,5.185 -4.42125,10.92961 -3.09375,17.24999 0.78125,3.70212 2.3375,6.57138 4.71875,8.59375 2.3775,2.0215 5.39375,3.03125 9,3.03125 3.3575,0 8.0325,-0.85012 10,-2.5625 1.9725,-1.71138 3.79,-4.48388 5.46875,-8.28125 L 370.5,139.40625 c -2.6775,4.92625 -8.08125,7.40625 -12.15625,7.40625 -5.6025,0 -9.03375,-3.07375 -10.3125,-9.1875 -0.16625,-0.78038 -0.29,-1.61875 -0.375,-2.5 6.665,-1.05525 11.71625,-2.92388 15.125,-5.625 3.40625,-2.70261 6.82625,-5.56737 6.1875,-8.59374 -0.38,-1.79838 -1.31375,-3.21238 -2.75,-4.28125 -1.455,-1.06837 -5.2325,-1.625 -7.34375,-1.625 z m -58.65625,0.21875 -11.5625,2.65625 0,2.0625 4,-0.5 c 1.9375,0 3.0775,0.87738 3.4375,2.625 0.12125,0.58488 0.1975,1.40625 0.21875,2.4375 l -0.125,18.90624 c -0.0325,2.61625 -0.3225,4.13712 -0.90625,4.59375 -0.58875,0.4575 -2.14125,0.6875 -4.65625,0.6875 l -0.0625,1.78125 18.34375,0 -0.0312,-1.78125 c -2.54875,0 -4.20125,-0.20112 -4.9375,-0.59375 -0.72375,-0.39012 -1.2225,-1.10012 -1.4375,-2.1875 -0.16625,-0.78363 -0.23875,-2.13387 -0.25,-4 l 0.0625,-26.68749 -2.09375,0 z m 55.71875,3.5 c 1.11625,0 2.195,0.43112 3.28125,1.28125 1.07125,0.84713 1.72375,1.78912 1.9375,2.8125 1.04625,5.02638 -3.41,8.50136 -13.4375,10.43749 -0.28625,-3.66512 0.34875,-6.99224 1.96875,-9.99999 1.6075,-3.00488 3.70125,-4.53125 6.25,-4.53125 z" id="SQLite" style="fill:#003b57;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+	<path d="m 121.6315,17.03623 -99.506,0 C 15.4565,17.03623 10,22.49373 10,29.16248 l 0,109.7365 c 0,6.66837 5.4565,12.125 12.1255,12.125 l 65.53725,0 C 86.918884,118.41477 98.054499,55.130402 121.6315,17.03623 z" id="solid-background" style="fill:#0f80cc;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+	<path d="m 118.0165,20.57373 -95.891,0 c -4.735375,0 -8.588875,3.8525 -8.588875,8.58875 l 0,101.73013 c 21.71725,-8.335 54.31221,-15.5269 76.849585,-15.20027 4.52893,-23.680901 17.83941,-70.090424 27.63029,-95.11861 z" id="gradient-background" style="fill:url(#linearGradient2995);fill-opacity:1;fill-rule:nonzero;stroke:none" />
+	<path d="m 144.8415,13.44498 c -6.815,-6.0775 -15.06625,-3.63625 -23.21,3.59125 -1.20875,1.07375 -2.415,2.265 -3.615,3.5375 -13.93125,14.77875 -26.8625,42.15375 -30.88,63.06 1.565,3.17375 2.7875,7.22375 3.5925,10.3175 0.20625,0.79375 0.3925,1.53875 0.54125,2.1725 0.35375,1.499875 0.54375,2.4725 0.54375,2.4725 0,0 -0.125,-0.472625 -0.6375,-1.95875 -0.0975,-0.285 -0.20625,-0.59625 -0.335,-0.9625 -0.055,-0.15125 -0.13125,-0.335 -0.215,-0.53125 -0.90875,-2.1125 -3.4225,-6.57125 -4.52875,-8.5125 -0.94625,2.79125 -1.7825,5.4025 -2.4825,7.765 3.19375,5.8435 5.14,15.85775 5.14,15.85775 0,0 -0.16875,-0.649 -0.97125,-2.91412 -0.7125,-2.00338 -4.26125,-8.22113 -5.101875,-9.674755 -1.438,5.308505 -2.009375,8.892505 -1.494125,9.765125 1.000375,1.69088 1.953125,4.60838 2.78975,7.83488 1.89,7.26862 3.20375,16.11725 3.20375,16.11725 0,0 0.0425,0.58637 0.11375,1.48875 -0.2625,6.104 -0.105,12.43262 0.3675,18.15287 0.62625,7.57225 1.805,14.07713 3.3075,17.5585 l 1.02,-0.55612 c -2.20625,-6.85888 -3.1025,-15.84763 -2.71,-26.21388 0.59375,-15.84512 4.24,-34.95362 10.9775,-54.87 11.3825,-30.065 27.175,-54.1875 41.62875,-65.7075 -13.17375,11.8975 -31.00375,50.40875 -36.34125,64.67 -5.97625,15.97 -10.21125,30.95638 -12.76375,45.31475 4.40375,-13.46087 18.6425,-19.247 18.6425,-19.247 0,0 6.98375,-8.61287 15.145,-20.91775 -4.88875,1.115 -12.91625,3.02375 -15.605,4.15375 -3.96625,1.66375 -5.035,2.23125 -5.035,2.23125 0,0 12.8475,-7.82375 23.87,-11.36625 15.15875,-23.875 31.67375,-57.7925 15.0425,-72.62875" id="feather" style="fill:#003b57;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+</svg>
\ No newline at end of file
diff --git a/webapp/public/php-power-micro.png b/webapp/public/php-power-micro.png
new file mode 100644
index 0000000000000000000000000000000000000000..213354e244a2fbac7e37526f716e46a418bc5d52
GIT binary patch
literal 949
zcmV;m14{gfP)<h;3K|Lk000e1NJLTq002+`000jN0{{R3L>IWd0004iP)t-se}ln_
zjI(%rwuXtkVq<B8hQXbk(xs)$et@EOe7b{$vYnm8b$PO6WpPSNQ$j*TV`X}IeYk&r
zsA_JVQc_&Av(bfyt#Nd!c6zpafxjmwD0g>>l$EoNk;sRLvR+_uYix#viNsl2Y^kfv
zf`z_ra;6*`9Eyy(l9Iw?XN*HeW;{GWfP$ixmAx`DHeh6vf`YD!j>e9UxR;m8e}cMv
zezAmz!+Cj{I5<6+n9NR3SqcgTo14yheVvw-#*B}_0RaFL6B2rVyn=(5eSe^Jd9-qN
zv21Umhl;>gS!r@}nhgyJ85tH55e_acFn4>jc6zjTd$x9ZwNzAbH#bXygrJa=(1L}h
zeu1EEZ<vRR!+d>|mzlz&qsDM@p@@sQg@>+)jJ%JKr%_Q)fP}Xm9w38-sF;|_LPA+O
zJ5FY2h>niDpP$rKR%KUMV10j^Twjb!O>lpLsfLG{XK8{vJW??-M69dNot@2qgQkRt
zzjk@9nwiZ1|NmxYW|^7HlsN>j00001VoOIv0Eh)0NB{r;32;bRa{vGf5&!@T5&_cP
ze*6Fc00(qQO+^RO2oVq!E$-*03jhECyGcYrRCt`Nl2=p0Koo^TFw#Pa4NwUtBA_5v
zEX1-P2%5-luwupDdoPi{ZZs$npUiM(ckj-5_~y*L7kjU=u=k>@(Saw!<D<dS-B0&M
zqvq3zvD&esCMm!-Lt|t6dSGv`ZxA8U>D-(hZko`Bl!0$W%Z5ddPfwGnf_KM9LL7?7
znZFwzsMQ8M?Cy_>#1Jz?VGc00MBt>4VHk|;Wa%?aKsuUo-B{TfuhA0&G1hB*X<=vB
zwm>3%R9DI<Ns>}NALV{oim&>90bd~^9H2Qe$4%KmHp>aEem>F+?AwX@`(O$9>qw=a
z$}CqI2qAj00UfajcKxAAPXo9G4W7vmSaxC8C+dX1ft3l%Kpf`u*?qlx1=zWB#y7Ix
z0`9QB5Kp_Pp821Ie}Ibf-2^p|f-W5&(uE`O8qnqr#O*a;&FlcN45|PYB{iiStFng>
zQsW#a%=s6s+<_^~S#3ZNcw0b(Sl5Y`DW`FHCSGH5izp=bQs!i<kPVMFWn^B@LQo4Z
zpI*J-3nn~=ayWv>^vqo_qKGK>)kEF?S6c=KXY=6|J%T0W=*t3yC)^!f$GzGXyUO|i
Xm}%=Dl559600000NkvXXu0mjfGw`mD

literal 0
HcmV?d00001

diff --git a/webapp/public/vue.svg b/webapp/public/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/webapp/public/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 63db236..396a95f 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -1,15 +1,17 @@
 <template>
 	<div id="header">
-		<div>
+		<div class="logo">
 			<router-link to="/">
 				<img src="public/bugreport.svg" height="48" width="48" />
-				&nbsp;&nbsp;&nbsp;
+			</router-link>
+			<router-link to="/">
 				<h1>Bug Report</h1>
 			</router-link>
 		</div>
 		<div class="menu">
 			<router-link to="/add">Pridať bug</router-link>
 			<router-link to="/archive">Archív</router-link>
+			<router-link to="/api">API</router-link>
 			<router-link to="/about">O aplikácii</router-link>
 		</div>
 	</div>
diff --git a/webapp/src/assets/css/style.css b/webapp/src/assets/css/style.css
index 5cb897c..58663e8 100644
--- a/webapp/src/assets/css/style.css
+++ b/webapp/src/assets/css/style.css
@@ -8,12 +8,12 @@
 	01 - GENERAL
 	02 - HEADER
 	03 - DASHBOARD
+	06 - API
+	07 - ABOUT
 	99 - LIGHT MODE
 
 */
 
-
-
 /* ----------------------------------------------------
    01 - GENERAL
    */
@@ -28,25 +28,27 @@
 	-moz-osx-font-smoothing: grayscale;
 
 	--color-bg: #242424;
-	--color-bg0: #0D5EAF;
+	--color-bg0: #0d5eaf;
 	--color-bg1: #449ef8;
 	--color-bg2: #449ef820;
 	--color-text0: #fff;
 	--color-text1: rgb(11, 11, 104);
+	--color-text2: #449ef8;
+	--color-text3: #7bb8f5;
 
 	/* color-scheme: light dark; */
 	color: var(--color-text0);
 	background-color: var(--color-bg);
-
 }
 
 a {
 	font-weight: 500;
-	color: #646cff;
+	color: var(--color-text2);
 	text-decoration: inherit;
 }
 a:hover {
-	color: #535bf2;
+	color: var(--color-text3);
+	text-shadow: 1px 1px 5px var(--color-bg1);
 }
 
 body {
@@ -112,6 +114,11 @@ button:focus-visible {
 #header a:visited {
 	color: var(--color-text0);
 }
+#header .logo {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
 #header .menu a,
 #header .menu a:visited {
 	border: 1px solid var(--color-text0);
@@ -169,7 +176,6 @@ button:focus-visible {
 	cursor: grab;
 }
 #dashboard .report .report-header .report-title {
-
 }
 #dashboard .report .report-header h3 {
 	margin: 0px;
@@ -191,6 +197,23 @@ button:focus-visible {
 	filter: brightness(1.2);
 }
 
+/* ----------------------------------------------------
+   06 - API
+   */
+#api {
+	margin: 0 auto;
+	padding: 20px;
+}
+
+/* ----------------------------------------------------
+   07 - ABOUT
+   */
+#about {
+	margin: 0 auto;
+	padding: 10px;
+	text-align: center;
+}
+
 /* ----------------------------------------------------
    99 - LIGHT MODE
    */
diff --git a/webapp/src/components/Report.vue b/webapp/src/components/Report.vue
index 3449018..cd6a9de 100644
--- a/webapp/src/components/Report.vue
+++ b/webapp/src/components/Report.vue
@@ -1,9 +1,9 @@
 <script setup>
 defineProps({
-  title: String,
-  description: String,
-  date: String
-})
+	title: String,
+	description: String,
+	date: String,
+});
 </script>
 <template>
 	<div class="report">
diff --git a/webapp/src/router.js b/webapp/src/router.js
index adae708..1396228 100644
--- a/webapp/src/router.js
+++ b/webapp/src/router.js
@@ -4,12 +4,14 @@ import Dashboard from "./views/Dashboard.vue";
 import About from "./views/About.vue";
 import BugAdd from "./views/BugAdd.vue";
 import Archive from "./views/Archive.vue";
+import API from "./views/API.vue";
 
 const routes = [
 	{ path: "/", component: Dashboard },
 	{ path: "/about", component: About },
 	{ path: "/add", component: BugAdd },
 	{ path: "/archive", component: Archive },
+	{ path: "/api", component: API },
 ];
 
 export const router = createRouter({
diff --git a/webapp/src/views/API.vue b/webapp/src/views/API.vue
new file mode 100644
index 0000000..25871db
--- /dev/null
+++ b/webapp/src/views/API.vue
@@ -0,0 +1,19 @@
+<template>
+	<div id="api">
+		<h1>API</h1>
+		<p>
+			API prípojny bod je dostupná na adrese
+			<a href="{{ api_endpoint }}">{{ api_endpoint }}</a
+			>.
+		</p>
+	</div>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			api_endpoint: window.location.origin + __SUBPATH__ + "api.php",
+		};
+	},
+};
+</script>
diff --git a/webapp/src/views/About.vue b/webapp/src/views/About.vue
index 1b58791..f693a57 100644
--- a/webapp/src/views/About.vue
+++ b/webapp/src/views/About.vue
@@ -1,6 +1,40 @@
 <template>
-	<div>
-		<h1>O aplikácii</h1>
-		<router-link to="/">Späť domov</router-link>
+	<div id="about">
+		<div>
+			<h1>O aplikácii</h1>
+			<img src="public/bugreport.svg" height="100" alt="" />
+			<h2>Bug Report</h2>
+			<p>Verzia aplikácie: {{ version }} &nbsp;|&nbsp; Zostavené: {{ build }}</p>
+			<p>Autor: <a href="mailto:mino@tpsoft.org">Ing. Igor Miňo</a></p>
+			<p>
+				Backend:
+				<a href="https://www.php.net" target="_blank"
+					><img src="public/php-power-micro.png" alt="" /> PHP 8.2</a
+				>
+				&nbsp;|&nbsp; Databaza:
+				<a href="https://www.sqlite.org" target="_blank"
+					><img src="public/SQLite370.svg" height="20" alt="" /> SQLite</a
+				>
+				&nbsp;|&nbsp; Frontend:
+				<a href="https://vuejs.org" target="_blank"><img src="public/vue.svg" height="20" alt="" /> Vue 3</a>
+			</p>
+			<p>
+				Zdrojové kódy:
+				<a href="https://git.tpsoft.org/bugreport" target="_blank"
+					>https://git.tpsoft.org/bugreport</a
+				>
+			</p>
+		</div>
 	</div>
 </template>
+
+<script>
+export default {
+	data() {
+		return {
+			version: __APP_VERSION__,
+			build: __BUILD_DATE__,
+		};
+	},
+};
+</script>
diff --git a/webapp/vite.config.js b/webapp/vite.config.js
index fb8d0ef..98d6343 100644
--- a/webapp/vite.config.js
+++ b/webapp/vite.config.js
@@ -1,10 +1,17 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import pkg from "./package.json";
 
-export const baseUrl = '/bugreport/webapp/dist/';
+const subpath = "/bugreport/";
+export const baseUrl = subpath + "webapp/dist/";
 
 // https://vite.dev/config/
 export default defineConfig({
 	base: baseUrl,
 	plugins: [vue()],
+	define: {
+		__APP_VERSION__: JSON.stringify(pkg.version),
+		__BUILD_DATE__: JSON.stringify(new Date().toISOString()),
+		__SUBPATH__: JSON.stringify(subpath),
+	},
 });