Browse Source

A good place to stop - Site looks good - added github links and Lesser Evil

master
Adam Cooper 5 years ago
parent
commit
f0b79fe5e1
  1. 10
      css/stylesheet.css
  2. 31
      index.html
  3. 10
      js/index.js

10
css/stylesheet.css

@ -385,6 +385,16 @@ nav a {
margin-bottom: 60px;
}
.projectGitHubLink {
margin-left: 10px;
position: relative;
top: -3px;
}
.projectGitHubLink img {
width: 36px;
}
#bioText {
width: 600px;
height: 600px;

31
index.html

@ -59,19 +59,38 @@
<div id="projectsPanel" class="panel">
<div id="projectsHeader" class="hot">projects</div>
<div class="projectSummary">
<h3><a href="http://theadamcooper.com:2005" target="_blank">Wheels Within Wheels</a></h3>
<h3>
<a href="http://theadamcooper.com:2005" target="_blank">Wheels Within Wheels</a>
<span class="projectGitHubLink"><a href="https://github.com/amcooper/wheels-within-wheels" target="_blank"><img src="images/github-64-black.png"></a></span>
</h3>
<p class="longText">The (Ruby/Sinatra) CRUD app that makes (MEAN) CRUD apps. You may never need to make a CRUD app again.</p>
</div>
<div class="projectSummary">
<h3><a href="http://theadamcooper.com:2002" target="_blank">Much Better Speeches</a></h3>
<h3>
<a href="#" target="_blank">Lesser Evil</a>
<span class="projectGitHubLink"><a href="https://github.com/amcooper/lesser-evil-cli-app" target="_blank"><img src="images/github-64-black.png"></a></span>
</h3>
<p class="longText">a Ruby CLI gem for exploring the presidential election via the passion of the Twittersphere</p>
</div>
<div class="projectSummary">
<h3>
<a href="http://theadamcooper.com:2002" target="_blank">Much Better Speeches</a>
<span class="projectGitHubLink"><a href="https://github.com/amcooper/much_better_speeches" target="_blank"><img src="images/github-64-black.png"></a></span>
</h3>
<p class="longText">Fill in the blanks in history's greatest speeches and make them better. Much better. Built with JavaScript and AngularJS.</p>
</div>
<div class="projectSummary">
<h3><a href="http://theadamcooper.com:2001" target="_blank">Choperator</a></h3>
<h3>
<a href="http://theadamcooper.com:2001" target="_blank">Choperator</a>
<span class="projectGitHubLink"><a href="https://github.com/amcooper/choperator" target="_blank"><img src="images/github-64-black.png"></a></span>
</h3>
<p class="longText">Real-time chat application. Built with JavaScript, WebSockets, and Node.js.</p>
</div>
<div class="projectSummary">
<h3><a href="http://theadamcooper.com:2000/index.html" target="_blank">Dinosaur Spaceship</a></h3>
<h3>
<a href="http://theadamcooper.com:2000/index.html" target="_blank">Dinosaur Spaceship</a>
<span class="projectGitHubLink"><a href="https://github.com/amcooper/dinosaur_spaceship" target="_blank"><img src="images/github-64-black.png"></a></span>
</h3>
<p class="longText">A library and e-reader. Built with JavaScript and Node.js.</p>
</div>
</div>
@ -88,7 +107,7 @@
</div>
</div>
<nav id="floatingNav" class="nn">
<!-- <nav id="floatingNav" class="nn">
<div id="fNavTop">
<div id="fHomeLink" class="navLink">
<a href="#" class="navBullet" id="homeHoverHide">&bull;</a>
@ -134,7 +153,7 @@
</li>
</ul>
</div>
</nav>
</nav> -->
<div id="backdrop">
<video poster="images/thumbnails/adam_vintage_letters_clip.png" autoplay muted> <!-- Add "loop" in here in production. -->

10
js/index.js

@ -163,6 +163,16 @@ $( document ).ready(function() {
// } else {
$( '#aboutLink' ).click( function() {
// console.log('Clicking "a" scrolls to Bio panel.');
$( '#bioPanel' ).velocity("scroll", { duration: 1500, easing: "easeInOutSine" });
});
$( '#projectsLink' ).click( function() {
// console.log('Clicking "p" scrolls to Projects panel.');
$( '#projectsPanel' ).velocity("scroll", { duration: 1500, easing: "easeInOutSine" });
});
$( '#maboutLink' ).click( function() {
// console.log('Clicking "a" scrolls to Bio panel.');
$( '#bioPanel' ).velocity("scroll", { duration: 1500, easing: "easeInOutSine" });

Loading…
Cancel
Save