diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2022-03-18 15:46:02 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2022-03-18 15:46:02 -0400 |
| commit | 537f4a8f2c1440237f767626e9a1e6b36d117828 (patch) | |
| tree | a6b25ac8ed4ea9ceea09e0baf1aebc4da37b3e90 | |
| parent | fd1c3a3fffe69cb5258c7868442d97bb873d5cf9 (diff) | |
| download | theuniversityedge-537f4a8f2c1440237f767626e9a1e6b36d117828.tar.xz theuniversityedge-537f4a8f2c1440237f767626e9a1e6b36d117828.zip | |
feat: basic scaffold, css, show/hide navigation
| -rw-r--r-- | desktop.css | 0 | ||||
| -rw-r--r-- | index.css | 29 | ||||
| -rw-r--r-- | index.php | 95 | ||||
| -rw-r--r-- | widescreen.css | 0 |
4 files changed, 124 insertions, 0 deletions
diff --git a/desktop.css b/desktop.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/desktop.css diff --git a/index.css b/index.css new file mode 100644 index 0000000..37bdccb --- /dev/null +++ b/index.css @@ -0,0 +1,29 @@ +html { + font-family: "Vollkorn", serif; +} + +a.closeMenu { + float: right; + display: none; +} + +#menu:target nav { + display: block; +} + +#menu:target a.openMenu { + display: none; +} + +a.openMenu { + float: right; +} + +#menu:target a.closeMenu { + display: block; +} + +nav { + background-color: red; + display: none; +} diff --git a/index.php b/index.php new file mode 100644 index 0000000..d9f2943 --- /dev/null +++ b/index.php @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>The University Edge</title> + <style> + <?php include('index.css'); ?> + </style> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Vollkorn&display=swap" rel="stylesheet"> + <link rel="stylesheet" href="/desktop.css" /> + <link rel="stylesheet" href="/widescreen.css" /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="description" content="++description++" /> + <meta property="og:description" content="++description++" /> + <meta + property="og:image" + content="http://theuniversityedge.com/assets/logo.webp" + /> + <meta + property="og:image:secure_url" + content="https://theuniversityedge.com/assets/logo.webp" + /> + <meta property="og:site_name" content="The University Edge" /> + <meta property="og:title" content="The University Edge" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://theuniversityedge.com" /> + </head> + + <body id="menu"> + <main> + <nav> + <a class="closeMenu" href="#"> + <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> + <path fill="#ffffff" + d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /> + </svg> + </a> + <a href="/#"><img src="/assets/logo-simple.png" /></a> + <a href="/#contact">Contact Me</a> + <a href="/#reviews">Reviews</a> + <a href="/about">About</a> + <a href="/policies">Policies</a> + <a href="/#pricing">Pricing</a> + <a href="/#offerings">Offerings</a> + </nav> + <a class="openMenu" href="#menu"> + <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> + <path fill="#195970" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /> + </svg> + </a> + <section> + <p> + Nostrum eum pariatur pariatur qui libero dolores modi incidunt. + Tempora asperiores nostrum asperiores non nihil. Dolores adipisci quia + sed aut excepturi. Nobis harum perspiciatis molestiae atque. + </p> + + <p> + Reprehenderit quaerat maiores voluptas non reiciendis. Porro dicta + necessitatibus voluptatibus alias qui at quaerat. Non explicabo neque + impedit. Non velit amet accusantium aut itaque necessitatibus. Eveniet + sunt consequatur officia. + </p> + + <p> + Fugiat consequatur sunt officia neque magni nihil exercitationem. + Placeat fuga consequatur ipsa. Quia velit non aut dolor excepturi + impedit. Voluptates ipsa ut sunt consequatur quisquam. Nisi commodi + est qui id qui consequuntur. + </p> + + <p> + Recusandae deserunt ullam corrupti et. Quam est et voluptatum + consequatur. Voluptates quia suscipit in voluptates. + </p> + + <p> + Quia porro aliquam illum eius possimus reprehenderit hic. Sed + similique qui et. Eos aut illum veniam. Voluptas dolores minima et + dolor reiciendis. + </p> + </section> + </main> + + <footer> + <p> + © + <?php echo date('Y'); ?> + The University Edge. All rights reserved. + </p> + </footer> + </body> +</html> diff --git a/widescreen.css b/widescreen.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/widescreen.css |