bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Global footer and a bit nicer login page

Browse Source
This commit is contained in:
bumi 2020-04-25 10:51:08 +02:00
parent 20a0aa9bbf
commit 60386cb51e
4 changed files with 50 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/application.css.scss
View File

@ -21,6 +21,9 @@ $text: $grey-dark;
$body-background-color: #FAFCFE;
$light: #fff;
$weight-semibold: 400;
$weight-bold: 400;
@import 'bulma/bulma';
@import "checkmark-icon";
@ -47,12 +50,15 @@ body {
min-height: 100vh;
}
main {
min-height: 70vh;
}
h1, h2, h3 {
font-family: 'Calistoga';
margin-bottom: 10px;
}
.button.google {
background: rgb(225, 98, 89);
color: white;
@ -147,10 +153,12 @@ Colours
color: #FFFFFF !important;
}
#footer p {
padding: 20px;
}
#footer a {
color: #white;
#footer {
opacity: 0.3;
&:hover {
opacity: 1;
}
a {
color: #white;
}
}

17
app/views/home/index.html.erb
View File

@ -203,22 +203,5 @@
</div>
</section>
<section id="footer" class="section has-blue-bg">
<div class="container has-text-centered">
<a href="" class="is-size-4 social-link">
<i class="fab fa-twitter"></i>
</a>
<a href="" class="is-size-4 social-link">
<i class="fab fa-github"></i>
</a>
<a href="" class="is-size-4 social-link">
<i class="fab fa-dev"></i>
</a>
<p class="has-text-white is-size-7">
</p>
</div>
</section>
</div>

21
app/views/layouts/application.html.erb
View File

@ -14,9 +14,28 @@
<body class="has-text-centered-mobile">
<%= render 'layouts/header' %>
<main>
<main class="section">
<%= yield %>
</main>
<section id="footer" class="section has-blue-bg">
<div class="container has-text-centered">
<a href="" class="is-size-4 social-link">
<i class="fab fa-twitter"></i>
</a>
<a href="" class="is-size-4 social-link">
<i class="fab fa-github"></i>
</a>
<a href="" class="is-size-4 social-link">
<i class="fab fa-dev"></i>
</a>
<p class="has-text-white is-size-7">
</p>
</div>
</section>
</body>
</html>

27
app/views/sessions/new.html.erb
View File

@ -3,18 +3,21 @@
</div>
<div class="column">
<div class="container has-text-centered">
<h1 class="title has-text-centered">
Login
</h1>
<%= link_to auth_at_provider_url(provider: 'google'), class: 'button google' do %>
<svg viewBox="0 0 15 15" class="googleLogo" style="width: 14px; height: 14px; display: block; fill: currentcolor; flex-shrink: 0; backface-visibility: hidden; margin-right: 6px;"><path d="M 7.28571 6.4125L 7.28571 9L 11.3929 9C 11.2143 10.0875 10.1429 12.225 7.28571 12.225C 4.78571 12.225 2.78571 10.0875 2.78571 7.5C 2.78571 4.9125 4.82143 2.775 7.28571 2.775C 8.71429 2.775 9.64286 3.4125 10.1786 3.9375L 12.1429 1.9875C 10.8929 0.75 9.25 0 7.28571 0C 3.25 0 0 3.3375 0 7.5C 0 11.6625 3.25 15 7.28571 15C 11.5 15 14.25 11.9625 14.25 7.6875C 14.25 7.2 14.2143 6.825 14.1429 6.45L 7.28571 6.45L 7.28571 6.4125Z"></path></svg>
Login with Google
<% end %>
<hr>
<p>
As tinyforms builds on Google Sheets.<br>
Simply login with your Google account.
</p>
<div class="box">
<h3 class="title has-text-centered">
Login
</h3>
<hr>
<%= link_to auth_at_provider_url(provider: 'google'), class: 'button google' do %>
<svg viewBox="0 0 15 15" class="googleLogo" style="width: 14px; height: 14px; display: block; fill: currentcolor; flex-shrink: 0; backface-visibility: hidden; margin-right: 6px;"><path d="M 7.28571 6.4125L 7.28571 9L 11.3929 9C 11.2143 10.0875 10.1429 12.225 7.28571 12.225C 4.78571 12.225 2.78571 10.0875 2.78571 7.5C 2.78571 4.9125 4.82143 2.775 7.28571 2.775C 8.71429 2.775 9.64286 3.4125 10.1786 3.9375L 12.1429 1.9875C 10.8929 0.75 9.25 0 7.28571 0C 3.25 0 0 3.3375 0 7.5C 0 11.6625 3.25 15 7.28571 15C 11.5 15 14.25 11.9625 14.25 7.6875C 14.25 7.2 14.2143 6.825 14.1429 6.45L 7.28571 6.45L 7.28571 6.4125Z"></path></svg>
Login with Google
<% end %>
<hr>
<p>
As tinyforms builds on Google Sheets.<br>
Simply login with your Google account.
</p>
</div>
</div>
</div>
<div class="column">