Primeros cambios en las vistas

src/main/less/header.less

@@ -1,6 +1,6 @@
 .navbar {
-  border-top: 4px solid #6db33f;
-  background-color: #34302d;
+  border-top: 4px solid rgb(0, 64, 128);
+  background-color: rgb(40, 140, 215);
   margin-bottom: 0px;
   border-bottom: 0;
   border-left: 0;
@@ -8,20 +8,20 @@
 }
 
 .navbar a.navbar-brand {
-  background: url("../images/spring-logo-dataflow.png") -1px -1px no-repeat;
+  background: url("../images/Logo Cheapy2.png") -1px -1px no-repeat;
   margin: 12px 0 6px;
-  width: 229px;
-  height: 46px;
+  width: 55px;
+  height: 55px;
   display: inline-block;
   text-decoration: none;
   padding: 0;
 }
 
 .navbar a.navbar-brand span {
-  display: block;
-  width: 229px;
-  height: 46px;
-  background: url("../images/spring-logo-dataflow.png") -1px -48px no-repeat;
+  display: inline-block;
+  width: 55px;
+  height: 55px;
+  background: url("../images/Logo Cheapy2Negro.png") -1px -1px no-repeat;
   opacity: 0;
   -moz-transition: opacity 0.12s ease-in-out;
   -webkit-transition: opacity 0.12s ease-in-out;

src/main/less/petclinic.less

@@ -13,24 +13,24 @@
  */
 @icon-font-path:    "../../webjars/bootstrap/fonts/";
 
-@spring-green:      #6db33f;
-@spring-dark-green: #5fa134;
+@spring-blue:      rgb(0, 64, 128);
+@spring-dark-blue: rgb(0, 0, 128);
 @spring-brown:      #34302D;
 @spring-grey:       #838789;
 @spring-light-grey: #f1f1f1;
 
 @body-bg:                           @spring-light-grey;
 @text-color:                        @spring-brown;
-@link-color:                        @spring-dark-green;
-@link-hover-color:                  @spring-dark-green;
+@link-color:                        @spring-dark-blue;
+@link-hover-color:                  @spring-dark-blue;
 
 @navbar-default-link-color:         @spring-light-grey;
 @navbar-default-link-active-color:  @spring-light-grey;
 @navbar-default-link-hover-color:   @spring-light-grey;
-@navbar-default-link-hover-bg:      @spring-green;
+@navbar-default-link-hover-bg:      @spring-blue;
 @navbar-default-toggle-icon-bar-bg: @spring-light-grey;
 @navbar-default-toggle-hover-bg:    transparent;
-@navbar-default-link-active-bg:     @spring-green;
+@navbar-default-link-active-bg:     @spring-blue;
 
 @border-radius-base:             0;
 @border-radius-large:            0;
@@ -38,7 +38,7 @@
 
 @btn-default-color:              @spring-light-grey;
 @btn-default-bg:                 @spring-brown;
-@btn-default-border:             @spring-green;
+@btn-default-border:             @spring-blue;
 
 @nav-tabs-active-link-hover-color:        @spring-light-grey;
 @nav-tabs-active-link-hover-bg:           @spring-brown;
@@ -46,7 +46,7 @@
 @nav-tabs-border-color:                   @spring-brown;
 
 @pagination-active-bg:                    @spring-brown;
-@pagination-active-border:                @spring-green;
+@pagination-active-border:                @spring-blue;
 @table-border-color:                      @spring-brown;
 
 .table > thead > tr > th {
@@ -125,7 +125,7 @@ h1 {
 }
 
 .splash {
-  background: @spring-green;
+  background: @spring-blue;
   color: @spring-brown;
   display: none;
 }
@@ -204,6 +204,41 @@ table td.action-column {
   color: @spring-brown;
 }
 
+img.img-responsive{     
+	display: block;     
+	margin-left: auto;     
+	margin-right: auto 
+}
+
+.img-home{
+  display: table;
+  margin: 0 auto;
+}
+
+.btn-home{
+  display: table;
+  margin: 0 auto;
+}
+
+.btn-home button {
+  background-color: rgb(0, 64, 128); /* Green background */
+  border: 1px solid rgb(0, 0, 160); 
+  color: white; 
+  padding: 10px 24px; 
+  cursor: pointer; 
+  width: 100%; 
+  display: block; 
+}
+
+.btn-home button:not(:last-child) {
+  border-bottom: none; 
+}
+
+
+.btn-home button:hover {
+  background-color: rgb(0, 64, 128);
+}
+
 .alert-success {
   .alert-variant(fade(@alert-success-bg, 70%); @alert-success-border; @alert-success-text);
 }

src/main/resources/messages/messages_es.properties

@@ -1,4 +1,4 @@
-welcome=Bienvenido
+welcome=Bienvenido a
 required=Es requerido
 notFound=No ha sido encontrado
 duplicate=Ya se encuentra en uso

src/main/webapp/WEB-INF/jsp/welcome.jsp

@@ -5,11 +5,16 @@
 <!-- %@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %-->  
 
 <petclinic:layout pageName="home">
-    <h2><fmt:message key="welcome"/></h2>
+    <h2 class="text-center"><fmt:message key="welcome"/></h2>
     <div class="row">
         <div class="col-md-12">
-            <spring:url value="/resources/images/pets.png" htmlEscape="true" var="petsImage"/>
-            <img class="img-responsive" src="${petsImage}"/>
+            <div class="img-home">
+                <spring:url value="/resources/images/Logo Cheapy.png" htmlEscape="true" var="cheapyImage"/>
+                <img class="img-responsive" src="${cheapyImage}"/>
+            </div>
+            <div class="btn-home">
+                <button type="button">Ver Ofertas</button>
+            </div>
         </div>
     </div>
 </petclinic:layout>

src/main/webapp/WEB-INF/tags/htmlHeader.tag

@@ -11,10 +11,10 @@ PetClinic :: a Spring Framework demonstration
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <%-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags --%>
 
-    <spring:url value="/resources/images/favicon.png" var="favicon"/>
+    <spring:url value="/resources/images/faviconChikito.png" var="favicon"/>
     <link rel="shortcut icon" type="image/x-icon" href="${favicon}">
 
-    <title>PetClinic :: a Spring Framework demonstration</title>
+    <title>Cheapy : eat fast, eat cheapy</title>
 
     <%-- CSS generated from LESS --%>
     <spring:url value="/resources/css/petclinic.css" var="petclinicCss"/>

src/main/webapp/WEB-INF/tags/menu.tag

@@ -28,22 +28,17 @@
 					<span>Home</span>
 				</petclinic:menuItem>
 
-				<petclinic:menuItem active="${name eq 'owners'}" url="/owners/find"
-					title="find owners">
-					<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
-					<span>Find owners</span>
-				</petclinic:menuItem>
-
-				<petclinic:menuItem active="${name eq 'vets'}" url="/vets"
-					title="veterinarians">
+				<petclinic:menuItem active="${name eq 'contactanos'}" url="/contactanos"
+					title="contactanos">
 					<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
-					<span>Veterinarians</span>
+					<span>Contáctanos</span>
 				</petclinic:menuItem>
 
-				<petclinic:menuItem active="${name eq 'error'}" url="/oups"
-					title="trigger a RuntimeException to see how it is handled">
-					<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
-					<span>Error</span>
+				
+				<petclinic:menuItem active="${name eq 'login'}" url="/login"
+					title="login">
+					<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
+					<span>Login</span>
 				</petclinic:menuItem>
 
 			</ul>

src/main/webapp/WEB-INF/tags/pivotal.tag

@@ -4,7 +4,7 @@
 <br/>
 <div class="container">
     <div class="row">
-        <div class="col-12 text-center"><img src="<spring:url value="/resources/images/spring-pivotal-logo.png" htmlEscape="true" />"
+        <div class="col-12 text-center"><img src="<spring:url value="/resources/images/eslogan.png" htmlEscape="true" />"
                                              alt="Sponsored by Pivotal"/></div>
     </div>
 </div>