added main page (index) && created global style

2023-05-29 18:53:41 +02:00 · 2023-05-29 18:53:41 +02:00 · d993d8a2bc
commit d993d8a2bc
parent 01f54d3bc1
4 changed files with 88 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="cs">
+<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">
+
+	<script src="./res/index/script.js"></script>
+
+	<link rel="stylesheet" href="./res/index/style.css">
+	<link rel="stylesheet" href="./res/global.css">
+
+    <title>Fabrika Hrádek Tour</title>
+</head>
+<body>
+	<div id="TlacitkaVzhled">
+		<button class="tlacitko">e</button>
+		<button class="tlacitko" onclick="move('https://earth.google.com/web/@49.71686994,13.64771387,395.10185485a,550.97177309d,35y,0h,0t,0r')">Google Earth</button>
+		<button class="tlacitko">e</button>
+	</div>
+	<textarea id="textPole" placeholder="..." c readonly>Železárny Hrádek u Rokycan jsou významným průmyslovým podnikem v České republice. Jejich historie sahá až do 16. století, kdy byla založena první huť. Specializovaly se na výrobu železa a oceli a byly známé svými kvalitními kovovými výrobky. Železárnám Hrádek byly v průběhu let prováděny stavební úpravy a modernizace, aby udržely krok s technologickým vývojem. Bohužel, v současnosti se železárny potýkají s problémy kvůli jejich majiteli Zdeňkovi Zemkovi. Zdeněk Zemek byl obviněn ze spáchání podvodů a obžalován státním zástupcem. Je třeba zajistit ochranu hodnoty a dědictví železáren Hrádek a obnovit důvěru ve spravedlivý průběh podnikání.</textarea>
+</body>
+</html>
--- a/res/global.css
+++ b/res/global.css
@ -0,0 +1,9 @@
+body
+{
+    background: url("http://207.180.212.190/fht/fabrika_imgs/23.jpg") no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    user-select: none;
+}
--- a/res/index/script.js
+++ b/res/index/script.js
@ -0,0 +1,5 @@
+function move(url)
+{
+    console.log(url);
+    open(url);
+}
--- a/res/index/style.css
+++ b/res/index/style.css
@ -0,0 +1,51 @@
+#textPole
+{
+    width: 55.5vh;
+    height: 25.5vh;
+    resize: none;
+    border-radius: 0.5vh;
+    font-size: 1.7vh;
+    user-select: none;
+}
+
+#TlacitkaVzhled
+{
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    margin-top: 50vh;
+    padding:auto;
+    margin-left: 15vh;
+}
+
+.tlacitko
+{
+    margin-bottom: 10px;
+    border-radius: 4px;
+    border-width: 2px;
+    border-color: #111D13;
+    width: 35vh;
+    height: 7vh;
+    color: #111D13;
+    font-size: larger;
+    /*14; 12; 27; 23; 21; 50; 59; 58*/
+}
+
+#textPole
+{
+    border-color: #3E392F;
+    background: #6F7270;
+    color: #C1BFBE;
+}
+.tlacitko
+{
+    color: #C1BFBE;;
+    background: #9E6812;
+    border-color: #4D2B09;
+    margin-bottom: 1vh;
+    border-radius: 0.84vh;
+    border-width: 0.32vh;
+    width: 35vh;
+    height: 7vh;
+    font-size: larger;
+}