2023-02-07 23:28:05
DAN SIGURNIJEG INTERNETA 2023Dan sigurnijeg interneta (Safer Internet Day – SID) je internacionalni dan koji se na inicijativu Europske komisije globalno obilježava drugog utorka u veljači s ciljem stvaranja sigurnijeg i boljeg interneta. Dan sigurnijeg interneta 2023 obilježavamo 07. veljače pod motom "Zajedno za bolji internet".
Hrvatska regulatorna agencija za mrežne djelatnosti (HAKOM) podijelila je učenicima petih razreda edukativne brošure „Kako se zaštititi u svijetu interneta i mobilnih uređaja?“ koja sadrži praktične i korisne savjete o opasnostima i sigurnosti na internetu, zaštiti privatnosti i osobnih podataka, načinu ponašanja i odgovornoj uporabi društvenih mreža. Brošure su prvenstveno namijenjene roditeljima kako bi se potaknuo razgovor o ovoj važnoj temi.
I ove godine je Centar za sigurniji Internet pripremio brojne aktivnosti za sve. Tako su učenici razredne i predmetne nastave na nastavi informatike odradile online kvizove za djecu. Na satu informatike učenici 4.c razreda izradili su plakat posvećen sigurnosti na internetu na temu "Stani pa klikni!". Pano krasi predvorje naše škole. U obilježavanju dana sigurnosti na internetu sudjelovali su i učenici 2.b razreda. Svoju učionicu ukrasili su likovnim radovima i porukama o pravilima ponašanja na internetu.
×
/* Style the Image Used to Trigger the Modal */
.myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
.myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: scroll; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.modal-content {
margin: auto;
display: block;
width: auto;
height:auto;
max-width: 80%;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 80%;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.close {
position: fixed;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 100px;
font-weight: bold;
transition: 0.6s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 100%){
.modal-content {
width: 100%;
}
}
// Get the modal
var modal = document.getElementById('myModal');
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = $('.myImg');
var modalImg = $("#img01");
var captionText = document.getElementById("caption");
$('.myImg').click(function(){
modal.style.display = "block";
var newSrc = this.src;
modalImg.attr('src', newSrc);
captionText.innerHTML = this.alt;
});
// Get the element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on (x), close the modal
span.onclick = function() {
modal.style.display = "none";
} |