From db51def1245ce47bfc37d5aa45e02c1dd6e6ac19 Mon Sep 17 00:00:00 2001 From: JustSteel Date: Fri, 7 May 2021 21:15:20 +0200 Subject: [PATCH] _ --- websites/.vscode/launch.json | 15 ++ websites/WikiSpot.html | 48 +++--- websites/WikiSpotCSS.css | 254 ++++++++------------------------ websites/WikiSpotCon.html | 33 +++++ websites/WikiSpotLoc.html | 158 ++++++++++++++++++++ websites/WikiSpotPro.html | 33 +++++ websites/WikiSpotWS.html | 146 ++++++++++++++++++ websites/app.css | 278 +++++++++++++++++++++++++++++++++++ websites/appjs.js | 44 ++++++ websites/desc_short.js | 119 +++++++++++++++ websites/wikispot.png | Bin 3709 -> 0 bytes 11 files changed, 910 insertions(+), 218 deletions(-) create mode 100644 websites/.vscode/launch.json create mode 100644 websites/WikiSpotCon.html create mode 100644 websites/WikiSpotLoc.html create mode 100644 websites/WikiSpotPro.html create mode 100644 websites/WikiSpotWS.html create mode 100644 websites/app.css create mode 100644 websites/appjs.js create mode 100644 websites/desc_short.js delete mode 100644 websites/wikispot.png diff --git a/websites/.vscode/launch.json b/websites/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/websites/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/websites/WikiSpot.html b/websites/WikiSpot.html index 7e7d51d..6b4f73a 100644 --- a/websites/WikiSpot.html +++ b/websites/WikiSpot.html @@ -1,41 +1,33 @@ - + - Travellly - - + WikiSpot + + +
-
- \ No newline at end of file diff --git a/websites/WikiSpotCSS.css b/websites/WikiSpotCSS.css index d95e3b7..2295435 100644 --- a/websites/WikiSpotCSS.css +++ b/websites/WikiSpotCSS.css @@ -1,210 +1,84 @@ -/* elements */ -body{ - background-color: #00B4D8; +/* ---------- Základné štýly ---------- */ +header { + background-image: url(header-background.jpg); +} +body { + background-image: url(header-background.jpg); margin: 0; -} -header{ - background-color:#0077B6; - padding-bottom: 23px; -} -img{ - padding-top: 25px; - padding-left: 25px; -} -nav{ - float: right; - position: sticky; -} -ul{ - margin: 0; - margin-left: 280px; -} -li{ - padding-top: 50px; - padding-bottom: 48px; - padding-left: 50px; - padding-right: 50px; - margin-right: -5px; - display: inline-block; - font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; - font-size: 20px; - transition: background-color 0.5s; - position: relative; -} -#contact{ - margin: 0; -} -li:hover{ - background-color: rgba(79, 80, 80, 0.356); - transition: ease-in-out; - transition: background-color 0.5s; - -} -a{ - text-decoration: none; - color: #FFFFFF; -} -label{ - visibility: collapse; user-select: none; } -/* classes */ -.expandable{ - visibility: collapse; - display: block; - margin-left: 0; - padding-top: 10px; - padding-bottom: 10px; - text-decoration: none; - color: black; - font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; - font-size: 20px; - text-align: center; +/* ---------- Navigačná lišta (navbar) ---------- */ +.list { + margin: 0px; + padding: 1rem 0; + display: flex; + justify-content: flex-end; + align-items: center; } -.an{ +.item { + list-style: none; + margin-right: 3rem; + cursor: pointer; +} +.item:first-child { + margin-right: auto; + margin-left: 1.3rem; +} +.itemImg { + margin-right: auto; + margin-left: 1.3rem; +} +.list li { color: #FFFFFF; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; - font-size: 35px; - margin: 0; - margin-top: 340px; - margin-left: 150px; + font-size: 20px; } -/* IDs */ -#here{ - margin-top: 150px; +.list li:hover { + color: chartreuse; + transition: color 0.2s ease-in-out; } -#phone{ - width: 200px; - height: 400px; - border: 10px solid grey; - border-radius: 5%; - background-color: black; - margin-left: 150px; - margin-top: 150px; - position: relative; +.wsImg { + border-radius: 10px; } -#ref{ - position: relative; - margin-top: 180px; - margin-left: -30px; - width: 2px; - height: 250px; - border: 2px solid rgba(79, 80, 80, 0.356); - border-radius: 30%; - background: rgba(126, 133, 133, 0.356); +.wsImg:first-child { + margin-right: auto; } -#ref2{ - position: relative; - margin-top: 450px; - margin-left: -30px; - width:50; - border: 3px solid rgba(166, 172, 172, 0.39); - border-radius: 50%; +/* ---------- Burger Menu ---------- */ +.burger { + cursor: pointer; + font-size: 40px; + color: white; + display: flex; + visibility: collapse; + margin-right: 2rem; + margin-top: -10px; + position: absolute; } -#phone, #ref, #ref2, #android{ - display: inline; - float: left; -} -#check{ +.burgerList { display: none; } -/* responsive */ -@media (max-width: 1250px){ - ul{ +@media (max-width: 800px) { + .item { + display: none; + } + .burger { + visibility: visible; + } + .burgerList { + display: none; + flex-direction: column; + align-items: center; + margin-right: 30px; margin-top: 0px; - margin-left: 0px; - } -} -@media (max-width: 955px){ - #check:checked ~ * .expandable{ - visibility: visible; - } - ul{ - visibility: collapse; - padding: 0; - } - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - visibility: visible; - } - .expandable{ - visibility: collapse; - display: block; - position: relative; - margin-left: 400px; - text-decoration: none; - color: black; + color: white; + list-style: none; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 20px; - text-align: center; } - .menu{ - position: relative; - margin-left: -12em; + .bItem { + margin-top: 10px; } - -} -@media (max-width: 914px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - } - .menu{ - margin-top: -97px; - } -} -@media (max-width: 860px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - } -} -@media (max-width: 840px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - } -} -@media (max-width: 692px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - } - .menu{ - margin-top: -217px; - } -} -@media (max-width: 635px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; - } -} -@media (max-width: 618px){ - label{ - font-size: 40px; - float: right; - margin-top: -90px; - margin-right: 45px; - position: relative; + .appear { + display: flex; } } \ No newline at end of file diff --git a/websites/WikiSpotCon.html b/websites/WikiSpotCon.html new file mode 100644 index 0000000..6b4f73a --- /dev/null +++ b/websites/WikiSpotCon.html @@ -0,0 +1,33 @@ + + + + WikiSpot + + + + + + + +
+ +
+ + \ No newline at end of file diff --git a/websites/WikiSpotLoc.html b/websites/WikiSpotLoc.html new file mode 100644 index 0000000..b2b0f3a --- /dev/null +++ b/websites/WikiSpotLoc.html @@ -0,0 +1,158 @@ + + + + WikiSpot + + + + + + + + + +
+ + + home + + +
+ + + + + +
+
+
+
+
+ wsData1img +
+
+ + +
+
+
+
+
+ wsData2img +
+
+ + + + +
+
+
+
+
+ wsData3img +
+
+ + + + +
+
+
+
+
+ wsData4img +
+
+ + + + +
+
+
+
+
+ wsData5img +
+
+ + diff --git a/websites/WikiSpotPro.html b/websites/WikiSpotPro.html new file mode 100644 index 0000000..6b4f73a --- /dev/null +++ b/websites/WikiSpotPro.html @@ -0,0 +1,33 @@ + + + + WikiSpot + + + + + + + +
+ +
+ + \ No newline at end of file diff --git a/websites/WikiSpotWS.html b/websites/WikiSpotWS.html new file mode 100644 index 0000000..13f8ef9 --- /dev/null +++ b/websites/WikiSpotWS.html @@ -0,0 +1,146 @@ + + + + + + + + Flextest + + + + +
+ +
+ + + + + +
+ # +
+
Kniznica
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.
+
+
▼
+
+ +
+ # +
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.
+
+
Teplota
+
+
+
+
+ +
+ # +
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.
+
+ + + + +
+ # +
+
Kniznica
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.
+
+
▼
+
+ +
+ # +
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.
+
+
Teplota
+
+
+
+
+ +
+ # +
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.
+
+ + + + +
+ # +
+
Kniznica
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.
+
+
▼
+
+ +
+ # +
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.
+
+
Teplota
+
+
+
+
+ +
+ # +
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.
+
+ + + + +
+ # +
+
Kniznica
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, numquam facilis aut officia.
+
+
▼
+
+ +
+ # +
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.
+
+
Teplota
+
+
+
+
+ +
+ # +
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.
+
+ + + + + \ No newline at end of file diff --git a/websites/app.css b/websites/app.css new file mode 100644 index 0000000..22f4852 --- /dev/null +++ b/websites/app.css @@ -0,0 +1,278 @@ +/* ---------- Základné štýly ---------- */ +header { + background-image: url(header-background.jpg); +} +body { + background-image: url(header-background.jpg); + margin: 0; + user-select: none; +} +/* ---------- Navigačná lišta (navbar) ---------- */ +.list { + margin: 0px; + padding: 1rem 0; + display: flex; + justify-content: flex-end; + align-items: center; +} +.item { + list-style: none; + margin-right: 3rem; + cursor: pointer; +} +.item:first-child { + margin-right: auto; + margin-left: 1.3rem; +} +.itemImg { + margin-right: auto; + margin-left: 1.3rem; +} +.list li { + color: #FFFFFF; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 20px; +} +.list li:hover { + color: chartreuse; + transition: color 0.2s ease-in-out; +} +.wsImg { + border-radius: 10px; +} +.wsImg:first-child { + margin-right: auto; +} +/* ---------- Burger Menu ---------- */ +.burger { + cursor: pointer; + font-size: 40px; + color: white; + display: flex; + visibility: collapse; + margin-right: 2rem; + margin-top: -10px; + position: absolute; +} +.burgerList { + display: none; +} +/* ---------- 1 ---------- */ +#list1 { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +#hey1 { + font-weight: bold; + margin-top: 15px; +} +#hou1 { + margin-top: 50px; + margin-left: -60px; +} +/* ---------- 2 ---------- */ +#list2 { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +#hey2 { + font-weight: bold; + margin-top: 15px; +} +#hou2 { + margin-top: 50px; + margin-left: -60px; +} +/* ---------- 3 ---------- */ +#list3 { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +#hey3 { + font-weight: bold; + margin-top: 15px; +} +#hou3 { + margin-top: 50px; + margin-left: -60px; +} +/* ---------- 4 ---------- */ +#list4 { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +#hey4 { + font-weight: bold; + margin-top: 15px; +} +#hou4 { + margin-top: 50px; + margin-left: -60px; +} +/* ---------- 5 ---------- */ +#list5 { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +#hey5 { + font-weight: bold; + margin-top: 15px; +} +#hou5 { + margin-top: 50px; + margin-left: -60px; +} +/* ---------- Zdieľané štýly (classes) ---------- */ +.wsList { + background: white; + width: 550px; + height: 100px; + border-radius: 10px; + margin-left: 20px; + margin-top: 5px; +} +.hey { + display: flex; + flex-direction: row; + justify-content: flex-end; +} +.klol { + display: flex; + flex-direction: row; + justify-content: flex-end; + margin-bottom: 10px; + margin-left: 10px; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} +.constantImg { + grid-area: obrazok; + display: flex; + width: 300px; + height: 300px; + top: 250px; + left: 50px; + transition: display 1s 1s; +} +.mystyle { + transform: rotate(180deg); +} +.appear { + display: flex; +} +.arrow { + cursor: pointer; + height: 40px; + width: 40px; + font-size: 40px; + margin-right: 30px; + margin-top: 28px; + transition: transform 0.5s ease-in-out; +} +/* ---------- Grid Layout ---------- */ +.obrazok { + grid-area: obrazok; + width: 500px; + height: 300px; + margin-left: 25px; +} +.text { + grid-area: description; +} +.senzory { + grid-area: senzory; +} +.info { + grid-area: info; +} +.listHide { + display: none; + background: #ffffff; +} +.expand { + display: grid; + grid-template-columns: 1.3fr 0.7fr; + grid-template-rows: 1fr 1fr; + gap: 5px 5px; + grid-template-areas: + "obrazok senzory" + "description info"; + margin-top: 2px; + margin-left: 20px; + margin-bottom: 2px; + border-radius: 10px; + height: 600px; + width: 550px; +} +.big { + display: grid; + grid-template-columns: 1.3fr 0.7fr; + grid-template-rows: 1fr 1fr; + gap: 5px 5px; + grid-template-areas: + "obrazok senzory" + "description info"; + position: absolute; + border-radius: 10px; + left: 650px; + top: 117px; + height: 700px; + width: 900px; + background: royalblue; + align-items: center; +} +.appear { + display: flex; +} +/* ---------- Responzívnosť (media tag) ---------- */ +@media (max-width: 1000px) { + .big { + display: none; + } +} +@media (max-width: 800px) { + .item { + display: none; + } + .burger { + visibility: visible; + } + .burgerList { + display: none; + flex-direction: column; + align-items: center; + margin-right: 30px; + margin-top: 0px; + color: white; + list-style: none; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 20px; + } + .bItem { + margin-top: 10px; + } +} \ No newline at end of file diff --git a/websites/appjs.js b/websites/appjs.js new file mode 100644 index 0000000..45f618e --- /dev/null +++ b/websites/appjs.js @@ -0,0 +1,44 @@ +function onclick1() { + var click = document.getElementById("arrow1"); + click.classList.toggle("mystyle"); + var expand = document.getElementById("listExpand1"); + expand.classList.toggle("expand"); + var appear = document.getElementById("roko1"); + appear.classList.toggle("appear"); +} +function onclick2() { + var click = document.getElementById("arrow2"); + click.classList.toggle("mystyle"); + var expand = document.getElementById("listExpand2"); + expand.classList.toggle("expand"); + var appear = document.getElementById("roko2"); + appear.classList.toggle("appear"); +} +function onclick3() { + var click = document.getElementById("arrow3"); + click.classList.toggle("mystyle"); + var expand = document.getElementById("listExpand3"); + expand.classList.toggle("expand"); + var appear = document.getElementById("roko3"); + appear.classList.toggle("appear"); +} +function onclick4() { + var click = document.getElementById("arrow4"); + click.classList.toggle("mystyle"); + var expand = document.getElementById("listExpand4"); + expand.classList.toggle("expand"); + var appear = document.getElementById("roko4"); + appear.classList.toggle("appear"); +} +function onclick5() { + var click = document.getElementById("arrow5"); + click.classList.toggle("mystyle"); + var expand = document.getElementById("listExpand5"); + expand.classList.toggle("expand"); + var appear = document.getElementById("roko5"); + appear.classList.toggle("appear"); +} +function bmenu() { + var burger = document.getElementById("bonger"); + burger.classList.toggle("appear") +} \ No newline at end of file diff --git a/websites/desc_short.js b/websites/desc_short.js new file mode 100644 index 0000000..6a027a7 --- /dev/null +++ b/websites/desc_short.js @@ -0,0 +1,119 @@ +// fetch("http://192.168.1.105:8000/devices_list") +// .then(function(response){ +// return response.json(); +// }) +// .then(function(data){ +// appendData(data); +// }) +// .catch(function(err){ +// console.log(err); + +// }); +// function appendData(data){ +// console.log(data); +// console.log(data[1]["files"][0]); +// var myJson = JSON.stringify(data[1]["description"]["description_s"]); +// var myJson1 = JSON.stringify(data[1]["description"]["title"]); +// var myJson2 = JSON.stringify(data[1]["description"]["description_l"]); +// var uJson = myJson.replace(/\"/g, ""); +// var str = (uJson); +// var str_esc = escape(str); +// console.log(str_esc + "
" + myJson1); +// console.log(unescape(str_esc)); +// var mainContainer = document.getElementById("hou1"); +// var div = document.createElement("div"); +// div.setAttribute("id", "hou"); +// div.innerHTML = unescape(str_esc); + +// mainContainer.appendChild(div); + +// var mainContainer1 = document.getElementById("hey1"); +// var uJson1 = myJson1.replace(/\"/g, ""); +// var div1 = document.createElement("div"); +// div1.setAttribute("id", "hey"); +// div1.innerHTML = unescape(escape(uJson1)); +// var uJson1 = myJson1.replace(/\"/g, ""); + +// mainContainer1.appendChild(div1); +// } +$(document).ready(function() { + let urls = ["http://192.168.1.105:8000/files/0/library.jpg", "http://192.168.1.105:8000/files/0/library.jpg", "http://192.168.1.105:8000/files/0/library.jpg"]; + let descriptions = ["here", "there"]; + let n = 1; + function append_element(urls, descriptions, n) { + + let template = `
+
+ # +
+
+
+
+
▼
+
+ +
+ # +
${descriptions[0]}
+
+
Teplota
+
+
+
+
+ +
+ # +
${descriptions[1]}
+
`; + + $("body").append(template); + + } + append_element(urls, descriptions, n); + + $.get("http://192.168.1.105:8000/devices_list", function(data) { + + console.log(data); + var myJson = JSON.stringify(data[1]["description"]["description_s"]); + var myJson1 = JSON.stringify(data[1]["description"]["title"]); + console.log(myJson); + console.log(myJson1); + uJson = myJson.replace(/\"/g, ""); + var str = (uJson); + var str_esc = escape(str); + console.log(str_esc + "
" + myJson); + console.log(unescape(str_esc)); + var main = document.getElementById("hou1"); + var div = document.createElement("div"); + div.setAttribute("id", "hou"); + div.innerHTML = unescape(str_esc); + + main.appendChild(div); + + var sub = document.getElementById("hey1"); + var uJson1 = myJson1.replace(/\"/g, ""); + var div1 = document.createElement("div"); + div1.setAttribute("id", "hey"); + div1.innerHTML = unescape(escape(uJson1)); + + sub.appendChild(div1); + + + + ID = 0; + $.get(`http://192.168.1.105:8000/${ID}/sensors`, function(data1) { + console.log(data1); + var sens = JSON.stringify(data1["teplota"]); + console.log(sens); + var uSens = sens.replace(/\"/g, ""); + var heat = document.getElementById("heat"); + var div2 = document.createElement("div"); + div2.setAttribute("id", "hot"); + div2.innerHTML = unescape(escape(uSens)); + + heat.appendChild(div2); +}) + }) + +}) diff --git a/websites/wikispot.png b/websites/wikispot.png deleted file mode 100644 index 10d4facb05cbcd5d38a37cc4a19b0fa336e312ec..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3709 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 bd6M*h+ay5-21`t!00000NkvXXu0mjf1eN)j