Style makeover

This commit is contained in:
swag 2022-01-01 21:39:04 -05:00
parent ea6862fd73
commit b639cb180d
5 changed files with 80 additions and 50 deletions

View File

@ -7,22 +7,20 @@ body {
background: #000; background: #000;
margin: 0em; margin: 0em;
color: #00FF00; color: #00FF00;
font: normal 16px/20px Courier, Courier New, monospace; font-family: fantasy;
} }
a { a {
color: #FFF; color: cyan;
text-decoration: underline;
}
a:hover {
color: #EEE;
text-decoration: none; text-decoration: none;
} }
form { a:hover {
cursor: auto; text-decoration: underline;
/* text-align: center; */ }
a:active, a:visited {
color: violet;
} }
td { td {
@ -88,9 +86,46 @@ img {
margin-bottom: 1em; 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 { .captcha {
display: grid; 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) { @media screen and (max-width: 1365px) {

View File

@ -71,6 +71,10 @@ any [qw{GET POST}], '/sign' => sub ($c) {
$c->redirect_to('index'); $c->redirect_to('index');
} }
else { 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 @answers = shuffle(0, 'false', undef);
my $right_answer_label = 'I\'m ready to sign (choose this one)'; my $right_answer_label = 'I\'m ready to sign (choose this one)';
my @wrong_answer_labels = shuffle( my @wrong_answer_labels = shuffle(

View File

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

View File

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

View File

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