base flow

This commit is contained in:
Jake Visser 2017-07-05 13:09:56 -07:00
commit db850eecfd
12 changed files with 705 additions and 10 deletions

View file

@ -10,11 +10,9 @@ namespace qcbadge.Controllers
{
public IActionResult Index(string s)
{
if ((String.Compare(Startup.scode, s, true) == 0))
{
ViewData["Message"] = "Code Good";
ViewData["Message"] = "";
return View();
}
else { return StatusCode(401); }

View file

@ -1,5 +1,672 @@
@{
ViewData["Title"] = "Home Page";
ViewData["Title"] = "World View";
}
<p>@ViewData["Message"]</p>
<!-- ROW ONE -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/right.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 1 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerright.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 2 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 2 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 3 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/right.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 3 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/up.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 4 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 4 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerright.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 5 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/right.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 5 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 6 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/right.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 6 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerright.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerright.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/down.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 7 -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/right.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 7 ARROWS -->
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerleft.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/lowerleft.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<!-- ROW 8 -->
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="arrow" src="~/images/left.png">
</div>
</div>
<div class="square">
<div class="content">
<img class="icon" src="~/images/clear.png">
</div>
</div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>
<div class="square"><div class="content"> </div></div>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"]</title>
<title>QC Badge - @ViewData["Title"]</title>
<link rel="stylesheet" type="text/css" href="~/css/site.css">
</head>

View file

@ -8,6 +8,16 @@
<PackageTargetFallback>$(PackageTargetFallback);portable-net45+win8+wp8+wpa81;</PackageTargetFallback>
<UserSecretsId>96719452-ec83-4ff8-b4ca-8e67a417ce96</UserSecretsId>
</PropertyGroup>
<ItemGroup>
<Content Include="wwwroot\images\clear.png" />
<Content Include="wwwroot\images\down.png" />
<Content Include="wwwroot\images\left.png" />
<Content Include="wwwroot\images\lowerleft.png" />
<Content Include="wwwroot\images\lowerright.png" />
<Content Include="wwwroot\images\right.png" />
<Content Include="wwwroot\images\up.png" />
</ItemGroup>
<ItemGroup>
<PackageReference Include="Microsoft.ApplicationInsights.AspNetCore" Version="2.1.0" />
<PackageReference Include="Microsoft.AspNetCore" Version="1.1.2" />
@ -21,8 +31,5 @@
<ItemGroup>
<DotNetCliToolReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Tools" Version="1.0.1" />
</ItemGroup>
<ItemGroup>
<Folder Include="wwwroot\images\" />
</ItemGroup>
</Project>

View file

@ -1,4 +1,4 @@
div.mainold {
mainold {
background-color: lightgrey;
width: 600px;
border: 5px solid black;
@ -7,7 +7,7 @@
text-align: left;
}
div.disclaim {
disclaim {
background-color: lightgrey;
width: 600px;
border: 5px solid black;
@ -16,7 +16,30 @@ div.disclaim {
text-align: left;
}
body {
font-size: 36pt;
background-color: Gainsboro;
align-content: center;
}
.square {
float: left;
position: relative;
width: 4.545%;
padding-bottom: 4.545%; /* = width for a 1:1 aspect ratio */
margin: 0%;
background-color: #f4f4f4;
overflow: hidden;
}
.content {
position: absolute;
height: 100%; /* = 100% - 2*10% padding */
width: 100%; /* = 100% - 2*5% padding */
padding: 0% 0%;
}
img {
width: 100%;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB