OpenStreetMap logo OpenStreetMap

Zavetrina's Notes

Notes submitted or commented on by Zavetrina

Id Creator Description Created at Last changed
5209751 Zavetrina

Napravio sam za tebe malu web aplikaciju - interaktivnu "Potragu za blagom" po Nišu. To je igra za mlade koja vodi kroz znamenitosti grada koristeći stvarne ulice i istorijske događaje, a cilj je stići do Turističke organizacije.

html
<!DOCTYPE html>
<html lang="sr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Niš potraga za blagom 🏛️ Turistička organizacija</title>
<!-- Stilovi + responzivnost + retro avantura -->
<style>
* {
box-sizing: border-box;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}
body {
background: linear-gradient(145deg, #1e3c2c 0%, #2b5a3a 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.game-wrapper {
max-width: 1100px;
width: 100%;
background: #fcf9e8;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f5e7c8" opacity="0.3"/><path d="M20 20 L30 20 L25 28 Z" fill="%23a77b55" opacity="0.2"/><circle cx="70" cy="70" r="6" fill="%23b58a5c" opacity="0.2"/></svg>');
box-shadow: 0 25px 50px -8px rgba(0,0,0,0.6);
border-radius: 48px 48px 32px 32px;
border: 5px solid #dbb47a;
overflow: hidden;
padding: 25px 25px 30px 25px;
}
/* Zaglavlje sa mapom (ugrađena OpenStreetMap) */
.map-header {
background: #7c9a8e;
border-radius: 40px 40px 20px 20px;
padding: 15px 15px 5px 15px;
box-shadow: inset 0 0 0 2px #ebcba0, 0 8px 0 #5e7b6e;
margin-bottom: 30px;
}
.map-title {
display: flex;