DEVELOPER_CORE_DUMP
Guest book design.
This is the code for the guestbook, image with iframe inside of it. feel free to use it <3
<div style="flex: 1; min-width: 350px; padding: 10px;">
<center>
<h3>Sign my Guestbook:</h3>
<div style="display: inline-grid; position: relative; width: 320px; height: 650px;">
<div style="grid-column: 1; grid-row: 1; padding-top: 85px; padding-left: 5px; width: 280px; height: 535px; z-index: 1;">
<iframe
src="Insert link here"
width="280"
height="535"
style="border: none; background: white; display: block;">
</iframe>
</div>
<img src="Insert image here"
style="
grid-column: 1;
grid-row: 1;
width: 320px;
height: 650px;
pointer-events: none;
z-index: 2;
" alt="Frame">
</div>
<p><small>Please no flaming!</small></p>
</center>
</div>
Visitor counter
This the html that shows the visitor counter + the script.
this is the script:
<script>
// Simple logic to track visits in the user's browser
let visits = localStorage.getItem('visitorCount');
if (visits === null) {
visits = 1;
} else {
visits = parseInt(visits) + 1;
}
localStorage.setItem('visitorCount', visits);
// Pad the number with zeros for that 90s look (e.g., 000005)
document.getElementById('count').innerHTML = visits.toString().padStart(6, '0');
</script>
This is the html:
<font color="lime">Visitors: <span id="count">000000</span></font>