made navbar responsive, rewritten content

This commit is contained in:
d3m1g0d
2018-10-07 20:07:12 +02:00
parent 1090e7d209
commit 0a4e9ef01d
4 changed files with 173 additions and 73 deletions

BIN
docs/razporeditev.pdf Normal file

Binary file not shown.

View File

@@ -19,18 +19,21 @@
<title>Planica 2018 - Galerija</title> <title>Planica 2018 - Galerija</title>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div> <div>
<a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a> <a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content">
<span class="navbar-toggler-icon"></span>
</button>
</div> </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Domov</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Domov</a></li>
<li class="nav-item active"><a class="nav-link" href="gallery.html">Galerija</a></li> <li class="nav-item active"><a class="nav-link" href="gallery.html">Galerija</a></li>
<li class="nav-item"><a class="nav-link" href="info.html">Informacije</a></li> <li class="nav-item"><a class="nav-link" href="info.html">Informacije</a></li>
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="jumbotron gallery-jumbo mb-0"> <div class="jumbotron gallery-jumbo mb-0">
<div class="text-right container"> <div class="text-right container">
<h1 class="text-center text-white">Galerija</h1> <h1 class="text-center text-white">Galerija</h1>

View File

@@ -18,48 +18,44 @@
<title>Planica 2018 - Domača stran</title> <title>Planica 2018 - Domača stran</title>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div> <div>
<a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a> <a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a>
</div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content">
<div class="collapse navbar-collapse"> <span class="navbar-toggler-icon"></span>
<ul class="navbar-nav mr-auto"> </button>
<li class="nav-item active"><a class="nav-link" href="index.html">Domov</a></li> </div>
<li class="nav-item"><a class="nav-link" href="gallery.html">Galerija</a></li> <div class="collapse navbar-collapse" id="navbar-content">
<li class="nav-item"><a class="nav-link" href="info.html">Informacije</a></li> <ul class="navbar-nav mr-auto">
</ul> <li class="nav-item active"><a class="nav-link" href="index.html">Domov</a></li>
</div> <li class="nav-item"><a class="nav-link" href="gallery.html">Galerija</a></li>
</nav> <li class="nav-item"><a class="nav-link" href="info.html">Informacije</a></li>
</ul>
</div>
</nav>
<div class="jumbotron planica-jumbo mb-0"> <div class="jumbotron planica-jumbo mb-0">
<div class="text-right container"> <div class="text-right container">
<h1 class="text-white">Planica 2018</h1> <h1 class="text-white">Dobrodošli!</h1>
<h5 class="text-white">Projektni teden <br>od 15. do 19. oktobra 2018</h5> <h5 class="text-white">Projektni teden Planica 2018 <br>od 15. do 19. oktobra 2018</h5>
</div> </div>
</div> </div>
<div class="jumbotron container-fluid mt-0"> <p class="container">
<h1>Na kratko:</h1> Dobrodošli na spletni strani projektnega tedna Planica 2018. Projektni teden Strokovne gimnazije se odvija
<ul class="list-group"> v <a class="link" href="https://www.csod.si/dom/planica">Centru šolskih in obšolskih dejavnosti Planica </a>
<li class="list-group-item"> od 15. do 19. oktobra 2018. Na njem bomo med drugim:
<h3>Kaj?</h3> <ul>
<i>Projektni teden</i> <li>šli na Tromejo</li>
</li> <li>plezali v naravni steni v Tamarju</li>
<li class="list-group-item"> <li>obiskali rezervat Zelenci</li>
<h3>Kdo?</h3> <li>se učili preživetja v naravi, orientacije, lokostrelstva</li>
<i>Dijaki 2.Ga razreda Strokovne gimnazije Šolskega centra Kranj</i>
</li>
<li class="list-group-item">
<h3>Kje?</h3>
<i>V <a class="link" href="https://www.csod.si/dom/planica" target="_blank">CŠOD Planica</a></i>
</li>
<li class="list-group-item">
<h3>Kdaj?</h3>
<i id="countdown">Čez <b id="days-left"></b> dni!<br></i>
Od 15 do 19. oktobra 2018
</li>
</ul> </ul>
</div> </p>
<p class="container">
Ogledate si lahko <a class="link" href="info.html">informacije o dogodku</a>, med in po projektnem tednu
pa bodo na voljo tudi slike v <a class="link" href="gallery.html">galeriji</a>.
</p>
<footer class="text-muted text-center">Copyright 2018 Kristjan Komloši in Jakob Kosec</footer> <footer class="text-muted text-center">Copyright 2018 Kristjan Komloši in Jakob Kosec</footer>
</body> </body>
</html> </html>

171
info.html
View File

@@ -14,16 +14,18 @@
<!--Custom CSS--> <!--Custom CSS-->
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<!--Custom JS--> <!--Custom JS-->
<script src="countdown.js" type="text/javascript"></script>
<title>Planica 2018 - Informacije</title> <title>Planica 2018 - Informacije</title>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div> <div>
<a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a> <a href="index.html" class="navbar-brand">Projektni teden Planica 2018</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content">
<span class="navbar-toggler-icon"></span>
</button>
</div> </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Domov</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Domov</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Galerija</a></li> <li class="nav-item"><a class="nav-link" href="gallery.html">Galerija</a></li>
@@ -31,37 +33,136 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="container"> <a class="link text-center" data-toggle="collapse" href="#equipment"><h3>Seznam potrebne opreme</h3></a>
<table class="table text-center"> <div class="container collapse" id="equipment">
<tr> <h5>Osebni dokumenti:</h5>
<th scope="colgroup" class="text-center h3" colspan="6">Urnik</th> <ul>
</tr> <li>zdravstvena izkaznica</li>
<tr> </ul>
<th scope="row">Ura</th> <h5>Za bivanje:</h5>
<th scope="row">Ponedeljek</th> <ul>
<th scope="row">Torek</th> <li>1 Rjuha, prevleka za odejo ter za vzglavnik</li>
<th scope="row">Sreda</th> <li>milo</li>
<th scope="row">Četrtek</th> <li>zobna ščetka in zobna pasta</li>
<th scope="row">Petek</th> <li>pribor za osebno higieno</li>
</tr> <li>papirnati robčki</li>
<tr> <li>vreča za umazano perilo</li>
<td>7:00</td> <li>2 brisači</li>
<td rowspan="3"></td> <li>1 plastična ali termo steklenica</li>
<td rowspan="2">Budnica, Jutranja telovadba in zajtrk</td> <li>zaščitna krema za sonce</li>
<td rowspan="2">Budnica, Jutranja telovadba in zajtrk</td> </ul>
<td rowspan="2">Budnica, Jutranja telovadba in zajtrk</td> <h5>Za izvajanje pouka:</h5>
<td rowspan="2">Budnica, Jutranja telovadba in zajtrk</td> <ul>
</tr> <li>peresnica, zvevek in ravnilo</li>
<tr> <li>manjši nahrbtnik in ravnilo</li>
<td>9:00</td> </ul>
</tr> <h5>Oblačila in obutev</h5>
<tr> <ul>
<td>10:00</td> <li>spodnje perilo</li>
</tr> <li>tanjše in debelejše nogavice</li>
<tr> <li>pižama</li>
<td>11:00</td> <li>trenirka ali športna oblačila za prosti čas</li>
</tr> <li>tople rezervne dolge hlače</li>
</table> <li>majice, puli, pulover</li>
</div> <li>debelejši pulover ali termoflis</li>
<li>vetrovka ali druga nepremočljiva obleka</li>
<li>kapa, rokavice</li>
<li>telovadni copati</li>
<li>copati za v dom</li>
<li><b class="text-danger">OBVEZNO!</b><b><br>Močnejši planinski čevlji (nizki ali visoki) z dobro profiliranim podplatom za aktivnosti v gorskem okolju</b></li>
</ul>
<h5>Za šport in razvedrilo</h5>
<ul>
<li>loparji za namizni tenis</li>
<li>glasbeni inštrumenti (kitara, orglice, harmonika)</li>
<li>čelna svetilka ali baterija za nočni pohod</li>
<li>sončna očala - priporočljivo</li>
<li>razne družabne igre</li>
<li>kopalke (v primeru slabega vremena)</li>
</ul>
</div>
<a class="link text-center" data-toggle="collapse" href="#timetable"><h3>Urnik</h3></a>
<div class="container collapse" id="timetable">
<h3>Ponedeljek: 15.10.2018</h3>
<ul>
<li>9.30 odhod izpred šole;</li>
<li>10.30 prihod v CŠOD Planica, uvodna navodila, seznanitev s hišnim redom, namestitev po sobah;</li>
<li>12.00 13.00 kosilo;</li>
<li>13.00 - 14.00 usmerjen prosti čas;</li>
<li>14.00 17.00 Zgodovina smučarskih skokov in poletov ter Geografske značilnosti Planice in Tamarja;</li>
<li>17.00 18.30 usmerjeni prosti čas;</li>
<li>18.30 19.30 večerja;</li>
<li>19.30 21.00 Večerno nočni pohod;</li>
<li>21.00 priprava na spanje;</li>
<li>22.00 nočni počitek:</li>
</ul>
<h3>Torek: 16.10.2018</h3>
<ul>
<li>7.00 budnica;</li>
<li>7.00 8.00 jutranja telovadba, zajtrk;</li>
<li>8.00 17.00 Pohod na Tromejo in obisk naravnega rezervata Zelenci (celodnevni izlet);</li>
<li>17.00 18.30 usmerjeni prosti čas;</li>
<li>18.30 19.30 večerja;</li>
<li>19.30 21.00 Orientacija in kartografija;</li>
<li>21.00 priprava na spanje;</li>
<li>22.00 nočni počitek:</li>
</ul>
<h3>Sreda: 17.10.2018</h3>
<ul>
<li>7.00 budnica;</li>
<li>7.00 8.00 jutranja telovadba, zajtrk;</li>
<li>8.00 17.00 Tamar s plezanjem v naravni steni in TNP (celodnevni izlet);</li>
<li>17.00 18.30 usmerjeni prosti čas;</li>
<li>18.30 19.30 večerja;</li>
<li>19.30 21.00 večerna animacija;</li>
<li>21.00 priprava na spanje;</li>
<li>22.00 nočni počitek:</li>
</ul>
<h3>Četrtek: 18.10.2018</h3>
<ul>
<li>7.00 budnica;</li>
<li>7.00 8.00 jutranja telovadba, zajtrk;</li>
<li>8.00 12.30 Zgodovina gorništva in preživetje v naravi;</li>
<li>12.30 13.30 kosilo;</li>
<li>13.30 14.00 usmerjen prosti čas;</li>
<li>14.00 17.00 Orientacijski tek;</li>
<li>17.00 18.30 usmerjeni prosti čas;</li>
<li>18.30 19.30 večerja;</li>
<li>19.30 21.00 Ogled slovenskega gorniškega filma Sfinga;</li>
<li>21.00 priprava na spanje;</li>
<li>22.00 nočni počitek:</li>
</ul>
<h3>Petek, 19.10.2018</h3>
<ul>
<li>7.00 budnica;</li>
<li>7.00 8.00 jutranja telovadba, zajtrk;</li>
<li>8.00 12.30 Lokostrelstvo / razgledna točka;</li>
<li>12.30 13.00 kosilo;</li>
<li>13.00 - 13.30 zaključni zbor;</li>
<li>14.00 - 15.00 prihod v Kranj.</li>
</ul>
</div>
<a class="link text-center" data-toggle="collapse" href="#contact"><h3>Kontaktne osebe</h3></a>
<div class="container collapse" id="contact">
<b>Ravnateljica Strokovne gimnazije</b><br>
mag. Lidija Goljat Prelogar <br>
e-pošta: <a class="link" href="mailto:lidija.goljat.prelogar@sckr.si">lidija.goljat.prelogar@sckr.si</a><br>
telefon: 04 280 40 22
<br><br>
<b>Vodja projektnega tedna</b><br>
Matej Lavtižar<br>
e-pošta: <a class="link" href="mailto:matej.lavtizar@sckr.si">matej.lavtizar@sckr.si</a><br>
telefon: 04 280 40 26 (zbornica)
<br><br>
<b>CŠOD Planica</b><br>
Rateče 167<br>
4283 Rateče - Planica<br>
Telefon: 04 588 45 70
GSM: 041 400 917
Kontaktna oseba: Mina Kotnik (051 634 697)
e-pošta: <a class="link" href="mailto:mina.kotnik@csod.si">mina.kotnik@csod.si</a>, <a class="link" href="mailto:planica@csod.si">planica@csod.si</a>
</div>
<a class="link text-center" href="docs/razporeditev.pdf"><h3>Razporeditev po sobah (PDF)</h3></a>
<footer class="text-muted text-center">Copyright 2018 Kristjan Komloši in Jakob Kosec</footer>
</body> </body>
</html> </html>