inital commit

iamrojas · Jul 3, 2019 · 756b7f8 · 756b7f8
1 parent 08e504f
commit 756b7f8
Show file tree

Hide file tree

Showing 21 changed files with 8,703 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,38 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Build directories
+public
+dist
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+
+# Mac File System File...utterly useless to anyone but me.
+.DS_Store
+
+# AWS stuff for publishing static files
+.aws-credentials.json
+.awspublish*
diff --git a/design files/Bootstrap-4-Grid-System.sketch b/design files/Bootstrap-4-Grid-System.sketch
diff --git a/images/line.jpg b/images/line.jpg
diff --git a/images/mccann4.jpg b/images/mccann4.jpg
diff --git a/images/me.jpg b/images/me.jpg
diff --git a/images/mike-resume.pdf b/images/mike-resume.pdf
diff --git a/images/mocks.jpg b/images/mocks.jpg
diff --git a/images/preiss.jpg b/images/preiss.jpg
diff --git a/images/resite-clip.jpg b/images/resite-clip.jpg
diff --git a/images/resite-demo.jpg b/images/resite-demo.jpg
diff --git a/images/suite.jpg b/images/suite.jpg
diff --git a/images/tiger-bg.jpg b/images/tiger-bg.jpg
diff --git a/index.html b/index.html
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,82 @@
+
+$('.smooth').click(function(){
+    $('html, body').animate({
+      scrollTop: $( $.attr(this, 'href') ).offset().top
+    }, 500);
+    return false;
+  });
+
+
+
+
+let shapeAnime = new Waypoint({
+  element: document.getElementById('hero'),
+  handler: function(direction) {
+      anime({
+          targets: ['.st1', '.st2'],
+          opacity: [0, 1],
+          translateY: [-500, 0],
+          duration: 1500,
+          easing: 'easeOutQuad',
+          delay: function(el, index) {
+              return index * 10;
+          },
+      })
+  },
+  offset: 1000
+});
+
+let shape2Anime = new Waypoint({
+  element: document.getElementById('hero'),
+  handler: function(direction) {
+      anime({
+          targets: ['.st3' , '.st4'],
+          opacity: [0, 1],
+          translateX: [-250, 0],
+          duration: 1000,
+          easing: 'easeOutQuad',
+          delay: function(el, index) {
+              return index * 10;
+          },
+      })
+  },
+  offset: 1000
+});
+
+
+
+
+let aboutAnime = new Waypoint({
+    element: document.getElementById('about'),
+    handler: function(direction) {
+        anime({
+            targets: ['.about-left', '.about-right'],
+            opacity: [0, 1],
+            translateY: [-50, 0],
+            duration: 800,
+            easing: 'easeInOutQuad',
+            delay: function(el, index) {
+                return index * 400;
+            },
+        })
+    },
+    offset: 1000
+});
+
+
+let workAnime = new Waypoint({
+    element: document.getElementById('work'),
+    handler: function(direction) {
+        anime({
+            targets: ['.work__item'],
+            opacity: [0, 1],
+            translateY: [-50, 0],
+            duration: 800,
+            easing: 'easeInOutQuad',
+            delay: function(el, index) {
+                return index * 400;
+            },
+        })
+    },
+    offset: 1000
+});
diff --git a/misc.html b/misc.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="description" content="">
+	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
+	<title>Miscellaneous Projects| Michael Rojas - Designer & Developer</title>
+	<link rel="stylesheet" href="dist/css/main.css">
+	<link rel="stylesheet" href="https://use.typekit.net/izq6nbz.css">
+
+
+	<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Noto+Serif:400,700" rel="stylesheet">
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">
+</head>
+<body>
+	<section class="hero int" id="hero">
+        <header class="main-header">
+            <div class="grid-container">
+                <div class="main-logo">
+                    <a href="/">
+                        <svg  viewBox="0 0 243 269" xmlns="http://www.w3.org/2000/svg"><path d="M186.991 242.838c-.139 12.568-2.153 27.592-24.312 16.009a253.881 253.881 0 0 0-13.791-6.696c-.534 8.467-3.468 11.376-18.512 15.733-13.666 3.958-23.224-3.188-26.81-12.358C98.95 259.525 92.56 262 85.5 262c-13.223 0-24.096-8.684-25.374-19.802-55.383-17.6-73.665-61.237-50.004-91.77l.06-.078C3.93 141.46.544 128.09.544 113.14.543 86.378 30.639 45 49.355 45c9.106 0 12.819 9.794 14.23 22.934 13.5-8.032 32.832-12.977 62.298-12.977 38.064 0 59 7.662 71.78 19.884 2.62-11.048 6.65-18.839 13.603-17.985 14.988 1.84 34.433 42.724 31.42 67.255-1.509 12.297-5.06 23.158-10.114 30.701 17.865 37.277 6.398 73.48-45.581 88.026zm42.477-94.755c5.22-6.804 8.503-16.416 7.265-26.036-2.386-18.54-13.862-55.877-26.557-57.436-5.177-.635-8.445 4.432-10.676 12.078 16.96 17.91 18.494 44.633 29.968 71.394zM61.11 69.483C59.636 60.11 56.39 53.48 49.525 53.48c-15.853 0-35.61 38.617-41.346 58.23-3.317 11.343.278 23.416 6.966 31.582 16.88-26.366 19.552-56.428 45.965-73.809zm112.919 118.712c25.838-11.246 58.301-14.198 43.58-45.592-14.722-31.395-22.677-62.205-43.58-62.205-20.904 0-37.85 32.066-37.85 71.268 0 39.203 12.011 47.775 37.85 36.529zm-101.233 0c25.839 11.246 37.85 2.674 37.85-36.529 0-39.202-16.946-71.268-37.85-71.268-20.903 0-28.858 30.81-43.58 62.205-14.721 31.394 17.742 34.346 43.58 45.592zM126 222c10.493 0 19-7.139 19-12.55 0-5.412-8.507-8.45-19-8.45s-19 3.038-19 8.45c0 5.411 8.507 12.55 19 12.55zM122 0h11v40h-3.208L122 0zM90.54 14.06l9.225-5.99 20.696 31.87-2.69 1.746-27.232-27.625zM171 18.39L143.587 45 141 43.428 162.127 13 171 18.39z" fill="#FFF" fill-rule="nonzero"/></svg>
+                    </a>
+                </div>
+
+                <nav class="main-nav"> 
+                    <a href="/" class="main-nav__item smooth">Home</a>
+                    <a href="/#about" class="main-nav__item smooth">About</a>
+                    <a href="work.html" class="main-nav__item smooth">Work</a>
+                </nav>
+            </div>
+        </header>
+	</section>
+
+	<main class="main-content int">
+        <div class="grid-container">
+            <div class="grid-x">
+                <div class="cell">
+                    <h1 class="int-header">Miscellaneous Projects</h1>
+                </div>
+            </div>
+            <div class="grid-x">
+                <div class="cell">
+                    <img src="images/mocks.jpg" alt="">
+                </div>
+            </div>
+        </div>
+	</main>
+
+	<footer class="main-footer">
+		<div class="footer-logo">
+			<svg  viewBox="0 0 243 269" xmlns="http://www.w3.org/2000/svg"><path d="M186.991 242.838c-.139 12.568-2.153 27.592-24.312 16.009a253.881 253.881 0 0 0-13.791-6.696c-.534 8.467-3.468 11.376-18.512 15.733-13.666 3.958-23.224-3.188-26.81-12.358C98.95 259.525 92.56 262 85.5 262c-13.223 0-24.096-8.684-25.374-19.802-55.383-17.6-73.665-61.237-50.004-91.77l.06-.078C3.93 141.46.544 128.09.544 113.14.543 86.378 30.639 45 49.355 45c9.106 0 12.819 9.794 14.23 22.934 13.5-8.032 32.832-12.977 62.298-12.977 38.064 0 59 7.662 71.78 19.884 2.62-11.048 6.65-18.839 13.603-17.985 14.988 1.84 34.433 42.724 31.42 67.255-1.509 12.297-5.06 23.158-10.114 30.701 17.865 37.277 6.398 73.48-45.581 88.026zm42.477-94.755c5.22-6.804 8.503-16.416 7.265-26.036-2.386-18.54-13.862-55.877-26.557-57.436-5.177-.635-8.445 4.432-10.676 12.078 16.96 17.91 18.494 44.633 29.968 71.394zM61.11 69.483C59.636 60.11 56.39 53.48 49.525 53.48c-15.853 0-35.61 38.617-41.346 58.23-3.317 11.343.278 23.416 6.966 31.582 16.88-26.366 19.552-56.428 45.965-73.809zm112.919 118.712c25.838-11.246 58.301-14.198 43.58-45.592-14.722-31.395-22.677-62.205-43.58-62.205-20.904 0-37.85 32.066-37.85 71.268 0 39.203 12.011 47.775 37.85 36.529zm-101.233 0c25.839 11.246 37.85 2.674 37.85-36.529 0-39.202-16.946-71.268-37.85-71.268-20.903 0-28.858 30.81-43.58 62.205-14.721 31.394 17.742 34.346 43.58 45.592zM126 222c10.493 0 19-7.139 19-12.55 0-5.412-8.507-8.45-19-8.45s-19 3.038-19 8.45c0 5.411 8.507 12.55 19 12.55zM122 0h11v40h-3.208L122 0zM90.54 14.06l9.225-5.99 20.696 31.87-2.69 1.746-27.232-27.625zM171 18.39L143.587 45 141 43.428 162.127 13 171 18.39z" fill="#FFF" fill-rule="nonzero"/></svg>
+		</div>
+	</footer>
+
+	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+	<script src="js/main.js"></script>
+</body>
+</html>