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

CSS tweaks

Browse Source
This commit is contained in:
swag 2021-12-25 01:05:34 -05:00
parent 9a9a8e2cc1
commit 89712d81a8
4 changed files with 66 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/swagg.css
View File

@ -18,7 +18,7 @@ a:hover {
form { form {
cursor: auto; cursor: auto;
/* text-align: center; */ text-align: center;
} }
td { td {
@ -38,12 +38,12 @@ hr {
.inner { .inner {
margin: 0 auto; margin: 0 auto;
max-width: 90%; max-width: 50%;
} }
.outer { .outer {
margin: 0 auto; margin: 0 auto;
max-width: 95%; max-width: 60%;
} }
#bonzi { #bonzi {
@ -73,3 +73,9 @@ hr {
img { img {
vertical-align: middle; vertical-align: middle;
} }
.bordered, .bordered tr, .bordered th, .bordered td {
border-style: double;
border-collapse: collapse;
padding: 10px;
}

13
templates/layouts/default.html.ep
View File

@ -2,10 +2,11 @@
<html> <html>
<head> <head>
<title>Guestbook-NG - <%= title %></title> <title>Guestbook-NG - <%= title %></title>
<meta name="viewport" content= "width=device-width, initial-scale=1.0">
<%= asset 'swagg.css' %> <%= asset 'swagg.css' %>
</head> </head>
<body> <body>
<center> <div class="outer">
<h1>Guestbook-NG</h1> <h1>Guestbook-NG</h1>
<!-- Nav table --> <!-- Nav table -->
<table> <table>
@ -15,11 +16,15 @@
<td><%= link_to Sign => 'sign' %></td> <td><%= link_to Sign => 'sign' %></td>
</tr> </tr>
</table> </table>
<%= content %> </div>
<div class="inner">
<%= content %>
</div>
<div class="outer">
<footer> <footer>
<p><i>Maximize your dynamic innovation using battle-tested deep <p><i>Maximize your dynamic innovation using battle-tested deep
learning models.</i></p> learning models.</i></p>
</footer> </footer>
</center> </div>
</body> </body>
</html> </html>

26
templates/sign.html.ep
View File

@ -2,39 +2,29 @@
% title 'Sign'; % title 'Sign';
<h2>Sign the Guestbook</h2> <h2>Sign the Guestbook</h2>
<form method="post"> <form method="post">
<table> <table class="bordered">
<tr> <tr>
<th>Name:</th> <th>Name</th>
<td><%= input_tag 'name' %></td> <td><%= input_tag 'name' %></td>
</tr> </tr>
<tr> <tr>
<th>Message:</th> <th>Message</th>
<td><%= text_area 'message', cols => 40, rows => 6 %></td> <td><%= text_area 'message', cols => 40, rows => 6 %></td>
</tr> </tr>
<tr> <tr>
<th>SwaggCAPTCHA™:</th> <th>SwaggCAPTCHA™</th>
<td> <td>
<%= radio_button answer => 0 %> <%= radio_button answer => 0 %>
<%= label_for answer => 'I don\'t want to sign (wrong answer)' %> <%= label_for answer => 'I don\'t want to sign (wrong answer)' %><br>
</td>
</tr>
<tr>
<th>&nbsp;</th>
<td>
<%= radio_button answer => 'false' %> <%= radio_button answer => 'false' %>
<%= label_for answer => 'I\'m ready to sign (choose this one)' %> <%= label_for answer => 'I\'m ready to sign (choose this one)' %><br>
</td>
</tr>
<tr>
<th>&nbsp;</th>
<td>
<%= radio_button answer => undef %> <%= radio_button answer => undef %>
<%= label_for answer => 'This is spam/I\'m a bot, do not sign' %> <%= label_for answer => 'This is spam/I\'m a bot, do not sign' %>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>&nbsp;</th> <th style="border: none;">&nbsp;</th>
<td><%= submit_button 'Send it' %></td> <td style="border: none;"><%= submit_button 'Send it' %></td>
</tr> </tr>
</table> </table>
</form> </form>

40
templates/sign.html.ep.orig Normal file
View File

@ -0,0 +1,40 @@
% layout 'default';
% title 'Sign';
<h2>Sign the Guestbook</h2>
<form method="post">
<table class="bordered">
<tr>
<th>Name</th>
<td><%= input_tag 'name' %></td>
</tr>
<tr>
<th>Message</th>
<td><%= text_area 'message', cols => 40, rows => 6 %></td>
</tr>
<tr>
<th>SwaggCAPTCHA™</th>
<td>
<%= radio_button answer => 0 %>
<%= label_for answer => 'I don\'t want to sign (wrong answer)' %>
</td>
</tr>
<tr>
<th>&nbsp;</th>
<td>
<%= radio_button answer => 'false' %>
<%= label_for answer => 'I\'m ready to sign (choose this one)' %>
</td>
</tr>
<tr>
<th>&nbsp;</th>
<td>
<%= radio_button answer => undef %>
<%= label_for answer => 'This is spam/I\'m a bot, do not sign' %>
</td>
</tr>
<tr>
<th>&nbsp;</th>
<td><%= submit_button 'Send it' %></td>
</tr>
</table>
</form>