Skip to content

Commit c86da29

Browse files
Add files via upload
1 parent 663f4ef commit c86da29

File tree

8 files changed

+289
-211
lines changed

8 files changed

+289
-211
lines changed

tsa-site/browse.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
<link rel="icon" type="image/x-icon" href="https://www.google.com/s2/favicons?sz=16&domain_url=https://tsaweb.org">
99
<link rel="stylesheet" href="tsa.css">
1010
</head>
11+
1112
<body>
1213
<a class="skip-to-content" href="#main-content">Skip to content</a>
1314
<header>
@@ -23,13 +24,16 @@ <h1>
2324
<li><a href="form.html">Submit A Resource</a></li>
2425
</ul>
2526
</nav>
27+
2628
<main id="main-content">
29+
2730
</main>
31+
2832
<footer>
2933
<p>
3034
This page was made as a project for TSA's 2025 "Webmaster" theme.
3135
</p>
3236
</footer>
3337
</body>
3438

35-
</html>
39+
</html>

tsa-site/form.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ <h1>
6363
<p>
6464
<label for="referrer">How did you hear about us?</label><br>
6565
<select multiple id="referrer" name="referrer">
66-
<option value="Search Engine">Search Engine (Google, Bing, DuckDuckGo, etc.)</option>
66+
<option value="Search Engine">Search Engine (Google, Bing, etc.)</option>
6767
<option value="Facebook">Facebook</option>
6868
<option value="Word of Mouth">Word of Mouth</option>
6969
<option value="Other">Other</option>
@@ -96,4 +96,4 @@ <h1>
9696
</footer>
9797
</body>
9898

99-
</html>
99+
</html>

tsa-site/highlights.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,4 +33,4 @@ <h1>
3333
</footer>
3434
</body>
3535

36-
</html>
36+
</html>

tsa-site/index.html

Lines changed: 50 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,50 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<title>Williamsburg Resource Hub</title>
8-
<link rel="icon" type="image/x-icon" href="https://www.google.com/s2/favicons?sz=16&domain_url=https://tsaweb.org">
9-
<link rel="stylesheet" href="tsa.css">
10-
</head>
11-
12-
<body>
13-
<a class="skip-to-content" href="#main-content">Skip to content</a>
14-
<header>
15-
<h1>
16-
<a href="index.html">Welcome to the Williamsburg Resource Hub!</a>
17-
</h1>
18-
</header>
19-
<br>
20-
<nav>
21-
<ul>
22-
<li><a href="browse.html">Browse</a></li>
23-
<li><a href="highlights.html">Highlights</a></li>
24-
<li><a href="form.html">Submit A Resource</a></li>
25-
</ul>
26-
</nav>
27-
<main id="main-content">
28-
<p>This is a place to see and learn more about the various resources available to our community, such as non-profits, support services, and community events. You can <a href="#searchTable">search</a> for a specific resources, <a href="browse.html">browse</a> the available ones, or just look at the <a href="highlights.html">highlights section</a>. You can also <a href="form.html">submit a resource</a> that you would like to be added to this site.</p>
29-
30-
<input type="text" id="searchInput" onkeyup="tableSearch()" placeholder="Search names...">
31-
32-
<table id="searchTable">
33-
<script src="table.js"></script>
34-
<tbody>
35-
<tr class="header">
36-
<th scope="row">Name</th>
37-
<th scope="row">Image</th>
38-
<th scope="row">Description</th>
39-
</tr>
40-
<tr>
41-
<td>Placeholder Name</td>
42-
<td>Placeholder Image</td>
43-
<td>Placeholder Description</td>
44-
</tr>
45-
</tbody>
46-
</table>
47-
</main>
48-
<footer>
49-
<p>
50-
This page was made as a project for TSA's 2025 "Webmaster" theme.
51-
</p>
52-
</footer>
53-
</body>
54-
55-
</html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Williamsburg Resource Hub</title>
8+
<link rel="icon" type="image/x-icon" href="https://www.google.com/s2/favicons?domain_url=https://tsaweb.org">
9+
<link rel="stylesheet" href="tsa.css">
10+
</head>
11+
12+
<body>
13+
<a class="skip-to-content" href="#main-content">Skip to content</a>
14+
<header>
15+
<h1>
16+
<a href="index.html">Welcome to the Williamsburg Resource Hub!</a>
17+
</h1>
18+
</header>
19+
<br>
20+
<nav>
21+
<ul>
22+
<li><a href="browse.html">Browse</a></li>
23+
<li><a href="highlights.html">Highlights</a></li>
24+
<li><a href="form.html">Submit A Resource</a></li>
25+
</ul>
26+
</nav>
27+
<main id="main-content">
28+
<p>
29+
This is a place to see and learn more about the various resources available to our community, such as non-profits, support services, and community events. You can <a href="#searchTable">search</a> for a specific resource, <a href="browse.html">browse</a> the available ones, or just look at the <a href="highlights.html">highlights</a>. You can also <a href="form.html">submit a resource</a> that you would like to be added to this site.
30+
</p>
31+
<script src="tablesearch.js"></script>
32+
<input type="text" id="searchInput" onkeyup="tableSearch()" placeholder="Search names...">
33+
<div id="table-container"></div>
34+
<script>
35+
fetch('table.html')
36+
.then(response => response.text())
37+
.then(data => {
38+
document.getElementById('table-container').innerHTML = data;
39+
});
40+
</script>
41+
42+
</main>
43+
<footer>
44+
<p>
45+
This page was made as a project for TSA's 2025 "Webmaster" theme.
46+
</p>
47+
</footer>
48+
</body>
49+
50+
</html>

tsa-site/table.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<table id="searchTable">
2+
<script src="tablesearch.js"></script>
3+
<tbody>
4+
<tr class="header">
5+
<th scope="row">Name</th>
6+
<th scope="row">Image</th>
7+
<th scope="row">Description</th>
8+
</tr>
9+
<tr>
10+
<td><a href="http://whitleycountyfiscalcourt.com/animal.asp">Animal Control</a></td>
11+
<td><img src="https://www.thecountyinsider.com/uploads/2/4/7/0/24700962/aco-week_orig.jpg" alt="Animal Control officers standing in front of an Animal Services Enforcement truck."></td>
12+
<td>Placeholder Description</td>
13+
</tr>
14+
<tr>
15+
<td>placeholder name 2</td>
16+
<td><img src="https://media.whas11.com/assets/WHAS/images/b0a42904-939a-45a5-8c05-a431cff615eb/b0a42904-939a-45a5-8c05-a431cff615eb_1140x641.jpg" alt="dog"></td>
17+
<td>placeholder very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long description 2</td>
18+
</tr>
19+
</tbody>
20+
</table>

tsa-site/tablesearch.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
function tableSearch() {
2+
var input, filter, table, tr, td, i, txtValue;
3+
input = document.getElementById("searchInput");
4+
filter = input.value.toUpperCase();
5+
table = document.getElementById("searchTable");
6+
tr = table.getElementsByTagName("tr");
7+
8+
for (i = 0; i < tr.length; i++) {
9+
td = tr[i].getElementsByTagName("td")[0];
10+
if (td) {
11+
txtValue = td.textContent || td.innerText;
12+
if (txtValue.toUpperCase().indexOf(filter) > -1) {
13+
tr[i].style.display = "";
14+
} else {
15+
tr[i].style.display = "none";
16+
}
17+
}
18+
}
19+
}

tsa-site/template.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>TSA Webmaster</title>
8+
<link rel="icon" type="image/x-icon" href="https://www.google.com/s2/favicons?sz=16&domain_url=https://tsaweb.org">
9+
<link rel="stylesheet" href="tsa.css">
10+
</head>
11+
12+
<body>
13+
<a class="skip-to-content" href="#main-content">Skip to content</a>
14+
<header>
15+
<h1>
16+
<a href="index.html">Welcome to the Resource Hub!</a>
17+
</h1>
18+
</header>
19+
<br>
20+
<nav>
21+
<ul>
22+
<li><a href="browse.html">Browse</a></li>
23+
<li><a href="highlights.html">Highlights</a></li>
24+
<li><a href="form.html">Submit A Resource</a></li>
25+
</ul>
26+
</nav>
27+
<main id="main-content">
28+
</main>
29+
<footer>
30+
<p>
31+
This page was made as a project for TSA's 2025 "Webmaster" theme.
32+
</p>
33+
</footer>
34+
</body>
35+
36+
</html>

0 commit comments

Comments
 (0)