diff --git a/tests/src/.well-known/security.txt b/tests/src/.well-known/security.txt new file mode 100644 index 0000000..01b2cb0 --- /dev/null +++ b/tests/src/.well-known/security.txt @@ -0,0 +1,4 @@ +Contact: mailto:olivia.a.brooks77@gmail.com +Expires: 2026-06-01T04:00:00.000Z +Acknowledgments: https://www.cutieguwu.ca/acknowledgements.html +Preferred-Languages: en, fr diff --git a/tests/src/img/background.png b/tests/src/img/background.png new file mode 100644 index 0000000..874b2f1 Binary files /dev/null and b/tests/src/img/background.png differ diff --git a/tests/src/img/test-favicon.jpg b/tests/src/img/test-favicon.jpg new file mode 100755 index 0000000..c6b2ce9 Binary files /dev/null and b/tests/src/img/test-favicon.jpg differ diff --git a/tests/src/index.html b/tests/src/index.html new file mode 100644 index 0000000..7a52837 --- /dev/null +++ b/tests/src/index.html @@ -0,0 +1,28 @@ + + + + + + Home | Cutieguwu + + + + + + + + + +
+

lorem ipsum etc idk what else there is in this latin phrase

+
+ + + + diff --git a/tests/src/nav.html b/tests/src/nav.html new file mode 100644 index 0000000..59a50d1 --- /dev/null +++ b/tests/src/nav.html @@ -0,0 +1,69 @@ + + + + + + + + + + + + + diff --git a/tests/src/robots.txt b/tests/src/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/tests/src/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/tests/src/style.css b/tests/src/style.css new file mode 100644 index 0000000..8c956a7 --- /dev/null +++ b/tests/src/style.css @@ -0,0 +1,157 @@ +* { + margin: 0; + padding: 0; + /*outline: 1px solid red;*/ +} + +h1 { + font-size: 3.3vh; +} + +h2 { + font-size: 2.5vh; +} + +p { + font-size: 1.65vh; +} + +a { + font-size: 1.65vh; +} + +hr { + margin: 1.25vh; +} + +.viewport { + height: 100vh; + width: 100vw; + background-image: url(img/background.png); + background-position: center; + background-size: cover; + background-blend-mode: multiply; + align-items: flex-start; + display: flex; + flex-flow: row wrap; +} + +.nav_pane { + padding: 1em; + gap: 1em; + width: min-content; + align-content: start; + display: grid; + float: left; +} + +.nav_logo { + color: lightpink; + font-family: Arial, Helvetica, sans-serif; + text-align: center; + height: fit-content; +} + +.nav_menu { + list-style: none; + min-width: fit-content; + display: grid; + grid-auto-flow: row; + row-gap: 1em; +} + +.nav_body { + background-color: rgba(0, 0, 0, 50%); + border-radius: 50cqh; + height: auto; + transition: 0.4s ease-out; +} + +.nav_body:hover { + transform: scaleX(1.15); + transition: 0s ease-in; +} + +.nav_body:hover * { + color: darkviolet; + transition: 0s ease-out; +} + +.nav_title:hover { + color: darkviolet; + transition: 0s ease-out; +} + +.nav_title { + text-decoration-line: none; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + white-space: nowrap; + font-size: 1.65vh; + padding-left: 1cqw; + padding-right: 1cqw; + transition: 0.4s ease-out; + float: left; + text-transform: uppercase; + color: lightpink; +} + +.dropdown { + list-style: none; +} + +.dropdown .dropdown_header { + display: grid; + grid-template-columns: 1fr min-content; + grid-auto-flow: column; +} + +.dropdown_header ion-icon { + margin-right: 0.5vw; + align-self: center; + width: 1.65vh; + height: 1.65vh; + float: right; + color: lightpink; + transition-duration: 0.25s; +} + +.dropdown_body { + display: none; + border-bottom-left-radius: 1em; + border-bottom-right-radius: 1em; + background-color: rgba(0, 0, 0, 50%); +} + +.dropdown:hover .dropdown_body { + display: grid; +} + +.dropdown:hover .dropdown_header { + transform: scaleX(1.15); +} + +.dropdown:hover .dropdown_header ion-icon { + rotate: 90deg; + transition-duration: 0.25s; +} + +.dropdown_body:hover { + display: grid; +} + +.main_pane { + padding: 1rem; + background-color: rgba(0, 0, 0, 50%); + color: white; +} + +.error_pane { + padding: 1rem; + width: max-content; + margin: auto; /* center object */ + text-align: center; + background-color: rgba(0, 0, 0, 50%); + color: white; + border-radius: 1cqh; +}