jcreek/WhoAtX
1
0
Fork 0
mirror of https://github.com/jcreek/WhoAtX.git synced 2026-07-12 18:53:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7 from jcreek/2-add-homepage

Browse Source 
chore(#2): Add homepage
This commit is contained in:
Josh Creek
2023-09-14 21:20:23 +01:00
committed by GitHub
parent 79c83f8615 aa3e269480
commit 0ff3312c0c
1 changed files with 42 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WhoAtX/Views/Home/Index.cshtml
+42 -3
View File
@@ -2,7 +2,46 @@
ViewData["Title"] = "Home Page";
}
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="text-center">
<h1 class="display-4">Get Started</h1>
<p>e.g. "Who do I talk to about <i>something</i>?"</p>
</div>
<form id="search-form">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Ask a question..." id="search-query">
<div class="input-group-append">
<button class="btn btn-primary" type="submit">Search</button>
</div>
</div>
</form>
<div id="search-results" class="mt-4">
<!-- Results will be displayed here -->
</div>
</div>
</div>
</div>
@section scripts {
<script>
document.getElementById("search-form").addEventListener("submit", function (e) {
e.preventDefault();
const query = document.getElementById("search-query").value;
// TODO: Implement search functionality here and populate the results in the "search-results" div
// For now, you can use placeholder content
const resultsDiv = document.getElementById("search-results");
resultsDiv.innerHTML = '<p>Search results for: <strong>' + query + '</strong></p>';
resultsDiv.innerHTML += '<ul>';
resultsDiv.innerHTML += '<li>Result 1</li>';
resultsDiv.innerHTML += '<li>Result 2</li>';
resultsDiv.innerHTML += '</ul>';
});
</script>
}