diff options
32 files changed, 305 insertions, 0 deletions
diff --git a/src/templates/macros/common-page.ftl b/src/templates/macros/common-page.ftl new file mode 100644 index 0000000..eaef04f --- /dev/null +++ b/src/templates/macros/common-page.ftl @@ -0,0 +1,26 @@ +<#macro commonpage> + <!doctype html> + <html> + <head> + <title>Grow Process</title> + + <link rel="stylesheet" href="../style.css" /> + <script src="../scripts/jquery.min.js"></script> + <script src="..//scripts/growth.js"></script> + </head> + <body> + <div id="notfooter"> + <#include "/templates/nav.ftl"> + + <#include "/templates/index-hero.ftl"> + + <#nested> + + <div id="push"></div> + </div> + + <#include "/templates/footer.ftl"> + + </body> + </html> +</#macro> diff --git a/src/templates/macros/common.ftl b/src/templates/macros/common.ftl new file mode 100644 index 0000000..7e8a2d5 --- /dev/null +++ b/src/templates/macros/common.ftl @@ -0,0 +1,2 @@ +<#include "content.ftl"> +<#include "noticebox.ftl"> diff --git a/src/templates/macros/content.ftl b/src/templates/macros/content.ftl new file mode 100644 index 0000000..dc474f0 --- /dev/null +++ b/src/templates/macros/content.ftl @@ -0,0 +1,7 @@ +<#macro content> + <div id="content"> + <article> + <#nested> + </article> + </div> +</#macro> diff --git a/src/templates/macros/noticebox.ftl b/src/templates/macros/noticebox.ftl new file mode 100644 index 0000000..e1d75a5 --- /dev/null +++ b/src/templates/macros/noticebox.ftl @@ -0,0 +1,10 @@ +<#macro noticebox> + <div id="middlebar"> + <div id="noticebox"> + <img class="icon" src="../images/noticeicon.png"> + <p> + <#nested> + </p> + </div> + </div> +</#macro> diff --git a/src/templates/pages/index.ftl b/src/templates/pages/index.ftl new file mode 100644 index 0000000..1505289 --- /dev/null +++ b/src/templates/pages/index.ftl @@ -0,0 +1,25 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + The Grow Process focuses on the topic that you want to learn + about. Out 'Assessment' test will give you the right courses + fit for your level. + </@noticebox> + + <@content> + <img src="images/buckets.png" /> + + <h1>Grow "Buckets"</h1> + <p> + Curabitur mattis molestie ligula, ac vestibulum Curabitur + mattis facillisis vel. Iacus facillisis vel. Nam dignissim + massa luctus ipsum adipiscing dignissim. + </p> + </@content> + + <div id="getstarted"> + <a class="greenbutton" href="index.html">Get Started! ➙</a> + </div> +</@commonpage> diff --git a/src/templates/templates/footer.ftl b/src/templates/templates/footer.ftl new file mode 100644 index 0000000..c7f6ca6 --- /dev/null +++ b/src/templates/templates/footer.ftl @@ -0,0 +1,14 @@ +<footer> + <div class="left"> + ©2012 Grow Process + <a href="index.html">Home</a> + <a href="about.html">About</a> + <a href="contact.html">Contact</a> + </div> + + <div class="right"> + Cras nec nunc at lacus pretium. + </div> + +</footer> + diff --git a/src/templates/templates/index-hero.ftl b/src/templates/templates/index-hero.ftl new file mode 100644 index 0000000..a386ac8 --- /dev/null +++ b/src/templates/templates/index-hero.ftl @@ -0,0 +1,7 @@ +<div id="hero"> + <h1>We want to help you Grow.</h1> + <p>Grow Process is an online application and network that exists to + help you grow closter to God. Morbi iaculis turpis sit amet + vehicula sollicitudin, enim dolor condimentum</p> +</div> + diff --git a/src/templates/templates/nav.ftl b/src/templates/templates/nav.ftl new file mode 100644 index 0000000..285fbde --- /dev/null +++ b/src/templates/templates/nav.ftl @@ -0,0 +1,21 @@ +<#macro navLink href> + <li><a + <#if currentPage == href> + class="current" + </#if> + href="${href}"><#nested></a></li> +</#macro> + +<header> + <h1><img src="../images/logo.png"> Grow Process</h1> + + <nav class="primary"> + <ul> + <@navLink href="index.html">Home</@navLink> + <@navLink href="about.html">About</@navLink> + <@navLink href="contact.html">Contact</@navLink> + <@navLink href="login.html">Login / Sign Up</@navLink> + </ul> + </nav> +</header> + diff --git a/web/images/buckets.png b/web/images/buckets.png Binary files differnew file mode 100644 index 0000000..e32be29 --- /dev/null +++ b/web/images/buckets.png diff --git a/web/images/close.png b/web/images/close.png Binary files differnew file mode 100644 index 0000000..8854d89 --- /dev/null +++ b/web/images/close.png diff --git a/web/images/hero.png b/web/images/hero.png Binary files differnew file mode 100644 index 0000000..7ba24ae --- /dev/null +++ b/web/images/hero.png diff --git a/web/images/logo.png b/web/images/logo.png Binary files differnew file mode 100644 index 0000000..b18dd7d --- /dev/null +++ b/web/images/logo.png diff --git a/web/images/next.png b/web/images/next.png Binary files differnew file mode 100644 index 0000000..4449a8d --- /dev/null +++ b/web/images/next.png diff --git a/web/images/noticeicon.png b/web/images/noticeicon.png Binary files differnew file mode 100644 index 0000000..578fb5e --- /dev/null +++ b/web/images/noticeicon.png diff --git a/web/images/previous.png b/web/images/previous.png Binary files differnew file mode 100644 index 0000000..7e5eef6 --- /dev/null +++ b/web/images/previous.png diff --git a/web/images/q1-1-hover.png b/web/images/q1-1-hover.png Binary files differnew file mode 100644 index 0000000..14ab8c1 --- /dev/null +++ b/web/images/q1-1-hover.png diff --git a/web/images/q1-1.png b/web/images/q1-1.png Binary files differnew file mode 100644 index 0000000..e906df4 --- /dev/null +++ b/web/images/q1-1.png diff --git a/web/images/q1-2-hover.png b/web/images/q1-2-hover.png Binary files differnew file mode 100644 index 0000000..3a82920 --- /dev/null +++ b/web/images/q1-2-hover.png diff --git a/web/images/q1-2.png b/web/images/q1-2.png Binary files differnew file mode 100644 index 0000000..5965093 --- /dev/null +++ b/web/images/q1-2.png diff --git a/web/images/q1-3-hover.png b/web/images/q1-3-hover.png Binary files differnew file mode 100644 index 0000000..11c5fa0 --- /dev/null +++ b/web/images/q1-3-hover.png diff --git a/web/images/q1-3.png b/web/images/q1-3.png Binary files differnew file mode 100644 index 0000000..a7ab02c --- /dev/null +++ b/web/images/q1-3.png diff --git a/web/images/q1-4-hover.png b/web/images/q1-4-hover.png Binary files differnew file mode 100644 index 0000000..8481d8d --- /dev/null +++ b/web/images/q1-4-hover.png diff --git a/web/images/q1-4.png b/web/images/q1-4.png Binary files differnew file mode 100644 index 0000000..34d6e68 --- /dev/null +++ b/web/images/q1-4.png diff --git a/web/images/q1-5-hover.png b/web/images/q1-5-hover.png Binary files differnew file mode 100644 index 0000000..e1ace8b --- /dev/null +++ b/web/images/q1-5-hover.png diff --git a/web/images/q1-5.png b/web/images/q1-5.png Binary files differnew file mode 100644 index 0000000..4c65317 --- /dev/null +++ b/web/images/q1-5.png diff --git a/web/images/q1-6-hover.png b/web/images/q1-6-hover.png Binary files differnew file mode 100644 index 0000000..fc6820f --- /dev/null +++ b/web/images/q1-6-hover.png diff --git a/web/images/q1-6.png b/web/images/q1-6.png Binary files differnew file mode 100644 index 0000000..71ea5e2 --- /dev/null +++ b/web/images/q1-6.png diff --git a/web/images/q1-7-hover.png b/web/images/q1-7-hover.png Binary files differnew file mode 100644 index 0000000..bd5854f --- /dev/null +++ b/web/images/q1-7-hover.png diff --git a/web/images/q1-7.png b/web/images/q1-7.png Binary files differnew file mode 100644 index 0000000..0abefdd --- /dev/null +++ b/web/images/q1-7.png diff --git a/web/images/q1-8-hover.png b/web/images/q1-8-hover.png Binary files differnew file mode 100644 index 0000000..52e5f57 --- /dev/null +++ b/web/images/q1-8-hover.png diff --git a/web/images/q1-8.png b/web/images/q1-8.png Binary files differnew file mode 100644 index 0000000..88c42d6 --- /dev/null +++ b/web/images/q1-8.png diff --git a/web/style.css b/web/style.css new file mode 100644 index 0000000..a21fc52 --- /dev/null +++ b/web/style.css @@ -0,0 +1,193 @@ +html, body { + font-family: sans-serif; + font-size: 90%; + margin: 0; + height: 100%; +} + +body.videopage { + background: #181818; +} + +#notfooter { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -5em; +} + +#push { + height: 5em; + background: #3C3C3C; +} + +header { + background: white; + margin: 0 auto 0 auto; + padding: 0.5em 10% 0em 10%; +} + +header h1 { + display: inline; + font-size: 14pt; + color: #7bc043; +} + +header h1 img { + vertical-align: middle; +} + +header nav { + display: inline; + float: right; + margin-top: 2em; +} + +nav ul { + list-style: none; + display: inline; + padding-left: 0; +} + +nav ul li { + display: inline; + padding-right: 1em; +} + +nav.primary a { + padding: 0.25em 0.5em 0.25em 0.5em; + text-decoration: none; + color: #BDBDBD; + font-weight: bold; +} + +nav.primary a:hover { + color: #9ace00; +} + +nav.primary a.current { + background: #A9A9A9; + color: white; + border: solid thin #A9A9A9; + border-radius: 5px; + -moz-border-radius: 5px; +} + +#hero { + background: url('images/hero.png') #262626 no-repeat top center; + width: 100%; + color: white; + text-align: center; + padding: 250px 0 50px 0; +} + +#hero p { + width: 75%; + margin: 0 auto 0 auto; +} + +#middlebar { + background: #262626; + color: white; +} + +#noticebox { + font-size: 90%; + padding: 1.5em 20% 1.5em 20%; + max-width: 700px; + margin: 0 auto 0 auto; +} + +#noticebox img.icon { + float: left; + margin-right: 2em; +} + +#noticebox .close { + float: right; +} + +#content { + text-align: center; + color: #b0b0b0; + padding-bottom: 5em; + margin: 1em auto 1em auto; + max-width: 900px; +} + +#content article { + max-width: 700px; + margin: 1em auto 1em auto; +} + +#content h1 { + color: #696969; +} + +#getstarted { + background: #F5F5F5; + padding: 3em; + text-align: center; + font-size: 150%; +} + +a.greenbutton { + background: #bcea2f; + border: solid 2px #afdc29; + color: white; + padding: 0.5em 1.5em 0.5em 1.5em; + text-decoration: none; + border-radius: 5px; + -moz-border-radius: 5px; +} + +a.greenbutton:hover { + background: #b8e62e; +} + +a img { + vertical-align: middle; +} + +footer { + background: #3C3C3C; + color: #737373; + font-weight: bold; + font-size: 80%; + padding: 2em 20% 0 20%; + height: 3em; +} + +footer .left { + float: left; +} + +footer .right { + float: right; +} + +footer a { + color: #ACACAC; + text-decoration: none; + margin: 0 0.25em 0 0.25em; +} + +footer a:hover { + color: white; +} + +#previous, #next { + margin-top: 25%; +} + +#previous { + float: left; +} + +#next { + float: right; +} + +.imageQuestion img { + padding: 1em; +} |
