4 files changed, 17 insertions, 12 deletions
diff --git a/rannak/endPage/img/quatro.jpg b/rannak/endPage/img/quatro.jpg
new file mode 100644
index 0000000..3db6122
--- /dev/null
+++ b/rannak/endPage/img/quatro.jpg
diff --git a/rannak/endPage/index.html b/rannak/endPage/index.html
index a3bcfc7..3d3674c 100644
--- a/rannak/endPage/index.html
+++ b/rannak/endPage/index.html
@@ -25,10 +25,10 @@
               <span id="span7"></span>
             </div>
 
-            <p>Nüüd võid valida uue Rolli või minna tagasi avalehele</p>
+            <p>Nüüd võid valida uue tegelase või minna tagasi avalehele</p>
 
             <a href="../rolliValik">
-              <button>Uus Roll</button>
+              <button>Uus tegelane</button>
             </a>
 
             <a href="../..">
diff --git a/rannak/endPage/main.js b/rannak/endPage/main.js
index 0cfc56b..4101cd2 100644
--- a/rannak/endPage/main.js
+++ b/rannak/endPage/main.js
@@ -18,11 +18,17 @@ if (localStorage.roll != undefined){
 
     else if (roll == 'Direktori'){
         document.querySelector('h3').innerHTML = 'Balti keti andmed:';
-        spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond;
         spans[1].innerHTML = 'Asula: ' + localStorage.asula;
         spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus;
+        spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond;
+
+
+
+        spans[4].innerHTML = "<br><br><h3><strong>Kõne</strong></h3><br>"
+        spans[5].innerHTML = localStorage.kone;
+        delete localStorage.kone;
+
 
-        console.log(localStorage.teekond);
 
         delete localStorage.asula;
         delete localStorage.kaugus;
diff --git a/rannak/endPage/style.css b/rannak/endPage/style.css
index c9fa274..72e3938 100644
--- a/rannak/endPage/style.css
+++ b/rannak/endPage/style.css
@@ -7,25 +7,23 @@ body {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
-    background-image: url("img/tres.png");
-    background-size:100%;
+    background-image: url("img/quatro.jpg");
+    background-size: cover;
+    background-attachment: fixed;
 }
 
 .wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
-    width: 100%;
-    height: 100vh;
     text-align: center;
 }
 
 
 .innerDiv {
     padding: 15px;
-    margin-left: 20%;
     width: 45%;
-    color: black;
+    color: white;
 }
 
 
@@ -38,13 +36,13 @@ body {
 }
 
 p{
-    border-top: solid 3px black;
+    border-top: solid 3px white;
     padding-top: 2rem;
 }
 
 
 h1 {
-    color: rgba(0,136,169,1);
+    color: white;
     font-family:'fontUno';
 }
 
@@ -56,6 +54,7 @@ button {
     cursor: pointer;
     text-decoration: none;
     font-size: 1.3rem;
+    color: white;
 }
 
 a {