zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

include provided styling for guestbook. edit filepaths for guestbook

This commit is contained in:
emma 2024-12-19 13:06:14 -05:00
parent fe0d1095bc
commit 893536a5b6
3 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
guestbook/templates/gb-header.php
View File

@ -1,8 +1,8 @@
<section>
<h1>Guestbook</h1>
<p>Welcome to my guestbook!</p>
<p><a href="index.php" class="btn">View guestbook</a>
<a href="sign.php" class="btn">Sign guestbook</a></p>
<p><a href="../../guestbook/index.php" class="btn">View guestbook</a>
<a href="../../guestbook/sign.php" class="btn">Sign guestbook</a></p>
</section>
<section>

1
guestbook/templates/top.php
View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" href="../../style/style.css">
<link rel="stylesheet" href="../../style/guestbook.css">
</head>
<body>

38
style/guestbook.css Normal file
View File

@ -0,0 +1,38 @@
:root {
--pagebg:#232c2f;
--pagecolor:#DCD7C9;
--border: #5b7e81;
}
ul.pages {
list-style:none;
margin:auto;
text-align:center;
}
ul.pages li { display:inline; }
ul.pages li a, ul.pages li.active {
font-size: 1.2rem;
border: 1px solid var(--border);
padding:5px;
margin:2px;
transition:0.5s ease;
text-decoration:none;
}
ul.pages li.page a:hover {
background:var(--pagecolor);
color:var(--pagebg);
transition:0.5s ease;
}
ul.pages li.page a {
background: var(--pagebg);
color: var(--pagecolor);
}
ul.pages li.active {
background:var(--pagecolor);
color:var(--pagebg);
}