From: Alexis Laferrière <alexis.laf@xymus.net>
Date: Sun, 14 Feb 2016 02:25:21 +0000 (-0500)
Subject: contrib/opportunity: revamp style of welcome page and use branding
X-Git-Url: http://nitlanguage.org?hp=fd1cbbbf32ac4f1dfaa6d34a6152e0b21234d6a1

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
--- 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
--- 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