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

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

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

26
templates/sign.html.ep
View File

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