* styled the flag dialog a little

* added a modal dialog background

Src/VideoGameQuotes.Api/Quote.cs

@@ -2,6 +2,7 @@
 using System.Collections.Generic;
 using System.Linq;
 using System.Text.RegularExpressions;
+using System.Web;
 using Iesi.Collections.Generic;
 using Portoa.Persistence;
 using Portoa.Search;
@@ -162,6 +163,10 @@ namespace VideoGameQuotes.Api {
 	public static class QuoteExtensions {
 		private static readonly Regex urlFriendlyRegex = new Regex(@"[^A-Za-z0-9_-]");
 
+		public static string FormatTextForHtml(this Quote quote) {
+			return HttpUtility.HtmlEncode(quote.Text).Replace("&#39;", "&rsquo;").Replace("\n", "<br />");
+		}
+
 		public static string GetUrlFriendlyText(this Quote quote) {
 			var text = urlFriendlyRegex.Replace(quote.Text.Replace(" ", "_").Replace("\n", ""), "");
 			return text.Substring(0, Math.Min(text.Length, 50));

Src/VideoGameQuotes.Api/VideoGameQuotes.Api.csproj

@@ -59,6 +59,7 @@
     <Reference Include="System.ComponentModel.DataAnnotations" />
     <Reference Include="System.Core" />
     <Reference Include="Microsoft.CSharp" />
+    <Reference Include="System.Web" />
   </ItemGroup>
   <ItemGroup>
     <Compile Include="ApiException.cs" />

Src/VideoGameQuotes.Web/Controllers/QuoteController.cs

@@ -50,7 +50,7 @@ namespace VideoGameQuotes.Web.Controllers {
 		}
 
 		[HttpPost, VerifyUser]
-		public JsonResult Report(ReportModel model) {
+		public JsonResult Flag(ReportModel model) {
 			if (!ModelState.IsValid) {
 				return Json(this.CreateJsonErrorResponse("Invalid request"));
 			}

Src/VideoGameQuotes.Web/Global.asax.cs

@@ -78,7 +78,7 @@ namespace VideoGameQuotes.Web {
 			routes.MapRoute("browse", "browse/{*qualifiers}", new { controller = "Quote", action = "Browse" });
 			routes.MapRoute("search", "search/{*searchQuery}", new { controller = "Quote", action = "Search" });
 			routes.MapRoute("quote-task", "quote/{action}/{id}", new { controller = "Quote" }, new { action = "edit", id = @"\d+" });
-			routes.MapRoute("quote", "{action}", new { controller = "Quote" }, new { action = "submit|recent|random|vote|report" });
+			routes.MapRoute("quote", "{action}", new { controller = "Quote" }, new { action = "submit|recent|random|vote|flag" });
 			routes.MapRoute("dismiss-flag", "dismiss-flag", new { controller = "Quote", action = "DismissFlag" });
 			routes.MapRoute("individual-quote", "quote/{id}/{*text}", new { controller = "Quote", action = "Quote" }, new { id = @"\d+" });
 			routes.MapRoute("default", "{controller}", new { controller = "home", action = "index" });

Src/VideoGameQuotes.Web/Views/Quote/Best.aspx

@@ -1,7 +1,7 @@
 <%@ Page Title="" Language="C#" Inherits="System.Web.Mvc.ViewPage<VideoGameQuotes.Web.Models.PagedModelWithUser<VideoGameQuotes.Api.Quote>>" MasterPageFile="~/Views/Shared/Site.Master" %>
 <%@ Import Namespace="Portoa.Web.Models" %>
 <%@ Import Namespace="VideoGameQuotes.Web.Models" %>
-<asp:Content runat="server" ID="Title" ContentPlaceHolderID="TitleContent">Best: <%= Model.Start %>&ndash;<%= Model.End %></asp:Content>
+<asp:Content runat="server" ID="Title" ContentPlaceHolderID="TitleContent">Best</asp:Content>
 <asp:Content runat="server" ID="Main" ContentPlaceHolderID="MainContent">
 
 	<% Html.RenderPartial("PagingMenu", new PagingMenuModel(Model) { Action = "best", Controller = "quote" }); %>

Src/VideoGameQuotes.Web/Views/Shared/MainMenu.ascx

@@ -6,7 +6,6 @@
 							<li><%= Html.ActionLink("Browse", "browse", "Quote", new { qualifiers = "" }, new { title = "Browse the quote database" })%></li>
 							<li><%= Html.ActionLink("Random", "random", "Quote", null, new { title = "View a random quote" })%></li>
 							<li><%= Html.ActionLink("Submit", "submit", "Quote", null, new { title = "Submit a new quote" }) %></li>
-							<li><%= Html.ActionLink("About", "about", "Home", null, new { title = "About the site" })%></li>
 							<% if (Model.User != null && Model.User.Group >= UserGroup.Admin) { %>
 							<li><%= Html.ActionLink("Admin", "index", "admin", null, new { title = "Perform administrative tasks" }) %></li>
 							<% } %>

Src/VideoGameQuotes.Web/Views/Shared/SingleQuote.ascx

@@ -15,7 +15,7 @@
 			</div>
 
 			<div class="quote-text">
-				<%: Model.Quote.Text %>
+				<%= Model.Quote.FormatTextForHtml() %>
 			</div>
 		</div>
 

Src/VideoGameQuotes.Web/Views/Shared/Site.Master

@@ -37,6 +37,7 @@
 			<div id="footer">
 				<p>
 					&copy; <%= DateTime.UtcNow.Year %> <a href="http://tommymontgomery.com/" title="Who is this man?">Tommy Montgomery</a><br />
+					<%= Html.ActionLink("about", "about", "home") %> |
 					<% if (!Request.IsAuthenticated) { %>
 					<a href="#" id="login-link">login</a>
 					<% } else { %>

Src/VideoGameQuotes.Web/media/css/global.css

@@ -115,13 +115,9 @@ ul.menu {
 	color: #000000;
 	font-size: 80%;
 	padding: 5px;
-	position: absolute;
-	top: 0;
-	left: 0;
+	position: fixed;
 }
 
-
-
 .contact-form textarea {
 	width: 100%;
 }
@@ -191,10 +187,10 @@ ul.menu {
 .button-link {
 	background-color: #FFFFFF;
 	padding: 2px 2px 2px 18px;
-	border: 1px solid #000000 !important;
+	border: 1px solid #999999 !important;
 	color: #000000 !important;
-}
-.checkbox-table {
+	text-decoration: none;
+	font-weight: bold;
 }
 
 #browse-default-menu li {
@@ -285,6 +281,18 @@ ul.menu {
 	width: 100px !important;
 }
 
+#modal-background {
+	z-index: 999;
+	background-color: #000000;
+	opacity: .5;
+	filter: alpha(opacity=50);
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
 #footer {
 	text-align: center;
 	font-size: 75%;

Src/VideoGameQuotes.Web/media/css/quote.css

@@ -85,8 +85,19 @@
 	width: 100px;
 }
 
-.report-dialog {
+.flag-dialog {
 	width: 400px;
+	border: 2px ridge #000000;
+	background-color: #EEEEEE;
+}
+.flag-dialog textarea {
+	width: 394px;
+	height: 64px;
+}
+.flag-dialog .submit-container {
+	margin-top: 10px;
+	margin-bottom: 5px;
+	text-align: center;
 }
 .quote-flag-link, .quote-permalink {
 	padding-left: 16px;