diff --git a/TESTING.md b/TESTING.md
index 865fff2..1f90741 100644
--- a/TESTING.md
+++ b/TESTING.md
@@ -26,24 +26,36 @@ The testing.md file provides an overview of the testing conducted on Travel Tick
### HTML Validation
[W3C Markup Validation](https://validator.w3.org/) is a service provided by the W3C that allows you to validate your HTML code against the official specifications. It checks for syntax errors, improper tag usage, and other issues that may affect the structure and semantics of your web pages. Validating your HTML code with W3C Markup Validation helps ensure that your pages are well-formed and adhere to web standards.
-All pages passed through the validation and the code was pasted in and I used a filter to remove issues related to the Django templating system. See filter
![Result]()See filter
Screenshot of result
![Result]()Screenshot of result
-
-## Manual Testing
-
-
+## Manual testing
### Testing user stories UPDATE
#### As a first-time user...
diff --git a/docs/testing/html-filter.png b/docs/testing/html-filter.png
new file mode 100644
index 0000000..c563082
Binary files /dev/null and b/docs/testing/html-filter.png differ
diff --git a/docs/testing/html.png b/docs/testing/html.png
new file mode 100644
index 0000000..e926e91
Binary files /dev/null and b/docs/testing/html.png differ
diff --git a/src/index.css b/src/index.css
index 9ca0d19..a5965a6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,15 +13,15 @@
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
@@ -29,13 +29,17 @@ code {
background-color: white;
}
- h1, h2, h3, h4, h5 {
- font-family: 'Lato' sans-serif;
+h1,
+h2,
+h3,
+h4,
+h5 {
+ font-family: "Lato", sans-serif;
color: var(--clr-accent-dark);
-}
+}
p {
- font-family: 'Roboto', sans-serif;
+ font-family: "Roboto", sans-serif;
color: var(--clr-accent-dark);
}
@@ -45,4 +49,4 @@ p {
border-color: var(--clr-accent-dark);
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(72, 102, 113, 0.25);
-}
\ No newline at end of file
+}
diff --git a/src/styles/AlertMessages.module.css b/src/styles/AlertMessages.module.css
index 695b5c0..7be7ed8 100644
--- a/src/styles/AlertMessages.module.css
+++ b/src/styles/AlertMessages.module.css
@@ -1,7 +1,7 @@
.alert-warning-custom {
- background-color: var(--clr-accent-pink);
- color: var(--clr-primary-light);
- border: 1px solid var(--clr-accent-pink);
- padding: 8px;
- margin-top: 2px;
-}
\ No newline at end of file
+ background-color: var(--clr-accent-pink);
+ color: var(--clr-primary-light);
+ border: 1px solid var(--clr-accent-pink);
+ padding: 8px;
+ margin-top: 2px;
+}
diff --git a/src/styles/Asset.module.css b/src/styles/Asset.module.css
index 5b18c18..f5927ef 100644
--- a/src/styles/Asset.module.css
+++ b/src/styles/Asset.module.css
@@ -1,13 +1,13 @@
.Asset {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- min-height: 120px;
- }
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ min-height: 120px;
+}
- @media screen and (max-width: 500px) {
- .Asset img {
- width: 90%;
- }
- }
\ No newline at end of file
+@media screen and (max-width: 500px) {
+ .Asset img {
+ width: 90%;
+ }
+}
diff --git a/src/styles/Avatar.module.css b/src/styles/Avatar.module.css
index 59a9179..30427bd 100644
--- a/src/styles/Avatar.module.css
+++ b/src/styles/Avatar.module.css
@@ -1,5 +1,5 @@
.Avatar {
- border-radius: 50%;
- margin: 0px 8px 0px 8px;
- object-fit: cover;
-}
\ No newline at end of file
+ border-radius: 50%;
+ margin: 0px 8px 0px 8px;
+ object-fit: cover;
+}
diff --git a/src/styles/Button.module.css b/src/styles/Button.module.css
index ecc8b30..fc0863e 100644
--- a/src/styles/Button.module.css
+++ b/src/styles/Button.module.css
@@ -1,64 +1,64 @@
.Button {
- font-size: 0.8rem;
- align-self: center;
- border-radius: 10px;
- border-color: transparent;
- padding: 4px 10px;
- margin-left: 2px;
- margin-right: 2px;
- min-width: 75px;
- }
-
- .Button:hover {
- opacity: 0.8;
- border-color: transparent;
- cursor: pointer;
- }
-
- .Button:hover:active {
- background-color: var(--clr-accent-dark) !important;
- }
-
- .Button:active {
- background-color: var(--clr-accent-dark) !important;
- }
-
- .Wide {
- padding: 10px 50px;
- width: 100%;
- }
-
- .Blue,
- .BlueOutline:hover {
- background-color: var(--clr-accent-dark);
- color: #ffffff;
- }
-
- .BlueOutline,
- .Blue:hover {
- background-color: var(--clr-accent-light);
- color: var(--clr-primary-light);
- }
-
- .Pink,
- .PinkOutline:hover {
- background-color: var(--clr-accent-danger);
- color: var(--clr-primary-light);
- }
-
- .Pink:hover,
- .PinkOutline {
- background-color: var(--clr-accent-pink);
- color: var(--clr-primary-light);
- }
-
- .Bright {
- background-color: var(--clr-primary-light);
- color: var(--clr-accent-dark);
- border-color: var(--clr-accent-dark);
- }
+ font-size: 0.8rem;
+ align-self: center;
+ border-radius: 10px;
+ border-color: transparent;
+ padding: 4px 10px;
+ margin-left: 2px;
+ margin-right: 2px;
+ min-width: 75px;
+}
- .Bright:hover {
- background-color: var(--clr-accent-danger);
- color: var(--clr-primary-light);
- }
\ No newline at end of file
+.Button:hover {
+ opacity: 0.8;
+ border-color: transparent;
+ cursor: pointer;
+}
+
+.Button:hover:active {
+ background-color: var(--clr-accent-dark) !important;
+}
+
+.Button:active {
+ background-color: var(--clr-accent-dark) !important;
+}
+
+.Wide {
+ padding: 10px 50px;
+ width: 100%;
+}
+
+.Blue,
+.BlueOutline:hover {
+ background-color: var(--clr-accent-dark);
+ color: #ffffff;
+}
+
+.BlueOutline,
+.Blue:hover {
+ background-color: var(--clr-accent-light);
+ color: var(--clr-primary-light);
+}
+
+.Pink,
+.PinkOutline:hover {
+ background-color: var(--clr-accent-danger);
+ color: var(--clr-primary-light);
+}
+
+.Pink:hover,
+.PinkOutline {
+ background-color: var(--clr-accent-pink);
+ color: var(--clr-primary-light);
+}
+
+.Bright {
+ background-color: var(--clr-primary-light);
+ color: var(--clr-accent-dark);
+ border-color: var(--clr-accent-dark);
+}
+
+.Bright:hover {
+ background-color: var(--clr-accent-danger);
+ color: var(--clr-primary-light);
+}
diff --git a/src/styles/Comment.module.css b/src/styles/Comment.module.css
index e396953..5dc8dca 100644
--- a/src/styles/Comment.module.css
+++ b/src/styles/Comment.module.css
@@ -29,5 +29,5 @@ p {
display: flex;
flex-direction: column-reverse;
align-items: flex-start >;
- padding-left: 5px
+ padding-left: 5px;
}
diff --git a/src/styles/Counter.module.css b/src/styles/Counter.module.css
index b1c9c70..55c01f7 100644
--- a/src/styles/Counter.module.css
+++ b/src/styles/Counter.module.css
@@ -1,6 +1,6 @@
.counter {
- color: var(--clr-accent-dark);
- font-family: 'Roboto', sans-serif;
- font-size: small;
- padding: 5px;
-}
\ No newline at end of file
+ color: var(--clr-accent-dark);
+ font-family: "Roboto", sans-serif;
+ font-size: small;
+ padding: 5px;
+}
diff --git a/src/styles/MoreDropdown.module.css b/src/styles/MoreDropdown.module.css
index b6b5a3d..6c7166d 100644
--- a/src/styles/MoreDropdown.module.css
+++ b/src/styles/MoreDropdown.module.css
@@ -11,5 +11,5 @@
}
.Dots {
- margin-left: 10px;
-}
\ No newline at end of file
+ margin-left: 10px;
+}
diff --git a/src/styles/NavBar.module.css b/src/styles/NavBar.module.css
index 8597247..2deffa9 100644
--- a/src/styles/NavBar.module.css
+++ b/src/styles/NavBar.module.css
@@ -26,5 +26,5 @@
}
.RotatedIcon {
- transform: rotate(-45deg)
-}
\ No newline at end of file
+ transform: rotate(-45deg);
+}
diff --git a/src/styles/NotFound.module.css b/src/styles/NotFound.module.css
index 9cbdcce..a7af0d2 100644
--- a/src/styles/NotFound.module.css
+++ b/src/styles/NotFound.module.css
@@ -1,3 +1,3 @@
.marginTop {
- margin-top: 25vh;
-}
\ No newline at end of file
+ margin-top: 25vh;
+}
diff --git a/src/styles/Post.module.css b/src/styles/Post.module.css
index 8c3f17c..7e1ba0a 100644
--- a/src/styles/Post.module.css
+++ b/src/styles/Post.module.css
@@ -13,7 +13,7 @@ h5 {
.TitleText {
color: var(--clr-accent-dark);
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
}
.Heart {
@@ -37,4 +37,4 @@ h5 {
display: flex;
align-items: stretch;
justify-content: center;
-}
\ No newline at end of file
+}
diff --git a/src/styles/SignInUpForm.module.css b/src/styles/SignInUpForm.module.css
index e4d6c3c..21492b5 100644
--- a/src/styles/SignInUpForm.module.css
+++ b/src/styles/SignInUpForm.module.css
@@ -1,48 +1,40 @@
.Row {
- height: calc(100vh - 81px);
- }
- .Input {
- background: var(--clr-primary-pink);
- border: 1px solid var(--clr-accent-light);
- box-sizing: border-box;
- border-radius: 10px;
- color: var(--clr-accent-dark);
- text-align: center;
- padding: 8px;
- }
-
- .Header {
- font-style: normal;
- font-weight: bold;
- font-size: 24px;
- line-height: 19px;
- text-align: center;
- letter-spacing: 0.2em;
- text-transform: uppercase;
- color: var(--clr-accent-dark);
- margin-bottom: 30px;
- }
-
- .Link {
- text-decoration: none;
- text-align: center;
- display: block;
- margin: auto;
- }
-
- .Link span {
- color: var(--clr-accent-pink);
- font-weight: 500;
- }
-
- .Container {
- padding: 30px 10px;
- }
-
- /* .SignInCol {
- height: 320px;
- }
-
- .SignUpCol {
- height: 375px;
- } */
+ height: calc(100vh - 81px);
+}
+.Input {
+ background: var(--clr-primary-pink);
+ border: 1px solid var(--clr-accent-light);
+ box-sizing: border-box;
+ border-radius: 10px;
+ color: var(--clr-accent-dark);
+ text-align: center;
+ padding: 8px;
+}
+
+.Header {
+ font-style: normal;
+ font-weight: bold;
+ font-size: 24px;
+ line-height: 19px;
+ text-align: center;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--clr-accent-dark);
+ margin-bottom: 30px;
+}
+
+.Link {
+ text-decoration: none;
+ text-align: center;
+ display: block;
+ margin: auto;
+}
+
+.Link span {
+ color: var(--clr-accent-pink);
+ font-weight: 500;
+}
+
+.Container {
+ padding: 30px 10px;
+}
diff --git a/src/styles/TravelerPage.module.css b/src/styles/TravelerPage.module.css
index cfd20bc..e22edb5 100644
--- a/src/styles/TravelerPage.module.css
+++ b/src/styles/TravelerPage.module.css
@@ -1,27 +1,27 @@
.TravelerImage {
- object-fit: cover;
- height: 120px;
- width: 120px;
- margin: 4px;
+ object-fit: cover;
+ height: 120px;
+ width: 120px;
+ margin: 4px;
}
@media screen and (max-width: 991px) {
- .TravelerImage {
- width: 250px;
- height: 250px;
- }
+ .TravelerImage {
+ width: 250px;
+ height: 250px;
+ }
}
.Info i {
- font-size: 1rem;
+ font-size: 1rem;
}
@media screen and (max-width: 770px) {
- .Info {
- flex-direction: column;
- }
+ .Info {
+ flex-direction: column;
+ }
- .Info i {
- padding: 5px;
- }
-}
\ No newline at end of file
+ .Info i {
+ padding: 5px;
+ }
+}
diff --git a/src/styles/Variables.module.css b/src/styles/Variables.module.css
deleted file mode 100644
index 26dbf97..0000000
--- a/src/styles/Variables.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-:root {
- --clr-primary-light: rgb(243, 243, 243);
- --clr-primary-dark: rgb(35 32 14);
-
- --clr-neutral-light: rgb(255, 250, 243);
-
- --clr-accent-pink: rgb(160 108 131);
- --clr-accent-light: rgb(186 200 205);
- --clr-accent-dark: rgb(72 102 113);
- }
-
\ No newline at end of file