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"}