Add initial shell of site

5 years ago · 4c92df64ec
9 changed files with 130 additions and 0 deletions
--- a/css/styles.css
+++ b/css/styles.css
@ -0,0 +1,94 @@
 :root {
    --main-bg-color: #568ea3;
    --main-card-bg-color: #E96400;
    --main-highlight-color: #a40e4c;
 }
 ::selection {
    background: var(--main-highlight-color); /* WebKit/Blink Browsers */
 }
  ::-moz-selection {
    background: var(--main-highlight-color); /* Gecko Browsers */
 }
 * {
    box-sizing: border-box;
 }
 html {
    height: 100%;
    scroll-behavior: smooth;
 }
 body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    height: 100%;
    background-color: var(--main-bg-color);
 }
 h1 {
    all: initial;
 }
 h1 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: white;
    padding-right: 8px;
    font-size: 23.5px;
 }
 a {
    color: white;
 }
 a:hover {
    color: var(--main-highlight-color);
 }
 .Navbar {
    background-color: var(--main-card-bg-color);
    display: flex;
    padding: 16px;
    font-family: 'Roboto', sans-serif;
    color: white;
 }
 .Navbar__Link {
    padding-right: 8px;
    font-size: 18.5px;
 }
 .Navbar__Link-brand {
    padding-right: 8px;
    font-size: 18.5px;
 }
 .Navbar__Link a,
 h1 {
    color: white;
 }
 .Navbar__Link a:link {
    text-decoration: none;
 }
 .Navbar__Link a:visited {
    text-decoration: none;
 }
 .Navbar__Link a:hover {
    text-decoration: underline;
 }
 .Navbar__Link a:active {
    text-decoration: underline;
 }
 .Navbar__Items {
    display: flex;
 }
 .Navbar__Items--right {
    margin-left: auto;
 }
--- a/index.html
+++ b/index.html
@ -0,0 +1,35 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <title>Impact of Poaching on Ecosystems</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="This biology project looks into the impact of poaching on ecosystems.">
    <meta charset="UTF-8">
    <link href="css/styles.css" rel="stylesheet" media="screen">
    <link rel="manifest" href="static/site.webmanifest">
    <link rel="apple-touch-icon" sizes="180x180" href="static/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="static/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="static/icons/favicon-16x16.png">
 </head>
 <body>
  <!-- Top Navbar -->
  <div class="Navbar">
    <div class="Navbar__Link Navbar__Link-brand">
      <h1><a href="#">Impact of Poaching on Ecosystems</a></h1>
    </div>
    <nav class="Navbar__Items Navbar__Items--right">
      <div class="Navbar__Link">
          <a href="mailto:ravi@yeetpc.com">Contact Me</a>
      </div>
    </nav>
  </div>
  <!-- End Top Navbar -->
  <script src="js/redirects.js"></script>
 </body>
 </html>
--- a/static/icons/android-chrome-192x192.png
+++ b/static/icons/android-chrome-192x192.png
--- a/static/icons/android-chrome-512x512.png
+++ b/static/icons/android-chrome-512x512.png
--- a/static/icons/apple-touch-icon.png
+++ b/static/icons/apple-touch-icon.png
--- a/static/icons/favicon-16x16.png
+++ b/static/icons/favicon-16x16.png
--- a/static/icons/favicon-32x32.png
+++ b/static/icons/favicon-32x32.png
--- a/static/icons/favicon.ico
+++ b/static/icons/favicon.ico
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@ -0,0 +1 @@
 {"name":"Impact of Poaching on Ecosystems","short_name":"Poaching's Impact","icons":[{"src":"/static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}