Added started site pages.

msweet168 · Oct 13, 2018 · 6188e6b · 6188e6b
1 parent 743a001
commit 6188e6b
Show file tree

Hide file tree

Showing 6 changed files with 233 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+sftp-config.json
diff --git a/LandingPage/assets/css/styles.css b/LandingPage/assets/css/styles.css
@@ -0,0 +1,151 @@
+/*
+styles.css
+Station Controller
+
+Created by Mitchell Sweet on 10/11/18
+Copyright © 2018 Mitchell Sweet. All rights reserved.
+*/
+
+/* Universal */
+
+body {
+	font-family: 'Montserrat', sans-serif;
+	margin: 0;
+	padding: 0;
+}
+
+button {
+	appearance: none;
+	-webkit-appearance: none;
+}
+
+a {
+	margin: 0; 
+	padding: 0;
+}
+
+/* Nav Bar */
+
+#navbar {
+	width: 100%; 
+	height: 70px; 
+	position: fixed;
+	background-color: rgba(255, 255, 255, 0.7);
+	top: 0;
+	z-index: 1;
+	display: none;
+}
+
+#navTitle {
+	color: #1e1e1e;
+	font-weight: 400;
+	font-size: 1.7em;
+	margin-top: 20px; 
+	margin-left: 30px; 
+	float: left;
+	cursor: pointer;
+}
+
+#navGithub {
+	color: #1e1e1e;
+	float: right;
+	width: 30px; 
+	margin-right: 30px; 
+	margin-top: 14px; 
+	font-size: 35px; 
+	transition: color 0.5s;
+}
+
+#navGithub:hover {
+	color: #5e5d5d
+}
+
+/* Background */
+
+#background {
+	position: fixed;
+	bottom: 0; 
+	width: 100%; 
+	height: 100%;
+	background-size: cover;
+	background-image: url('../media/backgroundpic.jpg');
+	z-index: -1; 
+}
+
+#blur {
+	background-color: rgba(0, 0, 0, 0.6);
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%; 
+	height: 100%;
+	z-index: -1;
+}
+
+/* Title and Subtitle */
+
+#titleSection {
+	height: 93vh; 
+	width: 100%; 
+	top: 0;
+	text-align: center;
+}
+
+.titles {
+	color: white;
+}
+
+#title {
+	margin-top: 0;
+	padding-top: 35vh; 
+	font-size: 3em;
+}
+
+#subtitle {
+	font-size: 1.8em; 
+	font-weight: 300;
+}
+
+#gitLink {
+	text-align: center;
+	color: rgba(255, 255, 255, 0.8);
+	font-size: 22px; 
+	font-weight: 300;
+	transition: color 0.5s;
+	text-decoration: none;
+}
+
+#gitLink p {
+	padding-top: 22px; 
+}
+
+#gitLink:hover {
+	color: rgba(255, 255, 255, 0.5);
+}
+
+/* Intro */
+
+#intro {
+	width: 80%; 
+	display: block;
+	margin: 0 auto;
+	background-color: white; 
+	padding: 15px; 
+	border-radius: 8px; 
+}
+
+#introTitle {
+	margin: 0; 
+	padding: 0; 
+	text-align: center;
+	margin-bottom: 25px; 
+	margin-top: 15px; 
+}
+
+#introDesc {
+	margin-left: 25px;
+	margin-right: 25px; 
+}
+
+
+
diff --git a/LandingPage/assets/js/scripts.js b/LandingPage/assets/js/scripts.js
@@ -0,0 +1,26 @@
+/*
+* Scripts.js
+* Station Controller
+*
+* Created by Mitchell Sweet on 10/11/18
+* Copyright © 2018 Mitchell Sweet. All rights reserved.
+*/
+
+$(document).scroll(function() {
+	var y = $(this).scrollTop();
+	if (y > 280) {
+		$('#navbar').fadeIn();
+	} else {
+		$('#navbar').fadeOut();
+	}
+});
+
+function scrollToTop(scrollDuration) {
+    var scrollStep = -window.scrollY / (scrollDuration / 15),
+        scrollInterval = setInterval(function(){
+        if ( window.scrollY != 0 ) {
+            window.scrollBy( 0, scrollStep );
+        }
+        else clearInterval(scrollInterval); 
+    },15);
+}
diff --git a/LandingPage/assets/media/backgroundpic.jpg b/LandingPage/assets/media/backgroundpic.jpg
diff --git a/LandingPage/assets/media/headerpic.jpg b/LandingPage/assets/media/headerpic.jpg
diff --git a/LandingPage/index.html b/LandingPage/index.html
@@ -0,0 +1,55 @@
+<!-- 
+index.html
+Station Controller
+
+Created by Mitchell Sweet on 10/11/18
+Copyright © 2018 Mitchell Sweet. All rights reserved.
+-->
+
+<!doctype html>
+
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+
+	<title>Station Controller</title>
+
+	<meta name="viewport" content="width=device-width,initial-scale=1">
+	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800" rel="stylesheet">
+	<link rel="stylesheet" href="assets/css/styles.css">
+</head>
+
+<body>
+	<div id="navbar">
+		<h2 id="navTitle" onclick="scrollToTop(300);">Station Controller</h2>
+		<a href="https://github.com/msweet168/StationController" id="navGithub"><i class="fab fa-github"></i></a>
+	</div>
+	<div id="background"></div>
+ 	<div id="blur"></div>
+
+	<div id="titleSection"">
+ 		<h1 id="title" class="titles"><!-- <span style="color: orange;"> -->Station<!-- </span> --> Controller</h1>
+ 		<h2 id="subtitle" class="titles">A Project by Mitchell Sweet</h2>
+ 		<a href="https://github.com/msweet168/stationcontroller" id="gitLink"><p>Open Source on <i class="fab fa-github"></i></p></a>
+ 	</div>
+
+ 	<div id="intro"> 
+ 		<h1 id="introTitle">What is Station Controller?</h1>
+ 		<p id="introDesc">The goal was to bring a model roller coaster (made of the popular Knex building toy) to life using an Arduino and an iOS application. The iOS app communicates with an Arduino which controls the three motors and sensor incorporated into the station. This allows the operator to control the coaster and guest to interact with it.</p>
+ 	</div>
+
+
+
+
+
+
+
+
+
+
+	<script src="https://code.jquery.com/jquery-latest.js" type="text/javascript">
+	</script>
+	<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
+	<script src="assets/js/scripts.js"></script>
+</body>
+</html>