Improve the about text in the footer

This commit is contained in:
Andrew Miner
2015-02-02 10:09:18 -08:00
parent bd9bb2894f
commit 1f76001c12
3 changed files with 22 additions and 14 deletions
+1 -1
View File
@@ -27,7 +27,7 @@ $font-family-input: monospace;
// Font Sizes ////////////////////////////////////////////////////////////////////////////////////// // Font Sizes //////////////////////////////////////////////////////////////////////////////////////
$font-size-small: 1.1em; $font-size-small: 1.2em;
$font-size-normal: 1.3em; $font-size-normal: 1.3em;
$font-size-large: 1.6em; $font-size-large: 1.6em;
$font-size-x-large: 2.0em; $font-size-x-large: 2.0em;
+7 -1
View File
@@ -24,13 +24,14 @@ All rights reserved.
} }
.left, .center, .right { .left, .center, .right {
position: relative; width: 33%; position: relative; width: 33%; height: 22em;
float: left; float: left;
padding: 2em; padding: 2em;
p { p {
font-family: sans-serif; font-family: sans-serif;
font-size: $font-size-small; font-size: $font-size-small;
line-height: $font-size-small + 0.2em;
padding-bottom: 1.0em; padding-bottom: 1.0em;
&:last-child { &:last-child {
@@ -46,6 +47,11 @@ All rights reserved.
font-size: 1.5em; font-size: 1.5em;
} }
} }
.action {
position: absolute; bottom: 3em; left: 50%;
@include transform(translateX(-50%));
}
} }
.divider.bottom { .divider.bottom {
+14 -12
View File
@@ -9,25 +9,27 @@
.divider.top .divider.top
.left .left
h2: p About h2: p About
p Crafting Guide shows you what materials you need to craft even the most complex items, including all the tools p.
| you'd need (from a crafting table to an industrial centrifuge). Crafting Guide gives step-by-step tutorials for making anything in Minecraft or its many mods. Just say what
p If you have any questions, comments or requests, feel free to you'd like to make, what you already have, it will do the rest, giving you a list of raw materials you need
| <a href="https://github.com/andrewminer/crafting-guide/issues/new">create an issue</a> on GitHub or to collect and step-by-step instructions of how much to make of which items in the proper order. You can
| <a href="mailto:andrewminer-at-mac.com">email me</a>.</p> even ask it to include the materials and instructions for all the tools you'll need along the way!
.center .center
h2: p Donate h2: p Donate
p Crafting Guide is free for all, but if you find it helpful, donations in any amount are gratefully accepted. p Crafting Guide is free for all, but if you find it helpful, donations in any amount are gratefully accepted.
form(action="https://www.paypal.com/cgi-bin/webscr", class="centered", method="post", target="_top") .action
input(type="hidden", name="cmd", value="_s-xclick") form(action="https://www.paypal.com/cgi-bin/webscr", class="centered", method="post", target="_top")
input(type="hidden", name="hosted_button_id", value="GCB2TYZJYLAE6") input(type="hidden", name="cmd", value="_s-xclick")
input(type="image", src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif", border="0", input(type="hidden", name="hosted_button_id", value="GCB2TYZJYLAE6")
name="submit" alt="PayPal - The safer, easier way to pay online!") input(type="image", src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif", border="0",
img(src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif", width="1", height="1") name="submit" alt="PayPal - The safer, easier way to pay online!")
img(src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif", width="1", height="1")
.right .right
h2: p Get Involved h2: p Get Involved
p Crafting Guide is completely open-source, and you can help! Whether you want to write a recipe book (all p Crafting Guide is completely open-source, and you can help! Whether you want to write a recipe book (all
| simple JSON), or implement new features, just head over to GitHub to get started. | simple JSON), or implement new features, just head over to GitHub to get started.
.centered .action
iframe(src="http://ghbtns.com/github-btn.html?user=andrewminer&repo=crafting-guide&type=fork&size=large", iframe(src="http://ghbtns.com/github-btn.html?user=andrewminer&repo=crafting-guide&type=fork&size=large",
allowtransparency="true", frameborder="0", scrolling="0", width="100", height="32") allowtransparency="true", frameborder="0", scrolling="0", width="100", height="32")
a(href="/test.html") a(href="/test.html")