swaggboi/guestbook-ng
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Style makeover

Browse source
This commit is contained in:
swagg boi 2022-01-01 21:39:04 -05:00
parent ea6862fd73
commit b639cb180d
5 changed files with 80 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
assets/css/swagg.css
View file

@ -7,22 +7,20 @@ body {
background: #000;
margin: 0em;
color: #00FF00;
font: normal 16px/20px Courier, Courier New, monospace;
font-family: fantasy;
}
a {
color: #FFF;
text-decoration: underline;
}
a:hover {
color: #EEE;
color: cyan;
text-decoration: none;
}
form {
cursor: auto;
/* text-align: center; */
a:hover {
text-decoration: underline;
}
a:active, a:visited {
color: violet;
}
td {
@ -88,9 +86,46 @@ img {
margin-bottom: 1em;
}
.articles {
displace: flex;
flex-flow: column;
margin-bottom: 1em;
}
article {
border-style: ridge;
padding: 0em 1em;
}
article .message.field {
font-family: cursive;
font-size: 1.35em;
margin-bottom: 0em;
}
article h3 {
margin-bottom: 0em;
}
.captcha {
display: grid;
grid-template-columns: 1fr 6fr;
grid-template-columns: 1fr 10fr;
}
footer {
font-style: italic;
text-align: center;
}
nav {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 1em;
}
h1#top {
text-align: center;
}
@media screen and (max-width: 1365px) {

4
guestbook-ng.pl
View file

@ -71,6 +71,10 @@ any [qw{GET POST}], '/sign' => sub ($c) {
$c->redirect_to('index');
}
else {
# Try to randomize things for the CAPTCHA challenge. The
# string 'false' actually evaluates to true so this is an
# attempt to confuse a (hypothetical) bot that would try to
# select what it thinks is the right answer
my @answers = shuffle(0, 'false', undef);
my $right_answer_label = 'I\'m ready to sign (choose this one)';
my @wrong_answer_labels = shuffle(

42
templates/index.html.ep
View file

@ -1,26 +1,24 @@
% layout 'default';
% title 'View';
<h2>Messages from the World Wide Web</h2>
<table>
<% for my $row (@$view_posts) { %>
<tr>
<th>Date:</th>
<td><%= @$row[0] %></td>
</tr>
<tr>
<th>Name:</th>
<td><%= @$row[1] %></td>
</tr>
<tr>
<th>Message:</th>
<td><%= @$row[2] %></td>
</tr>
<tr>
<th>&nbsp;</th>
<td>&nbsp;</td>
</tr>
<% } %>
</table>
<center>
<% for my $row (@$view_posts) { =%>
<div class="articles">
<article>
<h3><%= @$row[0] %></h3>
<section class="message field">
<blockquote><p><%= @$row[2] %></p></blockquote>
</section>
<section class="name field">
<figcaption>
- <%= @$row[1] %>
<% if (@$row[3]) { =%>
(<%= link_to Homepage => @$row[3] %>)
<% } =%>
</figcaption>
</section>
</article>
</div>
<% } =%>
<nav>
<%= pagination($this_page, $last_page, '?page={page}') %>
</center>
</nav>

25
templates/layouts/default.html.ep
View file

@ -7,28 +7,21 @@
</head>
<body>
<div class="outer">
<center>
<h1>Guestbook-NG</h1>
<!-- Nav table -->
<table>
<tr>
<td><%= link_to View => 'index' %></td>
<td>&nbsp;</td>
<td><%= link_to Sign => 'sign' %></td>
</tr>
</table>
<hr>
</center>
<h1 id="top">Guestbook-NG</h1>
<!-- Nav table -->
<nav>
<%= link_to View => 'index' %>
<%= link_to Sign => 'sign' %>
</nav>
<hr>
</div>
<div class="inner">
<%= content =%>
</div>
<div class="outer">
<footer>
<center>
<p><i>Maximize your dynamic innovation using battle-tested deep
learning models.</i></p>
</center>
<p>Maximize your dynamic innovation using battle-tested deep
learning models.</p>
</footer>
</div>
</body>

2
templates/sign.html.ep
View file

@ -7,7 +7,7 @@
<%= input_tag 'name' %>
</div>
<div class="url field">
<%= label_for url => 'Homepage URL (doesn\'t work yet 😩😭)' %>
<%= label_for url => 'Homepage URL' %>
<%= input_tag 'url' %>
</div>
<div class="message field">