Permalink
Browse files

First Pages Test Commit

  • Loading branch information...
0 parents commit 333c830a0529e2e4252b50c8bf0202b60f7266fb sprjr committed Jul 25, 2011
Showing with 384 additions and 0 deletions.
  1. +11 −0 README.md
  2. +89 −0 _content/slides.txt
  3. +126 −0 css/display.css
  4. +36 −0 js/jquery.fittext.js
  5. +54 −0 js/main.js
  6. +68 −0 slideshow.html
@@ -0,0 +1,11 @@
+# README for WDD_Slides Project
+by Stephen Rivas JR
+
+About:
+This project is a personal endeavor during a short break from my degree at Full Sail University. It's base intent is to take things I've learned that may or may not be apparent during the degree, and pass them on to other students.
+
+As its starting to evolve, I eventually hope for the project to be upgraded in the future through other students. I'm using a few tools and technologies that I feel are really nice and could possibly be of benefit during multiple stages of the degree. At it's core, its an HTML/CSS slideshow with tips & tricks. I'm also developing it primarily through Cloud9 IDE, as well as an open GitHub repository.
+
+On top of that I plan to store all the information in a Cloudant database based on CouchDB so that in the future perhaps the slides can be curated to remain as relevant as possible.
+
+My goal currently is that rebuilding this project or adding to it will benefit students looking to explore these technologies and their resilience on an application scale similar to WDD_Slides.
@@ -0,0 +1,89 @@
+# Text-Only Version of Slides
+# To be inserted in Cloudant/CouchDB later
+
+
+## Title: Template
+# Author:
+# Category:
+# Caption:
+# Links: [ link, link ]
+# Body:
+#
+#
+#
+#########
+
+
+## Title: Pay Attention, Ask Questions
+# Author: sprjr
+# Category: lectures
+# Caption: "It costs you more than $40/hr to either learn or browse Facebook. Pick one."
+# Links:
+# Body: At Full Sail, the tuition is not cheap. Not paying attention to lectures, or being engaged by asking questions is very costly. You'll end up asking later when you're stuck on homework, or struggling to get a C. At roughly $2500 per 60 hour course, how much are you paying someone to talk while you keep up with Facebook, Reddit, or iChat? Is that worth it to you?
+#
+#########
+
+## Title: Labs are actually the best place to work.
+# Author: sprjr
+# Category: homework
+# Caption: "I can't focus here, I'll just goof around and then do homework tomorrow before it's due."
+# Links:
+# Body: This was me for the first 12 or so months of the degree. The reality is, I couldn't have been more wrong. Stop making excuses that you can't focus in lab because all you can think about is going home. Take a legitimate amount of time, and focus on preparing for and starting your homework. If you can't be creative in labs, do the tedious things that don't have to do with creativity like research & study. Your projects, grades, and portfolio will thank you.
+#
+#########
+
+## Title: It's Not Them vs. You
+# Author: sprjr
+# Category: attitude
+# Caption: "I'm not paying $3000 for [ yadda, yadda, yadda ]"
+# Links:
+# Body: You'll hear this, probably more than once. You might even say it - you feel like you're paying too much money and not learning what you think you need to be learning. Guess what? You actually are, you just don't have the experience to recognize it yet. More teachers at Full Sail know what they are doing than not; learn to trust them and make sure you're picking up on what they are teaching you - even if it doesn't seem right.
+#
+#########
+
+## Title: Don't just achieve, over-achieve.
+# Author: sprjr
+# Category: homework
+# Caption: "Getting an A only means you got an A and can follow directions. You're better than that."
+# Links:
+# Body: Full Sail is a traditional college about as much as a monkey is a traditional college. There are rubrics and grading systems in order to keep things headed the right direction. If you get an assignment done, go further. Challenge yourself. Learn to fail or get stuck so you can problem solve, don't just sit there trying to get points checked off in a category for your report card.
+#
+#########
+
+## Title: Curate a Twitter account professionally.
+# Author: sprjr
+# Category: extras
+# Caption: "Being involved with your peers at school and in the industry is invaluable."
+# Links: [ "http://www.twitter.com" ]
+# Body: Twitter allows you to see concise and useful updates from your teachers, class mates, alumni, and industry professionals. It introduces you to their resources, mistakes, and other tips or tricks. Avoid hip trendy hastags about the new Justin Bieber song, and actually reach out to people who can help you get better at what you do. Start following and interacting with the kind of web professionals that you yourself want to be.
+#
+#########
+
+## Title: No really, the teachers aren't against you.
+# Author: sprjr
+# Category: attitude
+# Caption: "Stop thinking you need spoonfed, accept their challenge to fail."
+# Links:
+# Body: You don't need everything answered or given to you. Some courses put you out on your own because they are trying to teach you to teach yourself. It's not that you're paying $3000 to learn on Google, it's that your paying $3000 to learn how to teach yourself and when you fail (not if) they'll be right there to help you get back on track. This is a great time in your life to make a lot of mistakes, because they'll always be around to help.
+#
+#########
+
+## Title: Quit complaining.
+# Author: sprjr
+# Category: attitude
+# Caption: "No seriously, quit it."
+# Links:
+# Body: There's a difference between joking around and legitimately bemoaning your homework plight to your peers. "All that extra busy work" you hate is actually really good for you. The more effecient you get at it and the more positive your attitude the better you'll do later in the degree. Learn to accept the task at hand in a focused, organized fashion and just shut up and kill it.
+#
+#########
+
+## Title: You + Web Studios; Win.
+# Author: sprjr
+# Category: extras
+# Caption: "Take time to get to know real world designers and developers."
+# Links:
+# Body: I took the time to go on "field trips" to (so far) 4 companies in my area. I really just said "Hey, I'm curious about how this all works in the real world; can I stop by?" All of them were more than happy to have us down and give us the grand tour, as well as answer questions. I would highly recommend it, especially since you hope to some day work with and for these people.
+#
+#
+#
+#########
@@ -0,0 +1,126 @@
+/*
+ *
+ * Project: WDD_Slides
+ * Author: Stephen Rivas JR
+ * Website: http://www.stephenrivasjr.com
+ *
+ */
+
+
+
+/*
+ * General / Uncategorized --------------------------------------------- /
+ */
+
+html {
+ background: #E1E1E1;
+}
+
+body {
+ background: #F0F0F0;
+ padding: 0;
+ margin: 0 auto;
+ font: 62.5%/1.7 'Helvetica Neue', Futura, Helvetica, Verdana, sans-serif;
+ box-shadow: 0 0 15px rgba(0,0,0,.2);
+}
+
+.clear {
+ clear: both;
+}
+
+
+/*
+ * Navigation / Utility Bar --------------------------------------------- /
+ */
+
+nav {
+ margin: 0 auto 0 auto;
+ text-align: center;
+ background: rgba(255,255,255,.5);
+ border-bottom: 4px dashed white;
+ overflow: hidden;
+}
+
+nav ul {
+ width: 450px;
+ padding: 0;
+ margin: 0 auto;
+ list-style: none;
+}
+
+nav li {
+ float: left;
+ overflow: hidden;
+ font-family: 'Nothing You Could Do', cursive;
+ font-size: 2em;
+ height: 30px;
+ width: 150px;
+}
+
+nav li:nth-child(4), nav li:nth-child(5) {
+ font-size: 1.1em;
+ width: 225px;
+ text-align: center;
+ margin: 15px 0 0;
+}
+
+nav li a:link, nav li a:visited, nav li a:active {
+ text-decoration: none;
+ margin: 0 10px;
+ color: #E0941B;
+ text-shadow: 2px 2px 2px rgba(0,0,0,0);
+ -webkit-transition: all .1s ease-in;
+}
+
+nav li a.menu:hover {
+ -webkit-transition: none;
+ font-size: 1em;
+}
+
+nav li a:hover {
+ color: #F5A018;
+ font-size: 1.2em;
+ text-shadow: 2px 2px 2px rgba(120,79,14,.4);
+}
+
+/*
+ * Slideshow --------------------------------------------- /
+ */
+
+#slideshow {
+ clear: both;
+ margin: 15px auto;
+ overflow: hidden;
+}
+
+#slideshow h1 {
+ font: 4em 'Candal', sans-serif;
+ width: 100%;
+ padding: 2% 5%;
+ margin: 0;
+}
+
+.slide-body {
+ font: 2em 'Rosario', sans-serif;
+ width: 60%;
+ float: right;
+ padding: 0 2%;
+}
+
+.slide-caption {
+ font: 3em 'Nothing You Could Do', cursive;
+ width: 30%;
+ float: right;
+ border-right: 2px solid orange;
+ padding: 0 15px;
+}
+
+/*
+ * Footer --------------------------------------------- /
+ */
+
+footer {
+ padding: 0 5%;
+ clear: both;
+ margin: 0 auto;
+}
@@ -0,0 +1,36 @@
+/*global jQuery */
+/*!
+* FitText.js 1.0
+*
+* Copyright 2011, Dave Rupert http://daverupert.com
+* Released under the WTFPL license
+* http://sam.zoy.org/wtfpl/
+*
+* Date: Thu May 05 14:23:00 2011 -0600
+*/
+
+(function( $ ){
+
+ $.fn.fitText = function( kompressor ) {
+
+ return this.each(function(){
+ var $this = $(this); // store the object
+ var origFontSize = parseFloat($this.css('font-size')); // init the font sizes
+ var compressor = kompressor || 1; // set the compressor
+
+ // Resizer() resizes items based on the object width divided by the compressor * 10
+ var resizer = function () {
+ $this.css('font-size', Math.min($this.width() / (compressor*10), origFontSize));
+ };
+
+ // Call once to set.
+ resizer();
+
+ // Call on resize. Opera debounces their resize by default.
+ $(window).resize(resizer);
+
+ });
+
+ };
+
+})( jQuery );
@@ -0,0 +1,54 @@
+var slides = {},
+ idList = [],
+ current = 0;
+
+var initSlides = function(data) {
+ slides = data;
+
+ for (var slide in slides) {
+ idList.push(slide);
+ }
+};
+
+var loadSlide = function() {
+ var body = $('.slide-body'),
+ caption = $('.slide-caption p'),
+ title = $('#slideshow h1'),
+ metaList = $('.slide-meta'),
+ links = $('.slide-links'),
+ currentSlide = slides[idList[current]],
+ slideShow = $('#slideshow');
+
+ slideShow.animate({opacity: 0}, function(){
+ body.html('<p>' + currentSlide.body + '</p>');
+ caption.html('&quot;' + currentSlide.caption + '&quot;');
+ title.text(currentSlide.title);
+ slideShow.animate({opacity: 1});
+ });
+}
+
+$(function(){
+
+ $('#slideshow h1').fitText();
+
+ loadSlide();
+
+ $('a[href="previous"]').bind('click', function(){
+ current = (current == 0)? idList.length-1 : current-1;
+ loadSlide();
+ return false;
+ });
+
+ $('a[href="next"]').bind('click', function(){
+ current = (current == idList.length-1)? 0 : current+1;
+ loadSlide();
+ return false;
+ });
+
+ $('a[href="start-over"]').bind('click', function(){
+ current = 0;
+ loadSlide();
+ return false;
+ });
+
+});
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>WDD_Slides Cloud Development Project</title>
+
+ <!-- CSS Documents -->
+ <link rel="stylesheet" type="text/css" href="css/display.css">
+ <link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do&v2' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Rosario&v2' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Candal&v2' rel='stylesheet' type='text/css'>
+
+ <!-- jQuery, jQuery Couch, & Other JavaScript Documents -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
+ <script type="text/javascript" src="http://sprjr.cloudant.com/_utils/script/jquery.couch.js"></script>
+ <script type="text/javascript" src="js/jquery.fittext.js"></script>
+ <script type="text/javascript" src="js/main.js"></script>
+ <script type="text/javascript" src="https://sprjr.cloudant.com/wdd_slides/_design/slides/_list/slides-json/all?callback=initSlides"></script>
+</head>
+
+<body>
+<header>
+ <nav>
+ <ul>
+ <li><a href="previous">Previous</a></li>
+ <li><a href="start-over">Start Over</a></li>
+ <li><a href="next">Next</a></li>
+ <li class="clear">Category: <a href="" class="menu">All</a></li>
+ <li>Author: <a href="" class="menu">sprjr</a></li>
+ </ul>
+ </nav>
+</header>
+
+<article id="slideshow">
+
+ <h1>#Slide_Title#</h1>
+
+ <section class="slide-body">
+ <p>Slide is loading...</p>
+ </section>
+
+ <section class="slide-caption">
+ <p>Caption is loading...</p>
+ </section>
+
+ <aside id="" class="clear">
+ <section id="slide_meta">
+ <ul class="slide-meta">
+ <li>#Slide_Author#</li>
+ <li>#Slide_category#</li>
+ </ul>
+ </section>
+
+ <section id="slide_links">
+ <ul class="slide-links">
+ <li>#Slide_Link#</li>
+ <li>#Slide_Link#</li>
+ <li>#Slide_Link#</li>
+ </ul>
+ </section>
+</aside>
+</article>
+
+<footer>
+ <h2>WDD_Slides Cloud Development Project</h2>
+ <p>By Stephen Rivas JR</p>
+</footer>
+</body>
+</html>

0 comments on commit 333c830

Please sign in to comment.