146 lines
9.7 KiB
HTML
146 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sk">
|
|
<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">
|
|
<link rel="stylesheet" href="app.css">
|
|
<title>Flextest</title>
|
|
<script src="appjs.js"></script>
|
|
<!-- <script src="click1.js"></script> -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
</head>
|
|
<header>
|
|
<nav>
|
|
<!-- Navigačná lišta /veľká obrazovka/ -->
|
|
<ul class="list">
|
|
<img src="wikispot-white.png" alt="" class="itemImg">
|
|
<li class="item" onclick="location.href = 'WikiSpot.html'">DOMOV</li>
|
|
<li class="item" onclick="location.href = 'WikiSpotWS.html'">WIKISPOT</li>
|
|
<li class="item" onclick="location.href = 'WikiSpotPro.html'">O PROJEKTE</li>
|
|
<li class="item" onclick="location.href = 'WikiSpotCon.html'">KONTAKT</li>
|
|
<div class="burger" onclick="bmenu()">☰</div>
|
|
</ul>
|
|
<!-- Navigačná lisťa /malá obrazovka/ -->
|
|
<ul class="burgerList" id="bonger">
|
|
<li class="bItem">DOMOV</li>
|
|
<li class="bItem">WIKISPOT</li>
|
|
<li class="bItem">O PROJEKTE</li>
|
|
<li class="bItem">KONTAKT</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<body>
|
|
|
|
|
|
<!-- 2. -->
|
|
<!-- Malé zobrazenie -->
|
|
<div class="wsList hey" id="wsList2">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" style="height: 100px;" class="wsImg">
|
|
<div class="klol">
|
|
<div id="hey2">Kniznica</div>
|
|
<div id="hou2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.</div>
|
|
</div>
|
|
<div id="arrow2" class="arrow" onclick="onclick2()">▼</div>
|
|
</div>
|
|
<!-- Rozšírené malé zobrazenie -->
|
|
<div id="listExpand2" class="listHide">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" class="constantImg">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
<div>
|
|
<div class="senzory">Teplota</div>
|
|
<div id="heat" class="senzory"></div>
|
|
</div>
|
|
<div class="info"></div>
|
|
</div>
|
|
<!-- Veľké zobrazenie -->
|
|
<div class="big">
|
|
<img class="obrazok" src="http://192.168.1.105:8000/files/0/library.jpg" alt="#">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
</div>
|
|
|
|
|
|
<!-- 3. -->
|
|
<!-- Malé zobrazenie -->
|
|
<div class="wsList hey" id="wsList3">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" style="height: 100px;" class="wsImg">
|
|
<div class="klol">
|
|
<div id="hey3">Kniznica</div>
|
|
<div id="hou3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.</div>
|
|
</div>
|
|
<div id="arrow3" class="arrow" onclick="onclick3()">▼</div>
|
|
</div>
|
|
<!-- Rozšírené malé zobrazenie -->
|
|
<div id="listExpand3" class="listHide">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" class="constantImg">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
<div>
|
|
<div class="senzory">Teplota</div>
|
|
<div id="heat" class="senzory"></div>
|
|
</div>
|
|
<div class="info"></div>
|
|
</div>
|
|
<!-- Veľké zobrazenie -->
|
|
<div class="big">
|
|
<img class="obrazok" src="http://192.168.1.105:8000/files/0/library.jpg" alt="#">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
</div>
|
|
|
|
|
|
<!-- 4. -->
|
|
<!-- Malé zobrazenie -->
|
|
<div class="wsList hey" id="wsList4">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" style="height: 100px;" class="wsImg">
|
|
<div class="klol">
|
|
<div id="hey4">Kniznica</div>
|
|
<div id="hou4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.</div>
|
|
</div>
|
|
<div id="arrow4" class="arrow" onclick="onclick4()">▼</div>
|
|
</div>
|
|
<!-- Rozšírené malé zobrazenie -->
|
|
<div id="listExpand4" class="listHide">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" class="constantImg">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
<div>
|
|
<div class="senzory">Teplota</div>
|
|
<div id="heat" class="senzory"></div>
|
|
</div>
|
|
<div class="info"></div>
|
|
</div>
|
|
<!-- Veľké zobrazenie -->
|
|
<div class="big">
|
|
<img class="obrazok" src="http://192.168.1.105:8000/files/0/library.jpg" alt="#">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
</div>
|
|
|
|
|
|
<!-- 5. -->
|
|
<!-- Malé zobrazenie -->
|
|
<div class="wsList hey" id="wsList5">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" style="height: 100px;" class="wsImg">
|
|
<div class="klol">
|
|
<div id="hey5">Kniznica</div>
|
|
<div id="hou5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.</div>
|
|
</div>
|
|
<div id="arrow5" class="arrow" onclick="onclick5()">▼</div>
|
|
</div>
|
|
<!-- Rozšírené malé zobrazenie -->
|
|
<div id="listExpand5" class="listHide">
|
|
<img src="http://192.168.1.105:8000/files/0/library.jpg" alt="#" class="constantImg">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
<div>
|
|
<div class="senzory">Teplota</div>
|
|
<div id="heat" class="senzory"></div>
|
|
</div>
|
|
<div class="info"></div>
|
|
</div>
|
|
<!-- Veľké zobrazenie -->
|
|
<div class="big">
|
|
<img class="obrazok" src="http://192.168.1.105:8000/files/0/library.jpg" alt="#">
|
|
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus recusandae et repellat saepe modi tenetur provident. Perferendis dolorum odit dolorem delectus consequatur eos, deleniti, pariatur corporis in magnam dolor quam? Consequuntur asperiores provident repellendus itaque tenetur, accusantium aperiam nemo architecto cum magnam amet necessitatibus dolore eaque tempore iusto incidunt nihil voluptatem dolores facilis rem cumque animi perferendis. Error, molestias deserunt.</div>
|
|
</div>
|
|
|
|
|
|
<script src="desc_short.js"></script>
|
|
</body>
|
|
</html> |