add tutorial video and some cosmetic stuff

This commit is contained in:
CommonLoon102 2020-02-01 02:33:53 +01:00
parent 2b518cc108
commit ede5ae500e
5 changed files with 125 additions and 82 deletions

View File

@ -79,6 +79,8 @@ namespace WebInterface
app.UseDeveloperExceptionPage(); app.UseDeveloperExceptionPage();
} }
app.UseStaticFiles();
app.UseRouting(); app.UseRouting();
app.UseAuthorization(); app.UseAuthorization();

View File

@ -40,10 +40,33 @@
</div>; </div>;
} }
<h1>The client EXE</h1> <h1>Welcome Bloodites!</h1>
<div class="bordered">
<p>Use this exe to connect: <a href="https://lerppu.net/wannabethesis/nblood/20200130-2151/">https://lerppu.net/wannabethesis/nblood/20200130-2151/</a></p> <p>Use this exe to connect: <a href="https://lerppu.net/wannabethesis/nblood/20200130-2151/">https://lerppu.net/wannabethesis/nblood/20200130-2151/</a></p>
</div>
<div id="for-noobs" class="bordered">
<p>
What to do with the <span class="code">command to join</span>?
Select and copy it to clipboard then paste it into the command line what you have opened in NBlood's directory.
Here is how to open a command prompt in NBlood's directory easily:
</p>
@*<iframe width="400"
height="226"
src="https://www.youtube.com/embed/bgSSJQolR0E?start=47"
frameborder="1"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>*@
<video width="400" height="226" controls>
<source src="~/cp.mp4" type="video/mp4">
<a href="https://www.invidio.us/latest_version?id=bgSSJQolR0E&itag=22" target="_blank" rel="nofollow noreferrer noopener">Video tutorial about how to open the command prompt.</a>
</video>
<p>Watch it on Youtube: <a href="https://youtu.be/bgSSJQolR0E?t=47" target="_blank" rel="nofollow noreferrer noopener">https://youtu.be/bgSSJQolR0E?t=47</a></p>
</div>
<div class="bordered">
<p><span class="bolder" style="font-size:larger">@Model.ManHoursPlayed</span> man-hours played since @Model.RunningSinceUtc</p> <p><span class="bolder" style="font-size:larger">@Model.ManHoursPlayed</span> man-hours played since @Model.RunningSinceUtc</p>
</div>
<div class="bordered" style="padding-left:1em;padding-bottom:1em"> <div class="bordered" style="padding-left:1em;padding-bottom:1em">
<p>If you want to play with friends only and keep your port secret, request a private server by clicking the button below:</p> <p>If you want to play with friends only and keep your port secret, request a private server by clicking the button below:</p>
@ -52,6 +75,7 @@
</form> </form>
</div> </div>
<div style="margin:1em">
<h2>@b 1.21</h2> <h2>@b 1.21</h2>
<details> <details>
<summary>Show @b <span class="bolder">version 1.21</span> servers</summary> <summary>Show @b <span class="bolder">version 1.21</span> servers</summary>
@ -124,3 +148,4 @@
</ul> </ul>
@ListServers(twoira) @ListServers(twoira)
</details> </details>
</div>

View File

@ -5,7 +5,11 @@
} }
<h1>@ViewData["Title"]</h1> <h1>@ViewData["Title"]</h1>
<div class="bordered" style="padding:4px"> <p>
If you want to play with friends only and keep your port secret,
request a private server by filling the below form:
</p>
<div class="bordered" style="padding:1em">
<form enctype="multipart/form-data" method="post"> <form enctype="multipart/form-data" method="post">
<dl> <dl>
<dt> <dt>

View File

@ -12,7 +12,8 @@
} }
.warning { .warning {
border: dashed 4px red; border: dashed 0.25em red;
padding: 1em;
font-weight: bold; font-weight: bold;
} }
@ -23,28 +24,39 @@
.main { .main {
margin: auto; margin: auto;
max-width: 900px; max-width: 900px;
padding: 10px; padding: 1em;
} }
.bordered { .bordered {
border: 2px solid cornflowerblue; border: 0.25em solid cornflowerblue;
padding-left: 1em; padding-left: 1em;
margin: 1em;
}
.crumb-button {
float: left;
margin-right: 1em;
} }
</style> </style>
</head> </head>
<body style="background-color: cornsilk"> <body style="background-color: cornsilk">
<div class="main"> <div class="main">
<header> <header>
<div style="float: left; margin-right: 1em;"> <div class="crumb-button">
<form method="get"> <form method="get">
<button asp-route="Home">Home</button> <button asp-route="Home">Home</button>
</form> </form>
</div> </div>
<div class="crumb-button">
<form method="get"> <form method="get">
<button asp-route="CustomMaps">Custom Maps</button> <button asp-route="CustomMaps">Custom Maps</button>
</form> </form>
</div>
<form method="get">
<button asp-route="RequestPrivateServer">Private Server</button>
</form>
<hr /> <hr />
<p>I live... Again!</p> <p style="font-style:italic">I live... Again!</p>
</header> </header>
<div> <div>

BIN
WebInterface/wwwroot/cp.mp4 Normal file

Binary file not shown.