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.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();

View File

@ -40,10 +40,33 @@
</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>
</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>
</div>
<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>
@ -52,6 +75,7 @@
</form>
</div>
<div style="margin:1em">
<h2>@b 1.21</h2>
<details>
<summary>Show @b <span class="bolder">version 1.21</span> servers</summary>
@ -124,3 +148,4 @@
</ul>
@ListServers(twoira)
</details>
</div>

View File

@ -5,7 +5,11 @@
}
<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">
<dl>
<dt>

View File

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

BIN
WebInterface/wwwroot/cp.mp4 Normal file

Binary file not shown.