Możesz to zrobić tak:
- Schować zawartość całej strony w elemencie
- Ukryć element używając CSS
- Dodać js sprawdzający czy hasło wpisane w prompt jest poprawne i jeśli tak, dodać klasę "active" pokazującą zawartość elementu zawierającego twoją stronę
<div id="page" class="page">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui libero sapiente eveniet sed illum! Ullam laboriosam eligendi molestiae nihil temporibus quo, dolor delectus ex nemo, ad blanditiis eum rem.</p>
</div>
.page{
display:none;
}
.active{
display:block;
}
var page = document.getElementById("page"),
password = "1234",
prompt = prompt("Wprowadź hasło");
if(prompt==password) {page.className+= "active";
}
Zobacz jak działa:
https://codepen.io/anon/pen/ZKRqPK?editors=0110
Takie zabezpieczenie we frontendzie nie powinno być oczywiście wykorzystywane, pamiętaj! Do tego służy backend.