master

4 years ago · bceddd6fec
20 changed files with 389 additions and 0 deletions
--- a/Protokol.docx
+++ b/Protokol.docx
--- a/css.css
+++ b/css.css
@ -0,0 +1,224 @@
+body {
+    background-image: url("img/bg.jpg");
+    text-align: center;
+    margin: 0;
+    font-family:Arial, Helvetica, sans-serif
+}
+
+.topnav {
+    overflow: hidden;
+    background-color: #333;
+  }
+  
+  .topnav a {
+    float: left;
+    padding: 15px 17px;
+    color: lightgray;
+    font-size: 18px;
+    text-align: center;
+    text-decoration: none;
+  }
+
+.aaa {
+    position: relative;
+    top: -1400px;
+    left: -400px;
+}
+
+text {
+    color: white;
+    font-size: 150%;
+}
+
+div.a {
+    position: relative;
+    font-size: 60px;
+    top: -2030px;
+    left: 95px;
+    color: black;
+}
+
+div.b {
+    position: relative;
+    font-size: 40px;
+    top: -2030px;
+    left: 95px;
+    color: black;
+}
+
+div.c {
+    position: relative;
+    font-size: 20px;
+    top: -1500px;
+    color: white;
+}
+
+div.d {
+    position: relative;
+    font-size: 60px;
+    top: -1510px;
+    color: white;
+    text-align: center;
+}
+
+.ano {
+    position: relative;
+    top: -1400px;
+    width: 1460px;
+    left: -3px;
+}
+
+.left {
+    top: -1600px;
+    left: -1500px;
+}
+
+.box {
+    position: relative;
+    width: 900px;
+    top: -1500px;
+    left: -3px;
+    height: 1400px;
+}
+
+div.e {
+    position: relative;
+    font-size: 20px;
+    top: -2800px;
+    color: black;
+    text-align: center;
+}
+
+.left {
+    position: relative;
+    top: -4100px;
+    left: -450px;
+    width: 280px;
+    height: 1400px;
+}
+.right {
+    position: relative;
+    top: -4105px;
+    left: 446px;
+    width: 280px;
+    height: 1400px;
+}
+
+.ne {
+    position: relative;
+    top: -4150px;
+    width: 1463px;
+    left: -3px;
+}
+
+div.f {
+    position: relative;
+    font-size: 60px;
+    top: -4260px;
+    color: white;
+    text-align: center;
+}
+
+.ok {
+    position: relative;
+    top: -4250px;
+    width: 1460px;
+    left: -4px;
+    height: 700px;
+}
+
+div.g {
+    position: relative;
+    font-size: 20px;
+    color: black;
+    top: -4840px;
+}
+
+.hm {
+    position: relative;
+    top: -4800px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.h {
+    position: relative;
+    font-size: 60px;
+    top: -4910px;
+    color: white;
+    text-align: center;
+}
+
+.tab {
+    position: relative;
+    top: -5600px;
+}
+
+.ano2 {
+    position: relative;
+    top: -5400px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.i {
+    position: relative;
+    font-size: 60px;
+    top: -5510px;
+    color: white;
+    text-align: center;
+}
+
+.black {
+    position: relative;
+    top: -5500px;
+    width: 1463px;
+    left: -4px;
+    height: 500px;
+}
+
+.info {
+    position: relative;
+    top: -5900px;
+    widows: 100px;
+    width: 60%; margin: 0 auto;
+    color: white;
+}
+
+.ne2 {
+    position: relative;
+    top: -5900px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.j {
+    position: relative;
+    font-size: 60px;
+    top: -6010px;
+    color: white;
+    text-align: center;
+}
+
+.autor {
+    position: relative;
+    top: -6000px;
+    width: 1463px;
+    left: -4px;
+    height: 800px;
+}
+
+.face {
+    position: relative;
+    top: -6700px;
+    left: -400px;
+}
+
+.posl {
+    position: relative;
+    font-size: 20px;
+    top: -7200px;
+    color: black;
+    text-align: center;    
+    left: 200px;
+}
--- a/img/24-25.jpg
+++ b/img/24-25.jpg
--- a/img/286-287.jpg
+++ b/img/286-287.jpg
--- a/img/304-305.jpg
+++ b/img/304-305.jpg
--- a/img/318-319.jpg
+++ b/img/318-319.jpg
--- a/img/35-36.jpg
+++ b/img/35-36.jpg
--- a/img/86-87.jpg
+++ b/img/86-87.jpg
--- a/img/acclarke.jpg
+++ b/img/acclarke.jpg
--- a/img/bg-about-left.jpg
+++ b/img/bg-about-left.jpg
--- a/img/bg-about-right.jpg
+++ b/img/bg-about-right.jpg
--- a/img/bg-author.jpg
+++ b/img/bg-author.jpg
--- a/img/bg-intro.jpg
+++ b/img/bg-intro.jpg
--- a/img/bg-knowledges.jpg
+++ b/img/bg-knowledges.jpg
--- a/img/bg-title.png
+++ b/img/bg-title.png
--- a/img/bg.jpg
+++ b/img/bg.jpg
--- a/img/black.png
+++ b/img/black.png
--- a/img/box.png
+++ b/img/box.png
--- a/img/space-odyssey.jpg
+++ b/img/space-odyssey.jpg
--- a/kniha.html
+++ b/kniha.html
@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="css.css">
+    
+    <script>
+        function fce() {
+            $("#modalImg").attr("scr", $(this).attr("scr"))
+            $('#Modal').modal('show')
+        }
+        $('#imgs').find('img').each(function() {
+            $(this).click( funkce );
+        });
+    </script>
+
+    <title>Kniha</title> 
+
+</head>
+
+<body>
+    
+    <div class="topnav">
+        <a class="active" href="#home">Nakladatelství</a>
+        <a href="#news">Katalog</a>
+        <a href="#contact">O nás</a>
+
+      </div>    
+        <div class="div">      
+            <img src="img/bg-intro.jpg" class="img" height="1500px" width="" alt="">¨
+        </div>
+        <div>    
+            <img src="img/space-odyssey.jpg" class="aaa" height="750px" width="500px"alt="">
+        </div>
+
+        <div class="a">Space odyssey</div>
+        <div class="b">science fiction novel by 
+                   <br> British writer
+                   <br> Athur C. Clarke
+        </div>
+
+        <div class="c">
+            <p>
+                #1 Bestseller podle New York Times<br><br><br>
+                A mysterious alien civilization uses a tool with the appearance of a large <br>crystalline monolith to investigate worlds across the galaxy and, if<br> possible, to encourage the development of intelligent life. The book<br> shows one such monolith appearing in prehistoric Africa, 3 million years<br> ago (in the movie, 4 mya), where it inspires a starving group of<br> hominids to develop tools. The hominids use their tools to kill animals<br> and eat meat, ending their starvation. They then use the tools to kill a<br> leopard preying on them; the next day, the main ape character, Moon-<br>Watcher, uses a club to kill the leader of a rival tribe.</div>
+            </p>
+
+        <img src="img/bg-title.png" class="ano">
+
+        <div class="d">O KNIZE</div>
+
+        <img src="img/box.png" class="box">
+
+        <div class="e">
+            <p>
+                A mission, Discovery One, is sent to Saturn. En route, Dr. David Bowman<br> and Dr. Frank Poole are the only conscious humans aboard; their three<br> colleagues are in suspended animation, to be awakened near Saturn.<br> The HAL 9000, an artificially intelligent computer, addressed as "Hal",<br> maintains the ship. While Poole is receiving a birthday message from<br> his family on Earth, Hal tells Bowman that the AE-35 communication<br> unit of the ship is going to malfunction. Poole takes one of the extra-<br>vehicular pods and swaps the AE-35 unit; but when Bowman conducts<br> tests on the removed AE-35 unit, he determines that there was never<br> anything wrong with it. Poole and Bowman become suspicious at Hal's<br> refusal to admit that his diagnosis was mistaken; Hal then claims that<br> the replacement AE-35 unit will fail. In communicating with Earth, Poole<br> and Bowman are directed to disconnect Hal for analysis. These <br>instructions are interrupted as the signal is broken, and Hal informs<br> them that the AE-35 unit has malfunctioned.<br><br>
+                As Poole is removing the unit he is killed when his pod accelerates into<br> him, crushing him. Bowman, uncertain of Hal's role therein, decides to<br> wake the other three astronauts, and therefore quarrels with<br> Hal, with Hal refusing to obey his orders. Bowman threatens to disconnect him if<br> his orders are not obeyed, and Hal relents. As Bowman begins to<br>awaken his colleagues, he hears Hal open both airlocks into space, <br>releasing the ship's internal atmosphere. From a sealed emergency<br> shelter, Bowman gains a spacesuit and re-enters the ship, where he<br> shuts down Hal's consciousness, leaving intact only his autonomic <br>functions, and manually re-establishes contact with Earth. He then<br> learns that his mission is to explore Iapetus,[2] in the hope of<br> contacting the society that buried the monolith on the Moon. Bowman<br> learns that Hal had begun to feel guilty at keeping the purpose of the<br> mission from him and Poole, against his stated mission of gathering<br> information and reporting it fully; and when threatened with <br>disconnection, he panicked and defended himself out of a belief that <br>his very existence was at stake, having no concept of sleep. <br><br>
+                Bowman spends months on the ship alone, slowly approaching Iapetus.<br> During his approach, he gradually notices a small black spot on the <br>surface of Iapetus, and later finds it identical in shape to TMA-1, only <br>much larger. The scientists on Earth name this monolith "TMA-2", which <br>Bowman identifies as a double misnomer because it is not in the Tycho<br> crater and gives off no magnetic anomaly. When Bowman approaches <br>the monolith, it opens and pulls in Bowman's pod. Before he vanishes,<br> Mission Control hears him proclaim: "The thing's hollow – it goes on <br>forever – and – oh my God! – it's full of stars!"
+            </p>
+        </div>
+
+        <img src="img/bg-about-left.jpg" class="left">
+        <img src="img/bg-about-right.jpg" class="right">
+        <img src="img/bg-title.png" class="ne">
+
+        <div class="f">TÉMATA:</div>
+
+        <img src="img/bg-knowledges.jpg" class="ok">
+        <div class="g">
+            <p>
+                2001: A Space Odyssey explores technological advancement: its<br> promise and its danger.
+                The book explores the perils related to the atomic age.<br>
+                The story follows the growth of human civilization from primitive <br>hominids. Distinctively, Space Odyssey<br> is concerned about not only the<br> evolution that has led to the development of humanity, but also the<br> evolution that humanity might undergo in the future.
+                Space Odyssey offers one such vision, offering a glimpse at what space<br> exploration might one day become. Lengthy journeys, such as manned <br>flights to Saturn, and advanced technologies, such as suspended<br> animation, are described in the novel.
+                The book raises questions about consciousness, sentience, and human <br>interactions with machines. Hal's helpful disposition contrasts with his <br>malevolent behaviour.<br>
+                The novel is deliberately written so as to give the reader an almost<br> kinesthetic familiarity with the experience of space travel and <br>the technologies encountered. Large sections of the novel are devoted to <br>detailed descriptions of these.
+            </p>
+        </div>
+
+        <img src="img/bg-title.png" class="hm">
+
+        <div class="h">PROLISTUJTE SI:</div>
+
+<div class="tab">
+        <section class="bg-dark" >
+            <div class="container">
+                <div id="imgs" style="display: grid; width: 100%; grid-template-columns: auto auto auto; grid-gap: 20px;">
+                    <img style="width: 300px; margin: auto;" src="img/24-25.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/35-36.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/86-87.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/286-287.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/304-305.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/318-319.jpg" alt="">
+                </div>
+            </div>
+    </div>
+</div>
+
+        <img src="img/bg-title.png" class="ano2">
+        <div class="i">PARAMETRY:</div>
+
+        <img src="img/cerna.png" class="black">
+
+        <div class="info">
+        <section class="bg-dark">
+            <table class="table table-dark">
+                <tbody>
+                    <tr>
+                        <td><b>Název původní knihy</b></td>
+                        <td>Space Odyssey</td>
+                    </tr>
+                    <tr>
+                        <td><b>Vydavatel</b></td>
+                        <td>Hutchinson</td>
+                    </tr>
+                    <tr>
+                        <td><b>Edice</b></td>
+                        <td>Science fiction</td>
+                    </tr>
+                    <tr>
+                        <td><b>Počet stránek</b></td>
+                        <td>224</td>
+                    </tr>
+                    <tr>
+                        <td><b>Vazba</b></td>
+                        <td>Pevná s přebalem</td>
+                    </tr>
+                    <tr>
+                        <td><b>Barevnost</b></td>
+                        <td>Černobílá</td>
+                    </tr>
+                    <tr>
+                        <td><b>ISBN</b></td>
+                        <td>0-453-00269-2</td>
+                    </tr>
+                    <tr>
+                        <td><b>Formát</b></td>
+                        <td>152 x 226 mm</td>
+                    </tr>
+                </tbody>
+            </table>
+        </section>
+        </div>
+
+        <img src="img/bg-title.png" class="ne2">
+
+        <div class="j">O AUTOROVI:</div>
+
+        <img src="img/bg-author.jpg" class="autor"><br>
+        <img src="img/acclarke.jpg" class="face">
+        <div class="posl">
+            <p>
+                <b>Sir Arthur Charles Clarke (*1917)</b> <br>Clarke was born in Minehead,<br> Somerset, England, and grew up in<br> nearby Bishops Lydeard. As a boy,<br> he lived on a farm, where he enjoyed stargazing, fossil collecting,<br> and reading American science-<br>fiction pulp magazines. He received<br> his secondary education at Huish <br>school in Taunton. Some of his early influences included dinosaur <br>cigarette cards, which led to an<br> enthusiasm for fossils starting about <br>1925.</div>
+            </p>
+
+
+</body>
+</html>