ポップアップ

<!--ポップアップ-->
<section id="popup">

<h2>ポップアップウィンドウ</h2>
<p>ポップアップです。同一ページでは一回だけ表示しますがブラウザを閉じて開き直すと再び表示されます。<br>
ボックスの色やサイズなどはcssで調整できます。ポップアップ出現までの時間はjsで調整できます。</p>
<span class="close-btn"><i class="fa-solid fa-xmark"></i></span>

</section>

主なスタイルは

cssフォルダのstyle.cssから「popup」でテキスト検索してみて下さい。詳しい解説もあります。
出現するまでの時間は、jsフォルダのmain.jsの「ポップアップ」で変更できます。現状は5秒後にポップアップが開くようになっています。

同じウィンドウなら一回だけ表示します

何度もでると煩わしいので、同一ウィンドウの場合は一回だけ表示されます。
リロードした場合や、他のページを見て戻ってきた場合は再表示されません。
ただ、ウィンドウを閉じるてから改めて開くとポップアップは再び出ます。

サイト製作中にポップアップが出ないと思ったら、一旦ウィンドウを閉じて改めて開き直してみて下さい。

ポップアップが不要なら

このコードごとhtmlから削除して下さい。