Skip to content

Commit 2cc55b7

Browse files
rydawsrydaws
committed
added comments
1 parent b4ec215 commit 2cc55b7

File tree

4 files changed

+88
-34
lines changed

4 files changed

+88
-34
lines changed

‎components/nav.html

+34-16
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,36 @@
1-
<nav class="navbar navbar-expand-lg navbar-light bg-light">
2-
<div class="container-fluid">
3-
<a class="navbar-brand" href="../index.html">
4-
<img src="../img/book.svg" width="30" height="30" class="d-inline-block align-top" alt="Logo">
5-
Ryan's Reviews
6-
</a>
7-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
8-
<span class="navbar-toggler-icon"></span>
9-
</button>
10-
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
11-
<div class="navbar-nav">
12-
<a class="nav-item nav-link active" href="/index.html">Home </a>
13-
<a class="nav-item nav-link" href="/pages/about.html">About</a>
14-
<a class="nav-item nav-link" href="/pages/newreview.html">Add Review</a>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
11+
<div class="container-fluid">
12+
<a class="navbar-brand" href="../index.html">
13+
<img src="../img/book.svg" width="30" height="30" class="d-inline-block align-top" alt="Logo">
14+
Ryan's Reviews
15+
</a>
16+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
17+
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
18+
<span class="navbar-toggler-icon"></span>
19+
</button>
20+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
21+
<div class="navbar-nav">
22+
<a class="nav-item nav-link active" href="/index.html">Home </a>
23+
<a class="nav-item nav-link" href="/pages/about.html">About</a>
24+
<a class="nav-item nav-link" href="/pages/newreview.html">Add Review</a>
25+
</div>
1526
</div>
1627
</div>
17-
</div>
18-
</nav>
28+
</nav>
29+
</body>
30+
</html>
31+
32+
<!--
33+
CSS and JS import - Bootstrap
34+
Book & Mail Icon property of Bootstrap
35+
License embeded within CSS and JS page
36+
-->

‎index.html

+9-4
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,24 @@
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<!-- CSS only -->
8+
<!-- Bootstrap CSS import -->
99
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
1010
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
11+
<!-- My style sheet -->
1112
<link rel="stylesheet" href="./css/styles.css">
1213
<title>Ryan's Reviews</title>
1314
</head>
1415

1516
<body>
16-
<a name="top"></a>
17+
<!-- Intrapage Link -->
18+
<a id="top"></a>
19+
20+
<!-- Sticks nav bar to top when scroll -->
1721
<div class="sticky-top">
1822
<script id="replace_with_navbar" src="../js/nav.js"></script>
1923
</div>
20-
24+
25+
<!-- Contains reviews -->
2126
<div class="container text-center">
2227
<div class="row">
2328
<div class="col">
@@ -93,8 +98,8 @@ <h3>Review 4</h3>
9398
</div>
9499
</div>
95100
</div>
101+
<!-- Footer with intrapage link and email -->
96102
<footer>
97-
98103
<div class="sticky-bottom">
99104
<p><a href="#top" class="email">Go to top</a></p>
100105
<a href="mailto:rdawson@albany.edu" class="email">

‎pages/about.html

+22-6
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,23 @@
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<!-- CSS only -->
9-
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
8+
<!-- CSS only -->
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
1011
<link rel="stylesheet" href="../css/styles.css">
1112
<title>Ryan's Reviews</title>
1213
</head>
1314

1415
<body>
15-
<a name="top"></a>
16+
<!-- Intrapage Link -->
17+
<a id="top"></a>
18+
19+
<!-- Sticks nav bar to top when scroll -->
1620
<div class="sticky-top">
1721
<script id="replace_with_navbar" src="../js/nav.js"></script>
1822
</div>
23+
24+
<!-- Contains photo and biography -->
1925
<div class="content">
2026
<img src="../img/image0.jpg" class="rounded" alt="Ryan Photo">
2127
<div class="bio">
@@ -37,14 +43,24 @@ <h2>Author: Ryan Dawson</h2>
3743
feugiat nunc. Ut tincidunt faucibus posuere. Maecenas hendrerit elit nulla, non malesuada ligula tempor in.
3844
</div>
3945
</div>
46+
47+
<!-- Footer with intrapage link and email -->
4048
<footer>
4149
<p><a href="#top" class="email">Go to top</a></p>
4250
<a href="mailto:rdawson@albany.edu" class="email">
4351
<img src="../img/envelope.svg" class="mailImg" alt="Mail Icon">
4452
Email me!</a>
4553
</footer>
46-
<!-- JavaScript Bundle with Popper -->
47-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
54+
<!-- JavaScript Bundle with Popper -->
55+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
56+
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
57+
crossorigin="anonymous"></script>
4858
</body>
4959

50-
</html>
60+
</html>
61+
62+
<!--
63+
CSS and JS import - Bootstrap
64+
Book & Mail Icon property of Bootstrap
65+
License embeded within CSS and JS page
66+
-->

‎pages/newreview.html

+23-8
Original file line numberDiff line numberDiff line change
@@ -13,19 +13,21 @@
1313
</head>
1414

1515
<body>
16-
<a name="top"></a>
16+
<!-- Intrapage Link -->
17+
<a id="top"></a>
1718
<div class="sticky-top">
1819
<script id="replace_with_navbar" src="../js/nav.js"></script>
1920
</div>
2021

22+
<!-- Generates form with star rating -->
2123
<div class="container text-center">
2224
<div class="row">
2325
<div class="col">
2426
<form>
27+
<!-- Contains stars -->
2528
<div class="starGroup">
2629
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
27-
<input type="radio" class="btn-check" name="btnradio" id="btnradio1"
28-
checked>
30+
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
2931
<label class="btn btn-outline-warning" for="btnradio1"><svg
3032
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
3133
class="bi bi-star-fill" viewBox="0 0 16 16">
@@ -67,21 +69,26 @@
6769
</svg></label>
6870
</div>
6971
</div>
72+
<!-- Author name textbox-->
7073
<div class="mb-3">
7174
<input class="form-control" type="text" placeholder="Author's Name" aria-label="Author's Name">
7275
</div>
76+
<!-- Textbox to leave review -->
7377
<div class="form-floating">
7478
<textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
7579
style="height: 500px"></textarea>
7680
<label for="floatingTextarea2">Leave review here...</label>
7781
</div>
82+
<!-- Submits review to be posted -->
7883
<div class="submitButton">
7984
<button type="submit" class="btn btn-success">Submit Review</button>
8085
</div>
8186
</form>
8287

83-
88+
8489
</div>
90+
91+
<!-- Preview of what will be submitted -->
8592
<div class="col">
8693
<h3>Preview</h3>
8794
<h5>Ryan Dawson</h5>
@@ -101,16 +108,24 @@ <h5>Ryan Dawson</h5>
101108
</div>
102109
</div>
103110
</div>
111+
112+
<!-- Footer with intrapage link and email -->
104113
<footer>
105114
<p><a href="#top" class="email">Go to top</a></p>
106-
<a href="mailto:rdawson@albany.edu" class="email">
107-
<img src="../img/envelope.svg" class="mailImg" alt="Mail Icon">
108-
Email me!</a>
115+
<a href="mailto:rdawson@albany.edu" class="email">
116+
<img src="../img/envelope.svg" class="mailImg" alt="Mail Icon">
117+
Email me!</a>
109118
</footer>
110119
<!-- JavaScript Bundle with Popper -->
111120
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
112121
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
113122
crossorigin="anonymous"></script>
114123
</body>
115124

116-
</html>
125+
</html>
126+
127+
<!--
128+
CSS and JS import - Bootstrap
129+
Book & Mail Icon property of Bootstrap
130+
License embeded within CSS and JS page
131+
-->

0 commit comments

Comments
 (0)