Main merge to user management system - files are now at /main/public/

19 files changed, 851 insertions, 0 deletions

diff --git a/main/app/sprinkles/core/templates/pages/about.html.twig b/main/app/sprinkles/core/templates/pages/about.html.twig
new file mode 100755
index 0000000..95f9b72
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/about.html.twig
@@ -0,0 +1,173 @@
+{% extends "pages/abstract/default.html.twig" %}
+
+{% set page_active = "about" %}
+
+{# Overrides blocks in head of base template #}
+{% block page_title %}{{translate("ABOUT")}}{% endblock %}
+
+{% block page_description %}All about my UserFrosting website.{% endblock %}
+
+{% block body_matter %}
+
+    <!-- Intro Content -->
+    <div class="row">
+        <div class="col-md-6">
+            <img class="img-responsive" src="//placehold.it/750x450" alt="">
+        </div>
+        <div class="col-md-6">
+            <h2>About Modern Business</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed voluptate nihil eum consectetur similique? Consectetur, quod, incidunt, harum nisi dolores delectus reprehenderit voluptatem perferendis dicta dolorem non blanditiis ex fugiat.</p>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, magni, aperiam vitae illum voluptatum aut sequi impedit non velit ab ea pariatur sint quidem corporis eveniet. Odit, temporibus reprehenderit dolorum!</p>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur, modi mollitia corporis ipsa voluptate corrupti eum ratione ex ea praesentium quibusdam? Aut, in eum facere corrupti necessitatibus perspiciatis quis?</p>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <!-- Team Members -->
+    <div class="row">
+        <div class="col-lg-12">
+            <h2 class="page-header">Our Team</h2>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="thumbnail">
+                <img class="img-responsive" src="//placehold.it/750x450" alt="">
+                <div class="caption">
+                    <h3>John Smith<br>
+                        <small>Job Title</small>
+                    </h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
+                    <ul class="list-inline">
+                        <li><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
+                        </li>
+                        <li><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- /.row -->
+
+    <!-- Our Customers -->
+    <div class="row">
+        <div class="col-lg-12">
+            <h2 class="page-header">Our Customers</h2>
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+        <div class="col-md-2 col-sm-4 col-xs-6">
+            <img class="img-responsive customer-img" src="//placehold.it/500x300" alt="">
+        </div>
+    </div>
+    <!-- /.row -->
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/abstract/base.html.twig b/main/app/sprinkles/core/templates/pages/abstract/base.html.twig
new file mode 100755
index 0000000..4b3f9cf
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/abstract/base.html.twig
@@ -0,0 +1,103 @@
+{# This is the base layout template for all pages.  #}
+
+{% block page %}
+<!DOCTYPE html>
+<html lang="en-US">
+    {% block head %}
+        <head>
+            <!-- The 'X-UA-Compatible' tag must be first, otherwise IE will not respect it.  See http://stackoverflow.com/questions/25557299/internet-explorer-11-disable-display-intranet-sites-in-compatibility-view-via -->
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta charset="utf-8">
+            <meta name="generator" content="UserFrosting" />
+            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+            <meta name="description" content="{% block page_description %}This page has not yet been configured.{% endblock %}">
+            <meta name="author" content="{% block page_author %}{{ site.author }}{% endblock %}">
+
+            <title>{{ site.title }} | {% block page_title %}New Page{% endblock %}</title>
+
+            {% include "pages/partials/favicons.html.twig" %}
+
+            {# Use this block to add extra content in page head without having to override the entire base layout #}
+            {% block head_extra %}{% endblock %}
+
+            {% block stylesheets %}
+                {# Override this block in a child layout template or page template to override site-level stylesheets. #}
+                {% block stylesheets_site %}
+                    <!-- Include main CSS asset bundle -->
+                    {{ assets.css('css/main') | raw }}
+                {% endblock %}
+
+                {# Override this block in a child layout template or page template to specify or override stylesheets for groups of similar pages. #}
+                {% block stylesheets_page_group %}
+                {% endblock %}
+
+                {# Override this block in a child layout template or page template to specify or override page-level stylesheets. #}
+                {% block stylesheets_page %}
+                {% endblock %}
+            {% endblock %}
+
+            {# Site author link #}
+            {% if site.uri.author %}
+                <link href="{% block page_author_link %}{{ site.uri.author }}{% endblock %}" rel="author" />
+            {% endif %}
+
+            {# Site publisher link #}
+            {% if site.uri.publisher %}
+                <link href="{% block page_publisher_link %}{{ site.uri.publisher }}{% endblock %}" rel="publisher" />
+            {% endif %}
+
+            {# Canonical page link #}
+            {% if block('page_canonical') %}
+                <link href="{{site.uri.base.scheme}}://{% block page_canonical %}{% endblock %}" rel="canonical" />
+            {% endif %}
+
+            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+            <!--[if lt IE 9]>
+                <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+                <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+            <![endif]-->
+
+            {% include "pages/partials/analytics.html.twig" %}
+        </head>
+    {% endblock %}
+
+    {% block body %}
+        <body {% block body_attributes %}{% endblock %}>
+            {# Page Content #}
+            {% block content %}{% endblock %}
+
+            {# Handlebars template for uf-alerts. #}
+            {% block uf_alerts_template %}
+                {% include "pages/partials/alerts.html.twig" %}
+            {% endblock %}
+
+            <!-- Javascript configuration -->
+            <script>
+            {% include "pages/partials/config.js.twig" %}
+            </script>
+
+            {% block scripts %}
+                {# Override this block in a child layout template or page template to override site-level scripts. #}
+                {% block scripts_site %}
+                    <!-- Load jQuery -->
+                    <script src="//code.jquery.com/jquery-latest.min.js" ></script>
+                    <!-- Fallback if CDN is unavailable -->
+                    <script>window.jQuery || document.write('<script src="{{ assets.url('assets://vendor/jquery/dist/jquery.min.js', true) }}"><\/script>')</script>
+
+                    {{ assets.js() | raw }}
+                {% endblock %}
+
+                {# Override this block in a child layout template or page template to specify or override scripts for groups of similar pages. #}
+                {% block scripts_page_group %}
+                {% endblock %}
+
+                {# Override this block in a child layout template or page template to specify or override page-level scripts. #}
+                {% block scripts_page %}
+                {% endblock %}
+            {% endblock %}
+
+        </body>
+    {% endblock %}
+</html>
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/abstract/default.html.twig b/main/app/sprinkles/core/templates/pages/abstract/default.html.twig
new file mode 100755
index 0000000..b615790
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/abstract/default.html.twig
@@ -0,0 +1,45 @@
+{% extends "pages/abstract/mainsite.html.twig" %}
+
+{% block stylesheets_page_group %}
+{% endblock %}
+
+{% block body_attributes %}
+    class="hold-transition skin-{{site.AdminLTE.skin}} layout-top-nav"
+{% endblock %}
+
+{% block content %}
+
+<div class="wrapper">
+
+  <header class="main-header">
+    {% include "navigation/main-nav.html.twig" %}
+  </header>
+
+  <!-- Full Width Column -->
+  <div class="content-wrapper">
+    <div class="container">
+        <!-- Content Header (Page header) -->
+        {% block content_header %}
+        <section class="content-header">
+          <h1>{% block header_title %}{{ block('page_title') }}{% endblock %}</h1>
+          {% if block('page_description') is not empty %}<h1><small>{% block header_description %}{{ block('page_description') }}{% endblock %}</small></h1>{% endif %}
+          {% block breadcrumb %}
+            {% include 'navigation/breadcrumb.html.twig' with {page_title: block('page_title')} %}
+          {% endblock %}
+          <div id="alerts-page"></div>
+        </section>
+        {% endblock %}
+        <section class="content">
+            {% block body_matter %}{% endblock %}
+        </section>
+    </div>
+  </div>
+  <!-- /.content-wrapper -->
+
+  {% block footer %}
+    {% include "pages/partials/footer.html.twig" %}
+  {% endblock %}
+</div>
+<!-- ./wrapper -->
+
+{% endblock %}
\ No newline at end of file
diff --git a/main/app/sprinkles/core/templates/pages/abstract/error.html.twig b/main/app/sprinkles/core/templates/pages/abstract/error.html.twig
new file mode 100755
index 0000000..c7c7205
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/abstract/error.html.twig
@@ -0,0 +1,32 @@
+{# This is the layout template for error pages.  Note that there is no navigation bar. #}
+{% extends "pages/abstract/base.html.twig" %}
+
+{% block page_title %}{{ translate('ERROR.TITLE') }}{% endblock %}
+
+{% block page_description %}{{ translate('ERROR.DESCRIPTION') }}{% endblock %}
+
+{% block body %}
+    <body {% block body_attributes %}{% endblock %}>
+        <!-- Main content -->
+        <section class="content">
+          <div class="error-page">
+            {% block headline %}<h2 class="headline text-red"><i class="fa fa-terminal" aria-hidden="true"></i></h2>{% endblock %}
+
+            <div class="error-content">
+              <br /><h3>{% block heading %}<i class="fa fa-warning text-red"></i> {{ translate('ERROR.ENCOUNTERED') }}{% endblock %}</h3>
+
+              {% block content %}
+                  {% if messages %}<p>{{ translate('ERROR.DETAIL') }}</p>{% endif %}
+                  {% for message in messages %}
+                    <div class="alert alert-danger">{{ translate(message.message, message.parameters) }}</div>
+                  {% endfor %}
+                  <p class="lead">{{ translate('ERROR.RETURN', {url : site.uri.public})|raw }}</p>
+              {% endblock %}
+            </div>
+            <!-- /.error-content -->
+          </div>
+          <!-- /.error-page -->
+        </section>
+        <!-- /.content -->
+    </body>
+{% endblock %}
\ No newline at end of file
diff --git a/main/app/sprinkles/core/templates/pages/abstract/mainsite.html.twig b/main/app/sprinkles/core/templates/pages/abstract/mainsite.html.twig
new file mode 100644
index 0000000..d12ccde
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/abstract/mainsite.html.twig
@@ -0,0 +1,93 @@
+{# This is the base layout template for all pages.  #}

+

+{% block page %}

+    <!DOCTYPE html>

+    <html lang="en-US">

+    {% block head %}

+        <head>

+            <!-- The 'X-UA-Compatible' tag must be first, otherwise IE will not respect it.  See http://stackoverflow.com/questions/25557299/internet-explorer-11-disable-display-intranet-sites-in-compatibility-view-via -->

+            <meta http-equiv="X-UA-Compatible" content="IE=edge">

+            <meta charset="utf-8">

+            <meta name="generator" content="UserFrosting" />

+            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

+            <meta name="description" content="{% block page_description %}This page has not yet been configured.{% endblock %}">

+            <meta name="author" content="{% block page_author %}{{ site.author }}{% endblock %}">

+

+            <title>{{ site.title }} | {% block page_title %}New Page{% endblock %}</title>

+

+            {% include "pages/partials/favicons.html.twig" %}

+

+            {# Use this block to add extra content in page head without having to override the entire base layout #}

+            {% block head_extra %}{% endblock %}

+

+            {% block stylesheets %}

+                {# Override this block in a child layout template or page template to override site-level stylesheets. #}

+                {% block stylesheets_site %}

+                    <!-- Include main CSS asset bundle -->

+                    {{ assets.css('css/main-site') | raw }}

+                {% endblock %}

+

+                {# Override this block in a child layout template or page template to specify or override stylesheets for groups of similar pages. #}

+                {% block stylesheets_page_group %}

+                {% endblock %}

+

+                {# Override this block in a child layout template or page template to specify or override page-level stylesheets. #}

+                {% block stylesheets_page %}

+                {% endblock %}

+            {% endblock %}

+

+            {# Site author link #}

+            {% if site.uri.author %}

+                <link href="{% block page_author_link %}{{ site.uri.author }}{% endblock %}" rel="author" />

+            {% endif %}

+

+            {# Site publisher link #}

+            {% if site.uri.publisher %}

+                <link href="{% block page_publisher_link %}{{ site.uri.publisher }}{% endblock %}" rel="publisher" />

+            {% endif %}

+

+            {# Canonical page link #}

+            {% if block('page_canonical') %}

+                <link href="{{site.uri.base.scheme}}://{% block page_canonical %}{% endblock %}" rel="canonical" />

+            {% endif %}

+

+            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

+            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

+            <!--[if lt IE 9]>

+            <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

+            <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

+            <![endif]-->

+

+            {% include "pages/partials/analytics.html.twig" %}

+        </head>

+    {% endblock %}

+

+    {% block body %}

+        <body {% block body_attributes %}{% endblock %}>

+        {# Page Content #}

+        {% block content %}{% endblock %}

+

+        <!-- Javascript configuration -->

+        <script>

+            {% include "pages/partials/config.js.twig" %}

+        </script>

+

+        {% block scripts %}

+            {# Override this block in a child layout template or page template to override site-level scripts. #}

+            {% block scripts_site %}

+                {{ assets.js('js/main-site') | raw }}

+            {% endblock %}

+

+            {# Override this block in a child layout template or page template to specify or override scripts for groups of similar pages. #}

+            {% block scripts_page_group %}

+            {% endblock %}

+

+            {# Override this block in a child layout template or page template to specify or override page-level scripts. #}

+            {% block scripts_page %}

+            {% endblock %}

+        {% endblock %}

+

+        </body>

+    {% endblock %}

+    </html>

+{% endblock %}

diff --git a/main/app/sprinkles/core/templates/pages/error/400.html.twig b/main/app/sprinkles/core/templates/pages/error/400.html.twig
new file mode 100755
index 0000000..3570df8
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/error/400.html.twig
@@ -0,0 +1,9 @@
+{% extends "pages/abstract/error.html.twig" %}
+
+{% block page_title %}{{ translate('ERROR.400.TITLE') }}{% endblock %}
+
+{% block page_description %}{{ translate('ERROR.400.DESCRIPTION') }}{% endblock %}
+
+{% block headline %}<h2 class="headline text-yellow">400</h2>{% endblock %}
+
+{% block heading %}<i class="fa fa-warning text-yellow"></i> {{ translate('ERROR.400.TITLE') }}{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/error/404.html.twig b/main/app/sprinkles/core/templates/pages/error/404.html.twig
new file mode 100755
index 0000000..6630e1b
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/error/404.html.twig
@@ -0,0 +1,16 @@
+{% extends "pages/abstract/error.html.twig" %}
+
+{% block page_title %}{{ translate('ERROR.404.TITLE') }}{% endblock %}
+
+{% block page_description %}{{ translate('ERROR.404.DESCRIPTION') }}{% endblock %}
+
+{% block headline %}<h2 class="headline text-yellow">404</h2>{% endblock %}
+
+{% block heading %}<i class="fa fa-warning text-yellow"></i> {{ translate('ERROR.404.DETAIL') }}{% endblock %}
+
+{% block content %}
+    <p>
+        {{ translate('ERROR.404.EXPLAIN') }}
+        {{ translate('ERROR.404.RETURN', {url: site.uri.public})|raw }}
+    </p>
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/error/config-errors.html.twig b/main/app/sprinkles/core/templates/pages/error/config-errors.html.twig
new file mode 100755
index 0000000..314b3b8
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/error/config-errors.html.twig
@@ -0,0 +1,22 @@
+{% extends "pages/abstract/error.html.twig" %}
+
+{% block page_title %}{{ translate('ERROR.CONFIG.TITLE') }}{% endblock %}
+
+{% block page_description %}{{ translate('ERROR.CONFIG.DESCRIPTION') }}{% endblock %}
+
+{% block heading %}<i class="fa fa-warning text-yellow"></i> {{ translate('ERROR.CONFIG.DETAIL') }}{% endblock %}
+
+{% block content %}
+    <p>{{ translate('ERROR.CONFIG.RETURN', {url: "#{site.uri.public}"})|raw }}.</p>
+
+    {% autoescape false %}
+    {% for message in messages %}
+        <div class="list-group">
+          <div class="list-group-item {% if message.success %}list-group-item-success{% else %}list-group-item-danger{% endif %}">
+            <h4 class="list-group-item-heading">{{message.title}}</h4>
+            <p class="list-group-item-text">{{message.message | raw}}</p>
+          </div>
+        </div>
+    {% endfor %}
+    {% endautoescape %}
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/index.html.twig b/main/app/sprinkles/core/templates/pages/index.html.twig
new file mode 100755
index 0000000..4c7c838
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/index.html.twig
@@ -0,0 +1,112 @@
+{% extends "pages/abstract/mainsite.html.twig" %}
+
+{% set page_active = "home" %}
+
+{# Overrides blocks in head of base template #}
+{% block page_title %}{{translate("HOME")}}{% endblock %}
+
+{% block page_description %}{{translate("WELCOME_TO", {'title': site.title})}}{% endblock %}
+
+{% block content %}
+    <div class="main">
+        <div class="MainTabWindows">
+            <div class="carousel-cell FeedTab">
+                <div class="headerWrap">
+                    <div class="header">
+                    <span class="LeftButtonHeader"><img draggable="false" ondragstart="return false;"
+                                                        src="{{ assets.url('assets://SiteAssets/icons/BurgerMenuShort.svg') }}"></span>
+                        <span class="HeaderCaption"><span data-lang='Feed'></span></span>
+                        <span class="RightButtonHeader"><i class="fas fa-bell"></i></span>
+                    </div>
+                    <hr>
+                </div>
+            </div>
+            <div class="carousel-cell ExploreTab">
+                <div class="headerWrap">
+                    <div class="header">
+                    <span class="LeftButtonHeader"><img draggable="false" ondragstart="return false;"
+                                                        src="{{ assets.url('assets://SiteAssets/icons/BurgerMenuShort.svg') }}"></span>
+                        <span class="HeaderCaption"><span data-lang='Explore'></span></span>
+                        <span class="RightButtonHeader"><i class="fas fa-bell"></i></span>
+                    </div>
+                    <hr>
+                </div>
+            </div>
+            <div class="carousel-cell">
+                <div class="headerWrap">
+                    <div class="header">
+                    <span class="LeftButtonHeader"><img draggable="false" ondragstart="return false;"
+                                                        src="{{ assets.url('assets://SiteAssets/icons/BurgerMenuShort.svg') }}"></span>
+                        <span class="HeaderCaption"><span data-lang='Chat'></span></span>
+                        <span class="RightButtonHeader"><i class="fas fa-bell"></i></span>
+                    </div>
+                    <hr>
+                </div>
+                <div class="MainInTab">
+                    <div class="ChatWindow">
+                        <div id="ChatMessages" class="ChatMessages">
+                            <!-- Messages -->
+                        </div>
+                        <input title="Type your message..." id="ChatTextInput" class="ChatInput" type="text"/>
+                        <input title="Join a group..." id="SubscribeTextInput" class="ChatInput" type="text"/>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-cell">
+                <div class="headerWrap">
+                    <div class="header">
+                    <span class="LeftButtonHeader"><img draggable="false" ondragstart="return false;"
+                                                        src="{{ assets.url('assets://SiteAssets/icons/BurgerMenuShort.svg') }}"></span>
+                        <span class="HeaderCaption"><span data-lang='Friends'></span></span>
+                        <span class="RightButtonHeader"><i class="fas fa-bell"></i></span>
+                    </div>
+                    <hr>
+                </div>
+            </div>
+            <div class="carousel-cell">
+                <div class="headerWrap">
+                    <div class="header">
+                    <span class="LeftButtonHeader"><img draggable="false" ondragstart="return false;"
+                                                        src="{{ assets.url('assets://SiteAssets/icons/BurgerMenuShort.svg') }}"></span>
+                        <span class="HeaderCaption"><span data-lang='Personal'></span></span>
+                        <span class="RightButtonHeader"><i class="fas fa-bell"></i></span>
+                    </div>
+                    <hr>
+                </div>
+            </div>
+        </div>
+
+        <div class="Navbar">
+         <span id="0" class="NavbarIconWrap">
+             <img draggable="false" ondragstart="return false;" src="{{ assets.url('assets://SiteAssets/icons/FriendFeedOutline.svg') }}">
+        </span>
+            <span id="1" class="NavbarIconWrap">
+            <img draggable="false" ondragstart="return false;" src="{{ assets.url('assets://SiteAssets/icons/ExploreGlobeOutline.svg') }}">
+        </span>
+            <span id="2" class="NavbarIconWrap ActiveTab">
+            <img draggable="false" ondragstart="return false;" src="{{ assets.url('assets://SiteAssets/icons/MessageBubbleOutline.svg') }}">
+        </span>
+            <span id="3" class="NavbarIconWrap">
+            <img draggable="false" ondragstart="return false;" src="{{ assets.url('assets://SiteAssets/icons/UserGroupOutline.svg') }}">
+         </span>
+            <span id="4" class="NavbarIconWrap">
+            <img draggable="false" ondragstart="return false;" src="{{ assets.url('assets://SiteAssets/icons/UserOutline.svg') }}">
+        </span>
+        </div>
+        <span class='NavbarLine'></span>
+    </div>
+{% endblock %}
+
+
+
+{% block scripts_page %}
+    <!-- Script to Activate the Language -->
+    <script>
+        function initiateLanguage() {
+            var translate = new Translate();
+            var currentLng = 'de'; // <- PHP IP LOCATION
+            translate.init(currentLng);
+            translate.process();
+        }
+    </script>
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/legal.html.twig b/main/app/sprinkles/core/templates/pages/legal.html.twig
new file mode 100755
index 0000000..c1eac19
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/legal.html.twig
@@ -0,0 +1,12 @@
+{% extends "pages/abstract/default.html.twig" %}
+
+{% set page_active = "home" %}
+
+{# Overrides blocks in head of base template #}
+{% block page_title %}{{translate("LEGAL")}}{% endblock %}
+
+{% block page_description %}{{translate("LEGAL.DESCRIPTION")}}{% endblock %}
+
+{% block body_matter %}
+    {% include 'pages/partials/legal.html.twig' %}
+{% endblock %}
diff --git a/main/app/sprinkles/core/templates/pages/partials/alerts.html.twig b/main/app/sprinkles/core/templates/pages/partials/alerts.html.twig
new file mode 100755
index 0000000..a7f9c08
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/alerts.html.twig
@@ -0,0 +1,13 @@
+{# This contains a client-side Handlebars template.
+ # Note that these are NOT Twig templates, although the syntax is similar.  We wrap them in the `verbatim` tag,
+ # so that Twig will output them directly into the DOM instead of trying to treat them like Twig templates.
+ #}
+
+{% verbatim %}
+<script id="uf-alert-template" type="text/x-handlebars-template">
+    <div class="alert alert-{{type}} alert-dismissible uf-alert">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        <i class="icon fa fa-fw {{icon}} pull-left"></i> <div class="uf-alert-message-container">{{message}}</div>
+    </div>
+</script>
+{% endverbatim %}
\ No newline at end of file
diff --git a/main/app/sprinkles/core/templates/pages/partials/analytics.html.twig b/main/app/sprinkles/core/templates/pages/partials/analytics.html.twig
new file mode 100755
index 0000000..3fbeeed
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/analytics.html.twig
@@ -0,0 +1,15 @@
+{% if site.analytics.google.code and site.analytics.google.enabled %}
+    <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+        ga('create', '{{site.analytics.google.code}}', 'auto');
+        ga('send', 'pageview');
+    </script>
+{% elseif site.debug.info %}
+    <script>
+        console.log("Google Analytics is disabled or code has not been set.");
+    </script>
+{% endif %}
diff --git a/main/app/sprinkles/core/templates/pages/partials/config.js.twig b/main/app/sprinkles/core/templates/pages/partials/config.js.twig
new file mode 100755
index 0000000..a7a60f0
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/config.js.twig
@@ -0,0 +1,13 @@
+{# Configuration variables needed by client-side code (Javascript). #}
+{% autoescape 'js' %}
+    var site = {
+        "uri": {
+            "public": "{{ site.uri.public | raw }}"
+        },
+        "debug": {
+            "ajax": {{ site.debug.ajax ? 'true' : 'false' }}
+        },
+        "csrf": {{ site.csrf | json_encode(constant('JSON_PRETTY_PRINT')) | raw }},
+        "uf_table": {{ site.uf_table | json_encode(constant('JSON_PRETTY_PRINT')) | raw }}
+    };
+{% endautoescape %}
diff --git a/main/app/sprinkles/core/templates/pages/partials/favicons.html.twig b/main/app/sprinkles/core/templates/pages/partials/favicons.html.twig
new file mode 100755
index 0000000..11b0c52
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/favicons.html.twig
@@ -0,0 +1,39 @@
+{# Favicons generated with https://realfavicongenerator.net #}
+
+{# Basic favicon #}
+<link rel="shortcut icon" type="image/x-icon" href="{{ assets.url('assets://userfrosting/favicons/favicon.ico') }}">
+
+{# PNG versions #}
+<link rel="icon" type="image/png" sizes="32x32" href="{{ assets.url('assets://userfrosting/favicons/favicon-32x32.png') }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ assets.url('assets://userfrosting/favicons/favicon-16x16.png') }}">
+
+{#
+    IE 10 Metro tile icon (Metro equivalent of apple-touch-icon-precomposed)
+    (see https://github.com/audreyr/favicon-cheat-sheet)
+#}
+<meta name="msapplication-TileColor" content="#603cba">
+<meta name="msapplication-TileImage" content="{{ assets.url('assets://userfrosting/favicons/mstile-144x144.png') }}">
+
+{# IE 11 Tile for Windows 8.1 Start Screen #}
+<meta name="application-name" content="UserFrosting">
+<meta name="msapplication-tooltip" content="A secure, modern user management system for PHP.">
+<meta name="msapplication-config" content="{{ assets.url('assets://userfrosting/favicons/ieconfig.xml') }}">
+
+{# Apple touch icons #}
+<link rel="apple-touch-icon-precomposed" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-60x60-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-72x72-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-76x76-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-114x114-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-120x120-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-144x144-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-152x152-precomposed.png') }}">
+<link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ assets.url('assets://userfrosting/favicons/apple-touch-icon-180x180-precomposed.png') }}">
+
+{# Chrome icons and manifest #}
+<link rel="icon" type="image/png" sizes="192x192" href="{{ assets.url('assets://userfrosting/favicons/android-chrome-192x192.png') }}">
+<link rel="manifest" href="{{ assets.url('assets://userfrosting/favicons/manifest.json') }}">
+<meta name="theme-color" content="#f3f2e4">
+
+{# Safari pinned sites icons #}
+<link rel="mask-icon" href="{{ assets.url('assets://userfrosting/favicons/safari-pinned-tab.svg') }}" color="#f39ca1">
diff --git a/main/app/sprinkles/core/templates/pages/partials/footer.html.twig b/main/app/sprinkles/core/templates/pages/partials/footer.html.twig
new file mode 100755
index 0000000..e7a93c3
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/footer.html.twig
@@ -0,0 +1,8 @@
+<footer class="main-footer">
+    <div class="pull-right hidden-xs">
+      {{ translate("BUILT_WITH_UF") | raw }} &middot;
+      <a href="{{site.uri.public}}/legal">{{ translate("TOS") }}</a> &middot;
+      <a href="{{site.uri.public}}/privacy">{{ translate("PRIVACY") }}</a>
+    </div>
+    &copy; <a href="{{site.uri.public}}">{{site.title}}</a>, {{ "now"|date("Y") }}. <span class="hidden-xs">{{ translate("ADMINLTE_THEME_BY") | raw }}.</span>
+</footer>
\ No newline at end of file
diff --git a/main/app/sprinkles/core/templates/pages/partials/legal.html.twig b/main/app/sprinkles/core/templates/pages/partials/legal.html.twig
new file mode 100755
index 0000000..65fe61c
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/legal.html.twig
@@ -0,0 +1,95 @@
+<!-- Generated by http://www.bennadel.com/coldfusion/privacy-policy-generator.htm -->
+<h2>
+	Web Site Terms and Conditions of Use
+</h2>
+
+<h3>
+	1. Terms
+</h3>
+
+<p>
+	By accessing this web site, you are agreeing to be bound by these
+	web site Terms and Conditions of Use, all applicable laws and regulations,
+	and agree that you are responsible for compliance with any applicable local
+	laws. If you do not agree with any of these terms, you are prohibited from
+	using or accessing this site. The materials contained in this web site are
+	protected by applicable copyright and trade mark law.
+</p>
+
+<h3>
+	2. Use License
+</h3>
+
+<ol type="a">
+	<li>
+		Permission is granted to temporarily download one copy of the materials
+		(information or software) on {{site.title}}'s web site for personal,
+		non-commercial transitory viewing only. This is the grant of a license,
+		not a transfer of title, and under this license you may not:
+
+		<ol type="i">
+			<li>modify or copy the materials;</li>
+			<li>use the materials for any commercial purpose, or for any public display (commercial or non-commercial);</li>
+			<li>attempt to decompile or reverse engineer any software contained on {{site.title}}'s web site;</li>
+			<li>remove any copyright or other proprietary notations from the materials; or</li>
+			<li>transfer the materials to another person or "mirror" the materials on any other server.</li>
+		</ol>
+	</li>
+	<li>
+		This license shall automatically terminate if you violate any of these restrictions and may be terminated by {{site.title}} at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.
+	</li>
+</ol>
+
+<h3>
+	3. Disclaimer
+</h3>
+
+<ol type="a">
+	<li>
+		The materials on {{site.title}}'s web site are provided "as is". {{site.title}} makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties, including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights. Further, {{site.title}} does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its Internet web site or otherwise relating to such materials or on any sites linked to this site.
+	</li>
+</ol>
+
+<h3>
+	4. Limitations
+</h3>
+
+<p>
+	In no event shall {{site.title}} or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption,) arising out of the use or inability to use the materials on {{site.title}}'s Internet site, even if {{site.title}} or a {{site.title}} authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.
+</p>
+
+<h3>
+	5. Revisions and Errata
+</h3>
+
+<p>
+	The materials appearing on {{site.title}}'s web site could include technical, typographical, or photographic errors. {{site.title}} does not warrant that any of the materials on its web site are accurate, complete, or current. {{site.title}} may make changes to the materials contained on its web site at any time without notice. {{site.title}} does not, however, make any commitment to update the materials.
+</p>
+
+<h3>
+	6. Links
+</h3>
+
+<p>
+	{{site.title}} has not reviewed all of the sites linked to its Internet web site and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by {{site.title}} of the site. Use of any such linked web site is at the user's own risk.
+</p>
+
+<h3>
+	7. Site Terms of Use Modifications
+</h3>
+
+<p>
+	{{site.title}} may revise these terms of use for its web site at any time without notice. By using this web site you are agreeing to be bound by the then current version of these Terms and Conditions of Use.
+</p>
+
+<h3>
+	8. Governing Law
+</h3>
+
+<p>
+	Any claim relating to {{site.title}}'s web site shall be governed by the laws of {{site.site_location}} without regard to its conflict of law provisions.
+</p>
+
+<p>
+	General Terms and Conditions applicable to Use of a Web Site.
+</p>
diff --git a/main/app/sprinkles/core/templates/pages/partials/page.js.twig b/main/app/sprinkles/core/templates/pages/partials/page.js.twig
new file mode 100755
index 0000000..51a1703
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/page.js.twig
@@ -0,0 +1,4 @@
+{# Page variables needed by client-side code (Javascript). #}
+{% autoescape 'js' %}
+    var page = {{ page | json_encode(constant('JSON_PRETTY_PRINT')) | raw }};
+{% endautoescape %}
diff --git a/main/app/sprinkles/core/templates/pages/partials/privacy.html.twig b/main/app/sprinkles/core/templates/pages/partials/privacy.html.twig
new file mode 100755
index 0000000..6a6cafc
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/partials/privacy.html.twig
@@ -0,0 +1,35 @@
+<h2>
+	Privacy Policy
+</h2>
+
+<p>
+	Your privacy is very important to us. Accordingly, we have developed this Policy in order for you to understand how we collect, use, communicate and disclose and make use of personal information. The following outlines our privacy policy.
+</p>
+
+<ul>
+	<li>
+		Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.
+	</li>
+	<li>
+		We will collect and use of personal information solely with the objective of fulfilling those purposes specified by us and for other compatible purposes, unless we obtain the consent of the individual concerned or as required by law.
+	</li>
+	<li>
+		We will only retain personal information as long as necessary for the fulfillment of those purposes.
+	</li>
+	<li>
+		We will collect personal information by lawful and fair means and, where appropriate, with the knowledge or consent of the individual concerned.
+	</li>
+	<li>
+		Personal data should be relevant to the purposes for which it is to be used, and, to the extent necessary for those purposes, should be accurate, complete, and up-to-date.
+	</li>
+	<li>
+		We will protect personal information by reasonable security safeguards against loss or theft, as well as unauthorized access, disclosure, copying, use or modification.
+	</li>
+	<li>
+		We will make readily available to customers information about our policies and practices relating to the management of personal information.
+	</li>
+</ul>
+
+<p>
+	We are committed to conducting our business in accordance with these principles in order to ensure that the confidentiality of personal information is protected and maintained.
+</p>
diff --git a/main/app/sprinkles/core/templates/pages/privacy.html.twig b/main/app/sprinkles/core/templates/pages/privacy.html.twig
new file mode 100755
index 0000000..75db423
--- /dev/null
+++ b/main/app/sprinkles/core/templates/pages/privacy.html.twig
@@ -0,0 +1,12 @@
+{% extends "pages/abstract/default.html.twig" %}
+
+{% set page_active = "home" %}
+
+{# Overrides blocks in head of base template #}
+{% block page_title %}{{translate("PRIVACY")}}{% endblock %}
+
+{% block page_description %}{{translate("PRIVACY.DESCRIPTION")}}{% endblock %}
+
+{% block body_matter %}
+    {% include 'pages/partials/privacy.html.twig' %}
+{% endblock %}