diff options
| author | Jesse Morgan <jesse@jesterpm.net> | 2013-04-30 06:54:08 -0700 |
|---|---|---|
| committer | Jesse Morgan <jesse@jesterpm.net> | 2013-04-30 06:54:08 -0700 |
| commit | 277f0f6ba4dc4ae788fc63fd26704ab766a79363 (patch) | |
| tree | 64a8344a1b2a07a8db9aa391aeb5a4b53887e0b8 /src | |
| parent | 206d83b645af34ddf7d67001b84c17b35a9fab9c (diff) | |
Adding page templates and resources
Diffstat (limited to 'src')
| -rw-r--r-- | src/templates/macros/common-page.ftl | 26 | ||||
| -rw-r--r-- | src/templates/macros/common.ftl | 2 | ||||
| -rw-r--r-- | src/templates/macros/content.ftl | 7 | ||||
| -rw-r--r-- | src/templates/macros/noticebox.ftl | 10 | ||||
| -rw-r--r-- | src/templates/pages/index.ftl | 25 | ||||
| -rw-r--r-- | src/templates/templates/footer.ftl | 14 | ||||
| -rw-r--r-- | src/templates/templates/index-hero.ftl | 7 | ||||
| -rw-r--r-- | src/templates/templates/nav.ftl | 21 |
8 files changed, 112 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> + |