diff options
Diffstat (limited to 'src/main/resources/templates')
40 files changed, 1225 insertions, 0 deletions
diff --git a/src/main/resources/templates/macros/common-page.ftl b/src/main/resources/templates/macros/common-page.ftl new file mode 100644 index 0000000..1780036 --- /dev/null +++ b/src/main/resources/templates/macros/common-page.ftl @@ -0,0 +1,29 @@ +<#macro commonpage> + <#compress> + <!doctype html> + <html> + <head> + <title>Grow Process</title> + + <link href="http://fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet"> + <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> + <div id="notfooter"> + <#include "/templates/banner.ftl"> + <#include "/templates/header.ftl"> + + <#nested> + + <div id="push"></div> + </div> + + <#include "/templates/footer.ftl"> + + </body> + </html> + </#compress> +</#macro> diff --git a/src/main/resources/templates/macros/common.ftl b/src/main/resources/templates/macros/common.ftl new file mode 100644 index 0000000..d388a4e --- /dev/null +++ b/src/main/resources/templates/macros/common.ftl @@ -0,0 +1,4 @@ +<#include "content.ftl"> +<#include "noticebox.ftl"> +<#assign dynamicRoot = ""> +<#assign staticRoot = ""> diff --git a/src/main/resources/templates/macros/content.ftl b/src/main/resources/templates/macros/content.ftl new file mode 100644 index 0000000..eaf0b17 --- /dev/null +++ b/src/main/resources/templates/macros/content.ftl @@ -0,0 +1,7 @@ +<#macro content class=""> + <div id="content"> + <article class="${class}"> + <#nested> + </article> + </div> +</#macro> diff --git a/src/main/resources/templates/macros/hms.ftl b/src/main/resources/templates/macros/hms.ftl new file mode 100644 index 0000000..339b8a9 --- /dev/null +++ b/src/main/resources/templates/macros/hms.ftl @@ -0,0 +1,25 @@ +<#macro hms seconds> + <#assign h = (seconds / 3600)?int /> + <#assign m = (seconds % 3600 / 60)?int /> + <#assign s = (seconds % 3600 % 60)?int /> + + <#if (h < 10)> + <#assign h = "0${h}" /> + </#if> + + <#if (m < 10)> + <#assign m = "0${m}" /> + </#if> + + <#if (s < 10)> + <#assign s = "0${s}" /> + </#if> + + <#if (seconds >= 3600)> + ${h}:${m}:${s} + <#elseif (seconds >= 60)> + ${m}:${s} + <#else> + ${s} seconds + </#if> +</#macro> diff --git a/src/main/resources/templates/macros/noticebox.ftl b/src/main/resources/templates/macros/noticebox.ftl new file mode 100644 index 0000000..34ef994 --- /dev/null +++ b/src/main/resources/templates/macros/noticebox.ftl @@ -0,0 +1,10 @@ +<#macro noticebox class=""> + <div id="middlebar"> + <div id="noticebox" class="${class}"> + <p> + <img class="icon" src="${staticRoot}/images/noticeicon.png"> + <span><#nested></span> + </p> + </div> + </div> +</#macro> diff --git a/src/main/resources/templates/pages/assessment.html.ftl b/src/main/resources/templates/pages/assessment.html.ftl new file mode 100644 index 0000000..3737dc6 --- /dev/null +++ b/src/main/resources/templates/pages/assessment.html.ftl @@ -0,0 +1,43 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Assessment</h1> + + <p> + Welcome to the start of GROW and the GROW personal assessment. The + purpose of this 18-question assessment will identify where you are + in the spiritual development process: + </p> + + <p> + <img src="${staticRoot}/images/about-grow.png" alt="Growth Process" /> + </p> + + <p> + Upon completion of the assessment, you will be invited to join the + process at the appropriate stage. For example if the assessment + returns a “believer” result, you will be invited to start the + Believer level of this process. + </p> + + <p> + Once you have completed this level, you will be invited to begin the next stage of GROW. + </p> + + <p> + Let's get with your personal GROW assessment now, it will only take a few minutes. + </p> + + </@content> + + <div id="getstarted"> + <a class="greenbutton" href="${dynamicRoot}/account/assessment">Begin Assessment ➙</a> + </div> +</@commonpage> + + diff --git a/src/main/resources/templates/pages/contact.html.ftl b/src/main/resources/templates/pages/contact.html.ftl new file mode 100644 index 0000000..c84e047 --- /dev/null +++ b/src/main/resources/templates/pages/contact.html.ftl @@ -0,0 +1,18 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Contact Us</h1> + + <p> + If you have any questions about GROW, please email us at <a href="mailto:connect@myfoursquarechurch.com">connect@myfoursquarechurch.com</a> or call us at 253-848-9111. + </p> + </@content> + +</@commonpage> + + diff --git a/src/main/resources/templates/pages/deeper/believer.html.ftl b/src/main/resources/templates/pages/deeper/believer.html.ftl new file mode 100644 index 0000000..2bf9150 --- /dev/null +++ b/src/main/resources/templates/pages/deeper/believer.html.ftl @@ -0,0 +1,51 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <article class="text"> + <#include "/templates/deeperheader.ftl"> + + <h3>Assessments</h3> + <ul> + <li> + <a href="http://www.churchgrowth.org/cgi-cg/gifts.cgi?intro=1" target="_blank">Spiritual Gifts Assessment</a> + <p> + This is a spiritual gifts assessment. We all have + gifts from God to be understood and utilized and used + for Him. This link is a tool to help you identify your + spiritual gifts so that you can better understand your + fit in the body of Christ. + </p> + </li> + </ul> + <h3>Reading List</h3> + <ul> + <li><a href="http://www.amazon.com/dp/0060652926">Mere Christianity - C.S. Lewis</a></li> + <li><a href="http://www.amazon.com/dp/0310339308">Case for Christ - Lee Strobel</a></li> + <li><a href="http://www.amazon.com/dp/0310339294">Case for Faith - Lee Strobel</a></li> + <li><a href="http://www.amazon.com/dp/0849944244">Search for Significance Robert McGee</a></li> + <li><a href="http://www.amazon.com/dp/031033750X">The Purpose Driven Life - Rick Warren</a></li> + <li><a href="http://www.amazon.com/dp/0446691097">Battlefield of the Mind - Joyce Myer</a></li> + <li><a href="http://www.amazon.com/dp/1576830276">Spiritual Disciplines for the Spiritual Life - Donald Whitney</a></li> + <li><a href="http://www.amazon.com/dp/0892765054">Bodily Healing and the Atonement - Dr. T.J. McCrossan</a></li> + <li><a href="http://www.amazon.com/dp/1577700163">The Bible in Light of our Redemption - E.W. Kenyon</a></li> + <li><a href="http://www.amazon.com/dp/0310246954">The Life You Always Wanted - John Ortberg</a></li> + <li><a href="http://www.amazon.com/dp/0785261265">Good Morning Holy Spirit - Benny Hinn</a></li> + </ul> + <h3>Other</h3> + <ul> + <li><a href="http://www.myfoursquarechurch.com/connect/community-groups/">Join a Community Group</a></li> + </ul> + </article> + </div> +</@commonpage> diff --git a/src/main/resources/templates/pages/deeper/disciple.html.ftl b/src/main/resources/templates/pages/deeper/disciple.html.ftl new file mode 100644 index 0000000..dd7fc13 --- /dev/null +++ b/src/main/resources/templates/pages/deeper/disciple.html.ftl @@ -0,0 +1,49 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <article class="text"> + <#include "/templates/deeperheader.ftl"> + + <h3>Assessments</h3> + <ul> + <li> + <a href="http://tda.lifeway.com" target="_blank">Transformational Disciple Assessment</a> + <p> + The Transformational Discipleship Assessment (TDA) + is an advanced tool to dive more deeply into + opportunities for your customized discipleship + journey. This is an excellent tool to help you + take your spiritual formation to the next level. + </p> + </li> + </ul> + <h3>Reading List</h3> + <ul> + <li><a href="http://www.amazon.com/dp/1576830276">Spiritual Disciplines for the Spiritual Life - Donald Whitney</a></li> + <li><a href="http://www.amazon.com/dp/0849944244">Search for Significance Robert McGee</a></li> + <li><a href="http://www.amazon.com/dp/031033750X">The Purpose Driven Life - Rick Warren</a></li> + <li><a href="http://www.amazon.com/dp/0446691097">Battlefield of the Mind - Joyce Myer</a></li> + <li><a href="http://www.amazon.com/dp/0892765054">Bodily Healing and the Atonement - Dr. T.J. McCrossan</a></li> + <li><a href="http://www.amazon.com/dp/1599792583">Fasting - Jentzen Franklin</a></li> + <li><a href="http://www.amazon.com/dp/0830768785">The Pursuit of God - A.W. Tozer</a></li> + <li><a href="http://www.amazon.com/dp/0875084885">What Shall This Man Do - Watchman Nee</a></li> + <li><a href="http://www.amazon.com/dp/B00ARFNII4">The Walk of the Spirit The Walk of Power - Dave Robertson</a></li> + </ul> + <h3>Other</h3> + <ul> + <li><a href="http://www.myfoursquarechurch.com/connect/community-groups/">Join a Community Group</a></li> + </ul> + </article> + </div> +</@commonpage> diff --git a/src/main/resources/templates/pages/deeper/leader.html.ftl b/src/main/resources/templates/pages/deeper/leader.html.ftl new file mode 100644 index 0000000..371c367 --- /dev/null +++ b/src/main/resources/templates/pages/deeper/leader.html.ftl @@ -0,0 +1,23 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <article class="text"> + <#include "/templates/deeperheader.ftl"> + + <ul> + <li><a href="http://www.myfoursquarechurch.com/connect/community-groups/">Join a Community Group</a></li> + </ul> + </article> + </div> +</@commonpage> diff --git a/src/main/resources/templates/pages/deeper/seeker.html.ftl b/src/main/resources/templates/pages/deeper/seeker.html.ftl new file mode 100644 index 0000000..ed0b21a --- /dev/null +++ b/src/main/resources/templates/pages/deeper/seeker.html.ftl @@ -0,0 +1,30 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <article class="text"> + <#include "/templates/deeperheader.ftl"> + + <h3>Reading List</h3> + <ul> + <li><a href="http://www.amazon.com/dp/0310339308">Case for Christ - Lee Strobel</a></li> + <li><a href="http://www.amazon.com/dp/0310339294">Case for Faith - Lee Strobel</a></li> + </ul> + <h3>Other</h3> + <ul> + <li><a href="http://www.myfoursquarechurch.com/connect/community-groups/">Join a Community Group</a></li> + </ul> + </article> + </div> +</@commonpage> + diff --git a/src/main/resources/templates/pages/deeper/teacher.html.ftl b/src/main/resources/templates/pages/deeper/teacher.html.ftl new file mode 100644 index 0000000..f0046f2 --- /dev/null +++ b/src/main/resources/templates/pages/deeper/teacher.html.ftl @@ -0,0 +1,42 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <article class="text"> + <#include "/templates/deeperheader.ftl"> + + <h3>Assessments</h3> + <ul> + <li> + <a href="http://tda.lifeway.com" target="_blank">Transformational Disciple Assessment</a> + <p> + The Transformational Discipleship Assessment (TDA) + is an advanced tool to dive more deeply into + opportunities for your customized discipleship + journey. This is an excellent tool to help you + take your spiritual formation to the next level. + </p> + </li> + </ul> + <h3>Reading List</h3> + <ul> + <li><a href="http://www.amazon.com/dp/0800699327">How to Think Theologically - Howard W. Stone & James O. Duke</a></li> + <li><a href="http://www.amazon.com/dp/0061920622">Simply Christian - N.T. Wright</a></li> + </ul> + <h3>Other</h3> + <ul> + <li><a href="http://www.myfoursquarechurch.com/connect/community-groups/">Join a Community Group</a></li> + </ul> + </article> + </div> +</@commonpage> diff --git a/src/main/resources/templates/pages/index.html.ftl b/src/main/resources/templates/pages/index.html.ftl new file mode 100644 index 0000000..59a5e38 --- /dev/null +++ b/src/main/resources/templates/pages/index.html.ftl @@ -0,0 +1,50 @@ +<#include "/macros/common.ftl"> +<!doctype html> +<html> +<head> + <title>Grow Process</title> + + <link href="http://fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet"> + <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> +<div id="notfooter"> + <#include "/templates/banner.ftl"> + <header> + <h1> + <a href="http://myfoursquarechurch.com"><img src="${staticRoot}/images/foursquarelg.png"></a> + <#if config.getDomain() != "prod"> + <span class="versiontag">${config.getDomain()}</span> + </#if> + </h1> + + <#include "/templates/nav.ftl"> + </header> + + <#include "/templates/index-hero.ftl"> + + <@content> + <h1>Welcome to GROW</h1> + <p> + GROW is an on-line web based spiritual formation + process created by Foursquare Puyallup church with you in mind, to + assist you in your journey to discover God, and to be an effective + follower of Jesus Christ. + </p> + + </@content> + + <div id="getstarted"> + <a class="greenbutton" href="learnmore.html">Learn More! ➙</a> + </div> + + <div id="push"></div> +</div> + +<#include "/templates/footer.ftl"> + +</body> +</html> diff --git a/src/main/resources/templates/pages/learnmore.html.ftl b/src/main/resources/templates/pages/learnmore.html.ftl new file mode 100644 index 0000000..f69b075 --- /dev/null +++ b/src/main/resources/templates/pages/learnmore.html.ftl @@ -0,0 +1,107 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Learn More</h1> + + <h2>What is GROW?</h2> + <p> + GROW is a comprehensive spiritual formation and discipleship tool + that is specifically designed to help you grow and mature as a + follower of Jesus Christ. + </p> + <p> + GROW is an innovative, web based process that incorporates multiple + media elements for learning including assessments, videos, written + materials, interactive tools, community forums, etc. + </p> + <p> + GROW is designed to be experienced in a variety of ways to meet all + the possible scenarios and environments for learning: + </p> + <ul> + <li>In a community group environment</li> + <li>In a small discipleship group of a couple of people</li> + <li>Direct one-on-one discipleship</li> + <li>Friends with friends</li> + <li>Husband and wife</li> + <li>At the coffee shop</li> + <li>In your kitchen or living room</li> + <li>On vacation</li> + </ul> + + <h2>Why GROW?</h2> + <p> + Disciple means "learner" and our goal is to help you be an + effective learner and grow in the knowledge of Jesus Christ, the + Word of God, and the essentials of your faith. This will cause the + transformation God promises you will experience, and that + transformation will in turn change your life! + </p> + <p> + Every individual is in one of four stages of spiritual formation: + </p> + <p style="text-align: center"><img src="${staticRoot}/images/about-grow.png" alt="Seeker, Believer, Disciple, Teacher" /></p> + <p> + Our goal is to help you identify where you are, and to help you get to + the next stage of development and spiritual maturity. + </p> + <p> + We believe that Jesus last command in Matthew 28:19 should be our + highest priority: + </p> + <blockquote> + "Therefore go and make disciples of all nations, baptizing them in + the name of the Father and of the Son and of the Holy Spirit..." + </blockquote> + <p> + At <a href="http://myfoursquarechurch.com">Foursquare Puyallup</a>, we + are passionate about people discovering God, + entering into a personal relationship with Jesus Christ, and then + realizing their full potential in Christ as a follower of His. + </p> + + <p>It is in our mission statement:</p> + + <blockquote> + We present the Gospel message in such a way that Seekers become + Believers, Believers become Disciples, Disciples become Teachers and + Teachers lead this process. + </blockquote> + + <p>And it's our #5 Core value as a church:</p> + + <blockquote> + We value leadership development. We help Seekers to become + Believers, Believers to become Disciples and Disciples to become + Teachers. We want to encourage and cheer the development process. + </blockquote> + + <p> + We have created the GROW process for that very purpose, and in + fulfillment of God's call on the church. + </p> + + <h2>How does GROW work?</h2> + <p>Here is how it works:</p> + <ul> + <li>You begin by taking a short assessment that will help you identify where you are in the stages of development</li> + <li>Upon completion of the survey, you will be invited to begin the process by watching a series of teaching videos, with accompanying printable participant outlines</li> + <li>Each stage has a forum to communicate with others who are in the process with you</li> + <li>Each stage has a list of the actions and attributes that identify someone at that particular stage of development</li> + <li>Each stage has a "digger deeper" section for more learning tools and resources to continue to develop and grow</li> + <li>Upon completion of each stage you will be invited to move to the next stage in the GROW process</li> + </ul> + + <p>Now it's your turn to act!</p> + <p>Get started now in your journey by taking the GROW assessment.</p> + + </@content> + + <#include "/templates/getstarted-button.ftl"> +</@commonpage> + diff --git a/src/main/resources/templates/pages/login.html.ftl b/src/main/resources/templates/pages/login.html.ftl new file mode 100644 index 0000000..b88ea74 --- /dev/null +++ b/src/main/resources/templates/pages/login.html.ftl @@ -0,0 +1,41 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <div id="content"> + <div id="foursquarelogin"> + <div><img src="${staticRoot}/images/foursquarechurchlogin.png" alt="Puyallup Foursquare" /></div> + <div class="inside"> + <div class="left"> + <form action="${dynamicRoot}/account/authenticate?redirect=${redirect!""}" method="post"> + <p>Login using your Foursquare Community Groups / Online Giving login.</p> + <p> + <div><label for="emailField">Login</label></div> + <div><input id="emailField" type="text" name="email" tabindex="1" /></div> + </p> + <p> + <div><label for="passwordField">Password — <a href="https://pfseawa.infellowship.com/UserLogin/ForgotPassword" target="_blank">forgot?</a></label></div> + <div><input id="passwordField" type="password" name="password" tabindex="2" /></div> + </p> + <p class="submit"><input type="submit" value="Sign in" tabindex="3" /></p> + <p id="noaccount">Don't have an account? <a href="https://pfseawa.infellowship.com/UserLogin/New">Sign up!</a></p> + </form> + </div> + <div class="right"> + <div><img src="${staticRoot}/images/acts242.png" alt="Acts 2:42" /></div> + <div><img src="${staticRoot}/images/leadershipdev.png" alt="Leadership Development" /></div> + </div> + </div> + </div> + </div> +</@commonpage> + diff --git a/src/main/resources/templates/pages/newaccount.html.ftl b/src/main/resources/templates/pages/newaccount.html.ftl new file mode 100644 index 0000000..edfd196 --- /dev/null +++ b/src/main/resources/templates/pages/newaccount.html.ftl @@ -0,0 +1,27 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <#if errorMessage??> + <@noticebox class="visible"> + ${errorMessage?html} + </@noticebox> + <#else> + <@noticebox> + </@noticebox> + </#if> + + <@content> + <p> + Fill out the form below to create a new Puyallup Foursquare InFellowship account. + </p> + <form action="${dynamicRoot}/newaccount.html" method="post"> + <p><label for="firstnameField">First Name:</label> <input id="firstnameField" type="text" name="firstname" /></p> + <p><label for="lastnameField">Last Name:</label> <input id="lastnameField" type="text" name="lastname" /></p> + <p><label for="emailField">Email:</label> <input id="emailField" type="text" name="email" /></p> + <p><input type="submit" value="Create Account" /></p> + </form> + </@content> +</@commonpage> + + diff --git a/src/main/resources/templates/pages/verification.html.ftl b/src/main/resources/templates/pages/verification.html.ftl new file mode 100644 index 0000000..e81b005 --- /dev/null +++ b/src/main/resources/templates/pages/verification.html.ftl @@ -0,0 +1,17 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content> + <p> + We have sent you a verification email. + You will be taken back to the login page after you activate your account. + </p> + </@content> +</@commonpage> + + + diff --git a/src/main/resources/templates/pages/version.ftl b/src/main/resources/templates/pages/version.ftl new file mode 100644 index 0000000..d8a38a2 --- /dev/null +++ b/src/main/resources/templates/pages/version.ftl @@ -0,0 +1 @@ +Current version <#include "/templates/gitversion.ftl"> diff --git a/src/main/resources/templates/templates/assessment-results.ftl b/src/main/resources/templates/templates/assessment-results.ftl new file mode 100644 index 0000000..12c45b7 --- /dev/null +++ b/src/main/resources/templates/templates/assessment-results.ftl @@ -0,0 +1,34 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Congratulations!</h1> + + <p>Congratulations for completing your GROW assessment!</p> + + <p>Based on your responses you have been identified as a <strong>${stage?cap_first}.</strong></p> + + <p> + So what's next? Now you begin the process of GROWing. The button + below will take you to the ${stage?cap_first} page. + </p> + + <p>Here you will find everything you need to begin the GROW process and start your journey.</p> + + <p> + We are genuinely excited for you. Each phase of the GROW process + will produce positive quantifiable and quality results in your life, as + you learn, and then apply this learning in your life. + </p> + </@content> + + <div id="getstarted"> + <a class="greenbutton" href="${dynamicRoot}/account/training/introduction">Begin GROWing ➙</a> + </div> +</@commonpage> + + diff --git a/src/main/resources/templates/templates/banner.ftl b/src/main/resources/templates/templates/banner.ftl new file mode 100644 index 0000000..3a2d23b --- /dev/null +++ b/src/main/resources/templates/templates/banner.ftl @@ -0,0 +1,6 @@ +<#assign bannerResult = get("bannerData", "riap://component/backend/banner")> +<#if bannerResult.succeeded == true> + <#if (bannerData.html!"") != ""> +<div id="banner">${bannerData.html}</div> + </#if> +</#if> diff --git a/src/main/resources/templates/templates/communityfeed.ftl b/src/main/resources/templates/templates/communityfeed.ftl new file mode 100644 index 0000000..71b33bc --- /dev/null +++ b/src/main/resources/templates/templates/communityfeed.ftl @@ -0,0 +1,41 @@ +<#escape x as x?html> +<div id="thefeed"> + <h2>Discussion Forum</h2> + + <#assign max_threads = 5> + <#assign threads = feeddata.getThreads(chapter, max_threads)> + <#list threads as thread> + <#assign messages = feeddata.getMessages(chapter, thread.id)> + <article> + <div class="question" id="${thread.id}"> + <p>Q: ${thread.message.message!""}</p> + <div class="author">By ${thread.message.author.firstName}</div> + <div> <a class="reply" href="#" onclick="answerQuestion('${thread.id}'); return false;">Answer</a></div> + </div> + <div class="answer hidden" id="answer-${thread.id}"> + <form action="${dynamicRoot}/account/feed/${chapter}/${thread.id}" method="post"> + <textarea name="question" rows="5" defaultValue="Write your reply."></textarea> + <div><a class="send" href="#" onclick="$(this).closest('form').submit(); return false;">Send</a></div> + </form> + </div> + <#list messages as msg> + <div class="answer slider" id="${msg.id}"> + <p>A: ${msg.message!""}</p> + <div class="author">By ${thread.message.author.firstName}</div> + <#if msg_has_next && msg_index == 0> + <div><a class="readmore" href="#" onclick="showAnswers(this); return false;">(show more answers)</a></div> + </#if> + </div> + </#list> + </article> + </#list> + <article> + <div class="question"> + <form action="${dynamicRoot}/account/feed/${chapter}" name="newquestion" method="post"> + <textarea name="question" rows="5" defaultValue="Ask your own question."></textarea> + <div><a class="send" href="#" onclick="$(this).closest('form').submit(); return false;">Send</a></div> + </form> + </div> + </article> +</div> +</#escape> diff --git a/src/main/resources/templates/templates/deeperheader.ftl b/src/main/resources/templates/templates/deeperheader.ftl new file mode 100644 index 0000000..32fa9bf --- /dev/null +++ b/src/main/resources/templates/templates/deeperheader.ftl @@ -0,0 +1,7 @@ +<h2>Going Deeper</h2> +<p> + This section is a list of resources provided to help you to go + deeper in your faith. It includes reading material, links to + helpful resources, etc. +</p> + diff --git a/src/main/resources/templates/templates/error.ftl b/src/main/resources/templates/templates/error.ftl new file mode 100644 index 0000000..4f46839 --- /dev/null +++ b/src/main/resources/templates/templates/error.ftl @@ -0,0 +1,17 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content> + <h1>An Error has Occurred</h1> + + <p>An error has occurred. If you continue to see this message, please <a href="http://jesterpm.net/betafeedback.php">contact us</a>.</p> + <p>Error: ${errorMessage}</p> + </@content> +</@commonpage> + + + diff --git a/src/main/resources/templates/templates/footer.ftl b/src/main/resources/templates/templates/footer.ftl new file mode 100644 index 0000000..e6bae13 --- /dev/null +++ b/src/main/resources/templates/templates/footer.ftl @@ -0,0 +1,16 @@ +<footer> + <div class="left"> + <a href="${dynamicRoot}/index.html">Home</a> + <a href="${dynamicRoot}/learnmore.html">Learn More</a> + <a href="${dynamicRoot}/contact.html">Contact</a> + </div> + + <div class="right"> + ©2013 <a href="http://myfoursquarechurch.com">Foursquare Church</a> + <#if config.getDomain() != "prod"> + - <#include "/templates/gitversion.ftl" parse=false> + </#if> + </div> + +</footer> + diff --git a/src/main/resources/templates/templates/getstarted-button.ftl b/src/main/resources/templates/templates/getstarted-button.ftl new file mode 100644 index 0000000..b0baaee --- /dev/null +++ b/src/main/resources/templates/templates/getstarted-button.ftl @@ -0,0 +1,7 @@ +<div id="getstarted"> + <#if user??> + <a class="greenbutton" href="${dynamicRoot}/account">Get Started! ➙</a> + <#else> + <a class="greenbutton" href="login.html">Get Started! ➙</a> + </#if> +</div> diff --git a/src/main/resources/templates/templates/gitversion.ftl b/src/main/resources/templates/templates/gitversion.ftl new file mode 100644 index 0000000..08e5207 --- /dev/null +++ b/src/main/resources/templates/templates/gitversion.ftl @@ -0,0 +1 @@ +${describe} diff --git a/src/main/resources/templates/templates/header.ftl b/src/main/resources/templates/templates/header.ftl new file mode 100644 index 0000000..0911bbc --- /dev/null +++ b/src/main/resources/templates/templates/header.ftl @@ -0,0 +1,15 @@ +<header> + <h1> + <#if user??> + <a href="${dynamicRoot}/account"><img src="${staticRoot}/images/logo.png"> Grow Process</a> + <#else> + <a href="${dynamicRoot}/index.html"><img src="${staticRoot}/images/logo.png"> Grow Process</a> + </#if> + <#if config.getDomain() != "prod"> + <span class="versiontag">${config.getDomain()}</span> + </#if> + <a id="foursquarefloat" href="http://myfoursquarechurch.com"><img src="${staticRoot}/images/foursquaresm.png" alt="Foursqaure Church" /></a> + </h1> + + <#include "/templates/nav.ftl"> +</header> diff --git a/src/main/resources/templates/templates/index-hero.ftl b/src/main/resources/templates/templates/index-hero.ftl new file mode 100644 index 0000000..023475a --- /dev/null +++ b/src/main/resources/templates/templates/index-hero.ftl @@ -0,0 +1,8 @@ +<div id="hero"> + <video id="herovideo" width="711" height="400" poster="${staticRoot}/images/grow-poster.png" controls="controls" autoplay="autoplay"> + <source src="http://foursquaregrow.s3-website-us-east-1.amazonaws.com/grow-hero.mp4" type="video/mp4" /> + <source src="http://foursquaregrow.s3-website-us-east-1.amazonaws.com/grow-hero.webm" type="video/webm" /> + <img src="${staticRoot}/images/grow-poster.png" alt="Grow Process" /> + </video> +</div> + diff --git a/src/main/resources/templates/templates/nav.ftl b/src/main/resources/templates/templates/nav.ftl new file mode 100644 index 0000000..c1f22ae --- /dev/null +++ b/src/main/resources/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> + +<nav class="primary"> + <ul> + <@navLink href="${dynamicRoot}/index.html">Home</@navLink> + <@navLink href="${dynamicRoot}/learnmore.html">Learn More</@navLink> + <@navLink href="${dynamicRoot}/contact.html">Contact</@navLink> + <#if user??> + <@navLink href="${dynamicRoot}/account">Keep Growing</@navLink> + <@navLink href="${dynamicRoot}/account/logout">Logout</@navLink> + <#else> + <@navLink href="${dynamicRoot}/login.html">Login / Sign Up</@navLink> + </#if> + </ul> +</nav> diff --git a/src/main/resources/templates/templates/newbeliever.ftl b/src/main/resources/templates/templates/newbeliever.ftl new file mode 100644 index 0000000..226b054 --- /dev/null +++ b/src/main/resources/templates/templates/newbeliever.ftl @@ -0,0 +1,41 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>New Believers</h1> + <p> + CONGRATULATIONS on your new relationship with Jesus Christ. + It is vital to grow in your understanding of God and of Jesus + Christ and the Holy Spirit as you begin your new journey of + faith in Jesus. + </p> + <p> + You may not feel a sense of urgency to begin, to get the full + understanding of your “new birth” as the Bible + calls it. But trust us when we tell you that to delay in your + growing in the knowledge of Jesus and His life for you, will + only hinder you as a follower of Jesus. + </p> + <p> + The SEEKER series of four videos you are about to watch + provides you with very important foundational elements of + God's love for you and his gift of salvation through Jesus. + </p> + <p> + Watch them in their entirety! The last video will lead in a + prayer of salvation that you have already done at church. You + are free to pray it again, but it is not necessary, you are + SAVED! + </p> + <p> + Now click GET STARTED and create your LOGIN and start GROWing! + </p> + </@content> + + <#include "/templates/getstarted-button.ftl"> +</@commonpage> + diff --git a/src/main/resources/templates/templates/question-circle.ftl b/src/main/resources/templates/templates/question-circle.ftl new file mode 100644 index 0000000..fbb2e61 --- /dev/null +++ b/src/main/resources/templates/templates/question-circle.ftl @@ -0,0 +1,23 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<p>Move the white dot to answer the question.</p> + +<div class="quadQuestion question"> + <div class="above"> + <span class="left">${question.topLeft}</span> + <span class="right">${question.topRight}</span> + </div> + <div class="middle"> + <div class="quad"><img src="${staticRoot}/images/quadselector.png" class="selector" /></div> + </div> + <div class="below"> + <span class="left">${question.bottomLeft}</span> + <span class="right">${question.bottomRight}</span> + </div> +</div> + diff --git a/src/main/resources/templates/templates/question-image.ftl b/src/main/resources/templates/templates/question-image.ftl new file mode 100644 index 0000000..280c4aa --- /dev/null +++ b/src/main/resources/templates/templates/question-image.ftl @@ -0,0 +1,17 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<div class="imageQuestion question"> + <#list question.answers?keys as answerid> + <#if selectedAnswerId?? && answerid == selectedAnswerId> + <img class="answer selected" id="${answerid}" onclick="selectAnswer(this)" src="${staticRoot}/images/${question.id}-${answerid}-hover.jpg" /> + <#else> + <img class="answer" id="${answerid}" onclick="selectAnswer(this)" src="${staticRoot}/images/${question.id}-${answerid}.jpg" /> + </#if> + </#list> +</div> + diff --git a/src/main/resources/templates/templates/question-quad.ftl b/src/main/resources/templates/templates/question-quad.ftl new file mode 100644 index 0000000..f84dcff --- /dev/null +++ b/src/main/resources/templates/templates/question-quad.ftl @@ -0,0 +1,19 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<p>Move the white dot to answer the question.</p> + +<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> + diff --git a/src/main/resources/templates/templates/question-slider.ftl b/src/main/resources/templates/templates/question-slider.ftl new file mode 100644 index 0000000..08b6bd0 --- /dev/null +++ b/src/main/resources/templates/templates/question-slider.ftl @@ -0,0 +1,18 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<p>Slide the slider to answer the question.</p> + +<div class="sliderQuestion question"> + <div class="sliderbar"><div class="slider noselect"></div></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/main/resources/templates/templates/question-text.ftl b/src/main/resources/templates/templates/question-text.ftl new file mode 100644 index 0000000..ac5b846 --- /dev/null +++ b/src/main/resources/templates/templates/question-text.ftl @@ -0,0 +1,17 @@ +<h1>${question.question}</h1> +<#if question.description??> +<p> + ${question.description} +</p> +</#if> + +<div class="textQuestion question"> + <#list question.answers?keys as answerid> + <#if selectedAnswerId?? && answerid == selectedAnswerId> + <div id="${answerid}" onclick="selectAnswer(this)" class="answer selected">${question.answers[answerid].text}</div> + <#else> + <div id="${answerid}" onclick="selectAnswer(this)" class="answer">${question.answers[answerid].text}</div> + </#if> + </#list> +</div> + diff --git a/src/main/resources/templates/templates/stage-complete.ftl b/src/main/resources/templates/templates/stage-complete.ftl new file mode 100644 index 0000000..72dc780 --- /dev/null +++ b/src/main/resources/templates/templates/stage-complete.ftl @@ -0,0 +1,58 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Congratulations!</h1> + + <p> + Congratulations on the completion of the ${stage?cap_first} level of the GROW process. + </p> + + <p> + We strongly encourage you move to the next stage of GROW. However, + before you do that, let’s review a key component to ensure you + experience the transformation and benefits of what you have already + learned: Implementation. + </p> + + <p> + Learning is important, we should all be continuous learners, + otherwise we stagnate. + </p> + + <p> + However to learn new information and then not implement or employ + that learning in our life, will make us smarter but not necessarily + wiser or better. + </p> + + <p> + For many there is a “knowing, doing gap” in their lives. They know + a lot, but they don’t do anything with what they know, and they remain + “stuck”. + </p> + + <p> + We know that for your new knowledge and learning to have an impact + on your life you must implement it. + </p> + + <p> + You were given some tips for how to act on the new knowledge you + have. We encourage you to be proactive and intentional in closing the + gap between what you know and what you do, to experience all that God + has for you. + </p> + + </@content> + + <#if nextstage??> + <div id="getstarted"> + <a class="greenbutton" href="${dynamicRoot}/account/training/${nextstage}">Continue GROWing ➙</a> + </div> + </#if> +</@commonpage> diff --git a/src/main/resources/templates/templates/stage-teacher-forward.ftl b/src/main/resources/templates/templates/stage-teacher-forward.ftl new file mode 100644 index 0000000..e8f186d --- /dev/null +++ b/src/main/resources/templates/templates/stage-teacher-forward.ftl @@ -0,0 +1,47 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> + +<@commonpage> + <@noticebox> + </@noticebox> + + <@content class="text"> + <h1>Welcome</h1> + + <p> + Welcome to the "Leader" portion of GROW. This portion of the GROW + process is intended for those who either: + </p> + + <ul> + <li>Want to lead in the church, or,</li> + <li>Just want to continue to grow personally and be prepared if + called by God to lead</li> + </ul> + + <p> + This section of GROW contains two elements: Teacher and Group Leader + </p> + + <ol> + <li>Teacher: If you are considering leading in the church in any + capacity; on a team in ministry, or as a Community Group leader you must + complete Teacher</li> + + <li>Group Leader: If you are considering leading a Community Group, + you must complete BOTH Teacher and Group Leader</li> + </ol> + + <p> + We trust you will enjoy these teachings, learn and grow and be better + equipped to serve God regardless of how or where you serve or lead. + </p> + + </@content> + + <#if nextstage??> + <div id="getstarted"> + <a class="greenbutton" href="${dynamicRoot}/account/training/${nextstage}">Continue GROWing ➙</a> + </div> + </#if> +</@commonpage> diff --git a/src/main/resources/templates/templates/survey.ftl b/src/main/resources/templates/templates/survey.ftl new file mode 100644 index 0000000..d770461 --- /dev/null +++ b/src/main/resources/templates/templates/survey.ftl @@ -0,0 +1,53 @@ +<#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"> + <div class="progress" style="width: ${percentComplete!"0"}%"></div> + </div> + + <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;"> + <img src="${staticRoot}/images/next.png" alt="Next Question" /> + </a> + </div> + <article> + <#switch question.type> + <#case "text"> + <#include "/templates/question-text.ftl"> + <#break> + <#case "image"> + <#include "/templates/question-image.ftl"> + <#break> + <#case "slider"> + <#include "/templates/question-slider.ftl"> + <#break> + <#case "quad"> + <#include "/templates/question-quad.ftl"> + <#break> + <#case "circle"> + <#include "/templates/question-circle.ftl"> + <#break> + </#switch> + </article> + </form> + </div> +</@commonpage> + diff --git a/src/main/resources/templates/templates/training.ftl b/src/main/resources/templates/templates/training.ftl new file mode 100644 index 0000000..c5d1b32 --- /dev/null +++ b/src/main/resources/templates/templates/training.ftl @@ -0,0 +1,87 @@ +<#include "/macros/common.ftl"> +<#include "/macros/common-page.ftl"> +<#include "/macros/hms.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"> + <div class="progress" style="width: ${overallProgress}%"></div> + </div> + + <div id="content"> + <nav> + <#list chapters as x> + <#if isChapterAllowed[x]> + <a href="${dynamicRoot}/account/training/${x}" <#if x == chapter>class="current"</#if>>${x?capitalize}</a> + <#else> + <span class="disabled">${x?capitalize}</span> + </#if> + + <#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> + + <#assign sidebar=showfeed || deeperinclude?has_content> + + <div id="videos" <#if sidebar>style="width: 70%"</#if>> + <#assign allowed = true> + <#list videos as video> + <article <#if sidebar>style="margin-right: 30px"</#if>> + <div class="image <#if video.completed>completed</#if> <#if allowed>allowed</#if>" id="${video.id}"><a href="#" onclick="playVideo('${video.id}'); return false"><img src="${video.image!staticRoot+"/images/videoimage.jpg"}" alt="${video.title}" /></a></div> + <h2><#if video.number != "0">${video.number}. </#if>${video.title}</h2> + <span class="duration"><@hms seconds=video.length /></span> + <#if (video.pdf!"") != ""> + <span class="pdf"><a href="${video.pdf}" target="_blank">Outline</a></span> + </#if> + <#if !allowUserToSkip && allowed && !video.completed> + <#assign allowed = false> + </#if> + </article> + </#list> + </div> + + <#assign hasDeeper = ["seeker", "believer", "disciple", "teacher"]> + <#if hasDeeper?seq_contains(chapter)> + <div id="deeper"> + <h2>Going Deeper</h2> + <p> + <a href="${dynamicRoot}/deeper/${chapter}.html">Click here</a> + for additional and important resources specifically for ${chapter}s. + </p> + <p> + This page contains a list of resources provided to help you to go + deeper in your faith. It includes reading material, links to + helpful resources, etc. + </p> + </div> + </#if> + + <#if showfeed!false> + <#include "/templates/communityfeed.ftl"> + </#if> + </div> + + <div id="videoplayer"> + <div class="close"><a href="#" onclick="closeVideo(); return false"><img src="${staticRoot}/images/close.png" alt="Close Video" title="Close" /></a></div> + <div class="video"> + <video width="720" height="405" controls="controls"> + This video is not playable in your browser. + <a href="http://google.com/chrome">Try Chrome?</a> + </video> + </div> + </div> + +</@commonpage> + + diff --git a/src/main/resources/templates/utils/dump.ftl b/src/main/resources/templates/utils/dump.ftl new file mode 100644 index 0000000..6491a25 --- /dev/null +++ b/src/main/resources/templates/utils/dump.ftl @@ -0,0 +1,98 @@ +<#-- dump.ftl
+ --
+ -- Generates tree representations of data model items.
+ --
+ -- Usage:
+ -- <#import "dump.ftl" as dumper>
+ --
+ -- <#assign foo = something.in["your"].data[0].model />
+ --
+ -- <@dumper.dump foo />
+ --
+ -- When used within html pages you've to use <pre>-tags to get the wanted
+ -- result:
+ -- <pre>
+ -- <@dumper.dump foo />
+ -- <pre>
+ -->
+
+<#-- The black_list contains bad hash keys. Any hash key which matches a
+ -- black_list entry is prevented from being displayed.
+ -->
+<#assign black_list = ["class"] />
+
+
+<#--
+ -- The main macro.
+ -->
+
+<#macro dump data>
+(root)
+<#if data?is_enumerable>
+<@printList data,[] />
+<#elseif data?is_hash_ex>
+<@printHashEx data,[] />
+</#if>
+</#macro>
+
+<#-- private helper macros. it's not recommended to use these macros from
+ -- outside the macro library.
+ -->
+
+<#macro printList list has_next_array>
+<#local counter=0 />
+<#list list as item>
+<#list has_next_array+[true] as has_next><#if !has_next> <#else> | </#if></#list>
+<#list has_next_array as has_next><#if !has_next> <#else> | </#if></#list><#t>
+<#t><@printItem item?if_exists,has_next_array+[item_has_next], counter />
+<#local counter = counter + 1/>
+</#list>
+</#macro>
+
+<#macro printHashEx hash has_next_array>
+<#list hash?keys as key>
+<#list has_next_array+[true] as has_next><#if !has_next> <#else> | </#if></#list>
+<#list has_next_array as has_next><#if !has_next> <#else> | </#if></#list><#t>
+<#t><@printItem hash[key]?if_exists,has_next_array+[key_has_next], key />
+</#list>
+</#macro>
+
+<#macro printItem item has_next_array key>
+<#if item?is_method>
+ +- ${key} = ?? (method)
+<#elseif item?is_enumerable>
+ +- ${key}
+ <@printList item, has_next_array /><#t>
+<#elseif item?is_hash_ex && omit(key?string)><#-- omit bean-wrapped java.lang.Class objects -->
+ +- ${key} (omitted)
+<#elseif item?is_hash_ex>
+ +- ${key}
+ <@printHashEx item, has_next_array /><#t>
+<#elseif item?is_number>
+ +- ${key} = ${item}
+<#elseif item?is_string>
+ +- ${key} = "${item}"
+<#elseif item?is_boolean>
+ +- ${key} = ${item?string}
+<#elseif item?is_date>
+ +- ${key} = ${item?string("yyyy-MM-dd HH:mm:ss zzzz")}
+<#elseif item?is_transform>
+ +- ${key} = ?? (transform)
+<#elseif item?is_macro>
+ +- ${key} = ?? (macro)
+<#elseif item?is_hash>
+ +- ${key} = ?? (hash)
+<#elseif item?is_node>
+ +- ${key} = ?? (node)
+</#if>
+</#macro>
+
+<#function omit key>
+ <#local what = key?lower_case>
+ <#list black_list as item>
+ <#if what?index_of(item) gte 0>
+ <#return true>
+ </#if>
+ </#list>
+ <#return false>
+</#function>
\ No newline at end of file |