2019-09-17 07:33:38 +00:00
<!DOCTYPE HTML>
2019-10-26 13:25:10 +00:00
< html xmlns:th = "http://www.thymeleaf.org" xmlns:sec = "http://www.thymeleaf.org/extras/spring-security" >
2019-10-15 05:28:56 +00:00
2019-09-17 07:33:38 +00:00
< head >
2019-10-15 05:28:56 +00:00
< div th:replace = "fragments/head :: headFragment" >
< meta charset = "UTF-8" >
< title id = "pageTitle" > Home< / title >
< / div >
<!-- <script th:src="@{js/my_Crypto.js}" type="text/javascript"></script> -->
< script src = "https://code.jquery.com/jquery-2.1.4.min.js" th:if = "false" > < / script >
< script src = "http://blackpeppersoftware.github.io/thymeleaf-fragment.js/thymeleaf-fragment.js" defer = "defer" th:if = "false" > < / script >
< / link >
2019-09-17 07:33:38 +00:00
< / head >
2019-10-15 05:28:56 +00:00
2019-09-17 07:33:38 +00:00
< body >
2019-10-15 05:28:56 +00:00
< div th:include = "fragments/navbar :: navbarFragment" > < / div >
< header id = "home-section" >
< div class = "dark-overlay" >
< div class = "home-inner container" >
< div class = "row" >
< div class = "col-lg-8 col-md-6 d-lg-block " >
<!-- <div class="jumbotron bg - primary"> -->
< div class = "d-flex rounded" >
2019-10-26 13:25:10 +00:00
< div class = "" >
2019-10-15 05:28:56 +00:00
< h1 class = "display-4" > Chatto - Self Hosted, Minimal E2E Chat< / h1 >
<!-- <p th:if="${chatUser}" th:text="'username: ' + ${chatUser.userName}">You need to login</p>
< th:block th:each = "userName: ${userNames}" >
< div th:text = "${userName}" > < / div >
< / th:block > -->
2019-10-22 12:12:18 +00:00
< span th:if = "${message}" > < / span > Welcome < span th:text = "${#authentication.name}" > nova< / span >
2019-10-15 05:28:56 +00:00
< p > Chatto is a minimal, end to end encrypted chat application.< / p >
<!-- <button class="btn btn - secondary"> <a href="registration.html" th:href="{@/registration}">Get Started</a></button> -->
< a class = "btn btn-secondary" href = "registration.html" th:href = "@{/registration}" > Get Started< / a >
< / div >
< / div >
< / div >
< div class = "col-lg-4 col-md-6" >
< div class = "card bg-primary text-justified" >
< h2 class = "card-header text-center" > Features< / h2 >
< div class = "card-body " >
< p class = "card-text lead" >
< ul class = "" >
< li >
< p class = "lead" >
<!-- <i class="fas fa - check"></i> -->
2019-10-22 12:12:18 +00:00
Self Hosted
< / p >
2019-10-15 05:28:56 +00:00
< / li >
< li >
< p class = "lead" >
<!-- <i class="fas fa - check"></i> -->
2019-10-22 12:12:18 +00:00
End To End Encrypted Messaging
< / p >
2019-10-15 05:28:56 +00:00
< / li >
< li >
< p class = "lead" >
<!-- <i class="fas fa - check"></i> -->
Free Software (AGPLv3 Licensed)< / p >
< / li >
< li >
< p class = "lead" >
<!-- <i class="fas fa - check"></i> -->
2019-10-22 12:12:18 +00:00
Built With Java And Spring
< / p >
2019-10-15 05:28:56 +00:00
< / li >
< / ul >
< / p >
<!-- <p class="card - text">
Open Source
< / p >
< p class = "card-text" >
Built with Java
< / p > -->
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / header >
< section id = "my-section" >
< div class = "container" >
< div class = "row" >
< div class = "col text-center py-5" >
< h1 class = "display-4" >
< p class = "lead" > Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid illum ea accusamus animi voluptate. Quam temporibus aperiam, similique in labore sint quasi harum. Praesentium enim iste dicta quaerat perspiciatis eos.< / p >
< / h1 >
< a href = "#" class = "btn btn-secondary" > Find out more< / a >
< / div >
< / div >
< / div >
< / section >
< script >
console.log(hostAddress);
/* console.log(hostAddress2); */
< / script >
2019-09-17 07:33:38 +00:00
< / body >
2019-10-15 05:28:56 +00:00
2019-09-17 07:33:38 +00:00
< / html >