<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Squirrelmech's Guest List</title>

<style>

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #05030a;
  background-image:
  radial-gradient(circle at center, rgba(90, 40, 150, 0.06), transparent 60%),
  linear-gradient(rgba(5, 3, 10, 0.90), rgba(5, 3, 10, 0.90)),
  url('wavecybergrid.jpg');

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;

  color: white;
  font-family: 'Times New Roman', cursive;
}

.site-container {
  width: 85%;
  max-width: 900px;
  margin: 30px auto;
}

.main-box {

  background-color: rgba(0,0,0,0.578);

  border: 1px dashed #808080;
  border-radius: 30px;

  padding: 50px;

  text-align: center;

}

h1 {
  color:white;
}

.entry {

  background-color: rgba(0,0,0,0.35);

  border:1px dashed #808080;

  border-radius:20px;

  padding:20px;

  margin:20px 0;

  text-align:left;

}

.entry h3 {

  color:#8a6494;

  margin-bottom:5px;

}

.entry small {

  color:#aaa;

}

.entry p {

  color:white;

}


.back-link {

  margin-top:30px;

  display:inline-block;

  color:#8a6494;

  font-weight:bold;

  text-decoration:none;

  border:2px solid white;

  padding:10px 20px;

  border-radius:8px;

  background-color:rgba(0,0,0,0.5);

}


.back-link:hover {

  background-color:#00ffff;

  color:black;

}


</style>

</head>


<body>


<div class="site-container">


<div class="main-box">


<h1>Guest List</h1>


<p>
Leave your mark on Magnesium!
</p>


<a href="signguestbook.html" class="back-link">
Sign Guestbook
</a>


<hr>


<?php

$file = "guestbook.txt";


if (file_exists($file)) {

    echo file_get_contents($file);

} else {

    echo "<p>No entries yet!</p>";

}

?>


<br>


<a href="index.html" class="back-link">
← Back to Home
</a>


</div>


</div>


</body>

</html>
