diff options
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/macros/common-page.ftl | 1 | ||||
| -rw-r--r-- | src/templates/macros/common.ftl | 3 | ||||
| -rw-r--r-- | src/templates/pages/contact.html.ftl | 0 | ||||
| -rw-r--r-- | src/templates/pages/video.html.ftl | 0 | ||||
| -rw-r--r-- | src/templates/templates/question-image.ftl | 4 | ||||
| -rw-r--r-- | src/templates/templates/question-quad.ftl | 16 | ||||
| -rw-r--r-- | src/templates/templates/question-slider.ftl | 16 | ||||
| -rw-r--r-- | src/templates/templates/survey.ftl | 9 | ||||
| -rw-r--r-- | src/templates/templates/training.ftl | 71 |
9 files changed, 117 insertions, 3 deletions
diff --git a/src/templates/macros/common-page.ftl b/src/templates/macros/common-page.ftl index 5fa2740..9b4323d 100644 --- a/src/templates/macros/common-page.ftl +++ b/src/templates/macros/common-page.ftl @@ -6,6 +6,7 @@ <link rel="stylesheet" href="${staticRoot}/style.css" /> <script src="${staticRoot}/scripts/jquery.min.js"></script> + <script src="${staticRoot}/scripts/jquery-ui.js"></script> <script src="${staticRoot}/scripts/growth.js"></script> </head> <body> diff --git a/src/templates/macros/common.ftl b/src/templates/macros/common.ftl index ab0d769..513fc57 100644 --- a/src/templates/macros/common.ftl +++ b/src/templates/macros/common.ftl @@ -1,4 +1,5 @@ <#include "content.ftl"> <#include "noticebox.ftl"> -<#assign contentroot = "http://localhost/~jesterpm/growcontent"> +<#assign dynamicRoot = ""> +<#assign staticRoot = ""> diff --git a/src/templates/pages/contact.html.ftl b/src/templates/pages/contact.html.ftl new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/templates/pages/contact.html.ftl diff --git a/src/templates/pages/video.html.ftl b/src/templates/pages/video.html.ftl new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/templates/pages/video.html.ftl diff --git a/src/templates/templates/question-image.ftl b/src/templates/templates/question-image.ftl index f117256..0cf815c 100644 --- a/src/templates/templates/question-image.ftl +++ b/src/templates/templates/question-image.ftl @@ -1,9 +1,9 @@ <div class="imageQuestion question"> <#list question.answers?keys as answerid> <#if selectedAnswerId?? && answerid == selectedAnswerId> - <a href="#" class="answer" id="${answerid}" onclick="selectAnswer(this)" class="selected"><img src="${staticRoot}/images/${question.id}-${answerid}.png" alt="${question.answers[answerid]!}" /></a> + <img class="answer selected" id="${answerid}" onclick="selectAnswer(this)" src="${staticRoot}/images/${question.id}-${answerid}-hover.jpg" /> <#else> - <a href="#" class="answer" id="${answerid}" onclick="selectAnswer(this)" class="answer"><img src="${staticRoot}/images/${question.id}-${answerid}.png" alt="${question.answers[answerid]!}" /></a> + <img class="answer" id="${answerid}" onclick="selectAnswer(this)" src="${staticRoot}/images/${question.id}-${answerid}.jpg" /> </#if> </#list> </div> diff --git a/src/templates/templates/question-quad.ftl b/src/templates/templates/question-quad.ftl new file mode 100644 index 0000000..90a7381 --- /dev/null +++ b/src/templates/templates/question-quad.ftl @@ -0,0 +1,16 @@ +<div class="quadQuestion question"> + <div class="top">${question.top}</div> + <div class="middle"> + <div class="left">${question.left}</div> + <div class="quad"><img src="${staticRoot}/images/quadselector.png" class="selector" /></div> + <div class="right">${question.right}</div> + </div> + <div class="bottom">${question.bottom}</div> +</div> + +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> diff --git a/src/templates/templates/question-slider.ftl b/src/templates/templates/question-slider.ftl new file mode 100644 index 0000000..faded36 --- /dev/null +++ b/src/templates/templates/question-slider.ftl @@ -0,0 +1,16 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<div class="sliderQuestion question"> + <div class="sliderbar"><img src="${staticRoot}/images/slider.png" class="slider" /></div> + <div class="answers"> + <#list question.answers?keys as answerid> + <div id="${answerid}" class="label">${question.answers[answerid].text}</div> + </#list> + <span class="stretch"></span> + </div> +</div> diff --git a/src/templates/templates/survey.ftl b/src/templates/templates/survey.ftl index 9ea47d5..da4e0b3 100644 --- a/src/templates/templates/survey.ftl +++ b/src/templates/templates/survey.ftl @@ -14,11 +14,14 @@ <div id="content"> <form id="questionForm" action="${dynamicRoot}/account/assessment/question/${question.id}" method="post"> + <input id="direction" type="hidden" name="direction" value="next" /> <input id="answerField" type="hidden" name="answer" value="${selectedAnswerId!}" /> <div id="previous"> + <#if question.previousQuestion??> <a href="#" onclick="previousQuestion();return false;"> <img src="${staticRoot}/images/previous.png" alt="Previous Question" /> </a> + </#if> </div> <div id="next"> <a href="#" onclick="nextQuestion();return false;"> @@ -33,6 +36,12 @@ <#case "image"> <#include "/templates/question-image.ftl"> <#break> + <#case "slider"> + <#include "/templates/question-slider.ftl"> + <#break> + <#case "quad"> + <#include "/templates/question-quad.ftl"> + <#break> </#switch> </article> </form> diff --git a/src/templates/templates/training.ftl b/src/templates/templates/training.ftl new file mode 100644 index 0000000..3207c33 --- /dev/null +++ b/src/templates/templates/training.ftl @@ -0,0 +1,71 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + The Grow Process focuses on the topic that you want to learn + about. Our 'Assessment' test will give you the right courses + fit for your level. + </@noticebox> + + <div id="progressbar"> + <#switch chapter> + <#case "seeker"><#assign overallProgress = 0><#break> + <#case "believer"><#assign overallProgress = 25><#break> + <#case "disciple"><#assign overallProgress = 50><#break> + <#case "teacher"><#assign overallProgress = 75><#break> + </#switch> + <div class="progress" style="width: ${overallProgress}%"></div> + </div> + + <div id="content"> + <nav> + <#assign chapters = ["seeker", "believer", "disciple", "teacher"]> + <#list chapters as x> + <a href="${dynamicRoot}/account/training/${x}" <#if x == chapter>class="current"</#if>>${x?capitalize}</a> + <#if x_has_next> - </#if> + </#list> + </nav> + + <div id="chapterprogress"> + "${chapter?capitalize} Chapter Progress:" + <div class="progressbar"><div class="progress" style="width: ${chapterProgress}%"></div></div> + <div class="progresslabel" style="left:${chapterProgress}%">${chapterProgress}%</div> + </div> + + <div id="videos"> + <#list videos as video> + <article> + <div class="image <#if video.completed>completed</#if>"><a href="#"><img src="${video.image!staticRoot+"/images/videoimage.jpg"}" alt="${video.title}" /></a></div> + <h2>${video.title}</h2> <span class="duration">${video.length}</span> + </article> + </#list> + </div> + + <div id="thefeed"> + <h2>The Feed</h2> + <article> + <div class="question"> + Q: How has God worked in your life... + <div><a class="reply" href="#">Answer</a></div> + </div> + <div class="answer"> + A: God has worked in an amazing way in my own life. I constantly + <a class="readmore" href="#">(continue)</a> + </div> + </article> + <article> + <div class="question"> + Q: How has God worked in your life... + <div><a class="reply" href="#">Answer</a></div> + </div> + <div class="answer"> + A: God has worked in an amazing way in my own life. I constantly + <a class="readmore" href="#">(continue)</a> + </div> + </article> + </div> + </div> +</@commonpage> + + |