contrib/opportunity: revamp style of welcome page and use branding

Signed-off-by: Alexis Laferrière <alexis.laf@xymus.net>

diff --git a/contrib/opportunity/src/opportunity_web.nit b/contrib/opportunity/src/opportunity_web.nit
index 05e8e4e..0815b4f 100644 (file)
--- a/contrib/opportunity/src/opportunity_web.nit
+++ b/contrib/opportunity/src/opportunity_web.nit
@@ -26,6 +26,7 @@ var iface = "localhost:8080"
 
 var vh = new VirtualHost(iface)
 vh.routes.add new Route("/rest/", new OpportunityRESTAction)
+vh.routes.add new Route("/static/", new FileServer("art"))
 vh.routes.add new Route(null, new OpportunityWelcome)
 
 var fac = new HttpFactory.and_libevent

diff --git a/contrib/opportunity/src/templates/welcome.nit b/contrib/opportunity/src/templates/welcome.nit
index 2d321da..0ea1cf2 100644 (file)
--- a/contrib/opportunity/src/templates/welcome.nit
+++ b/contrib/opportunity/src/templates/welcome.nit
@@ -23,18 +23,19 @@ class OpportunityHomePage
 
        init do
                body = """
-               <div class="page-header">
-               <h1 class="text-center">{{{"Welcome to Opportunity!"}}}</h1>
-                       </div>
-                       <p class="text-center">
-                               <p class="text-center">{{{"Opportunity is a free (as in free software), easy-to-use, meetup planner."}}}</p>
-                               <p class="text-center">{{{"You can start using it right now by creating a new Meetup and sharing it with your friends!"}}}</p>
-                               <p class="text-center">
-                               <form action="new_meetup">
-                               <button type="submit" class="btn btn-lg center-block btn-success">{{{"Create a Meetup"}}}</button>
-                               </form>
-                               </p>
-                       </p>
+<div class="container">
+       <p class="text-center"><img src="/static/opportunity.svg"></p>
+
+       <div class="jumbotron text-center">
+               <p>
+                       {{{"Opportunity is a free (as in free software), easy-to-use, meetup planner."}}}
+                       {{{"You can start using it right now by creating a new Meetup and sharing it with your friends!"}}}
+               </p>
+               <form action="new_meetup">
+                       <button type="submit" class="btn btn-lg center-block btn-success">{{{"Create a Meetup"}}}</button>
+               </form>
+       </div>
+</div>
 """
        end
 end