added main page (index) && created global style
This commit is contained in:
parent
01f54d3bc1
commit
d993d8a2bc
23
index.html
Normal file
23
index.html
Normal file
@ -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>
|
9
res/global.css
Normal file
9
res/global.css
Normal file
@ -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;
|
||||||
|
}
|
5
res/index/script.js
Normal file
5
res/index/script.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
function move(url)
|
||||||
|
{
|
||||||
|
console.log(url);
|
||||||
|
open(url);
|
||||||
|
}
|
51
res/index/style.css
Normal file
51
res/index/style.css
Normal file
@ -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;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user