Permalink
Browse files

screenshots for slider

  • Loading branch information...
d1ffuz0r
d1ffuz0r committed Sep 20, 2012
1 parent ca9c575 commit 2ae8e61ced6a0a3dd806d4392b5f643801d6707b
View
@@ -151,18 +151,20 @@ a {
height:209px;
margin-left:45px;
margin-top:35px;
- background:url(../img/bg_slide01.png) no-repeat left top;
+ background:url(../img/slider/taskcoach.png) no-repeat left top;
}
.slide-meta {
float:left;
- width:440px;
- height:40px;
+ width:460px;
+ height:50px;
margin-top:160px;
color:#fff;
+ background: #323232;
}
.description {
+ padding: 2px;
width:340px;
- margin-left:10px;
+ margin-left:8px;
float:left;
}
.slide-meta .description h3 { font:bold Arial, Helvetica, sans-serif; }
@@ -173,6 +175,7 @@ a {
line-height:14px;
}
ul.controls {
+ padding: 5px;
display:block;
float:right;
list-style:none;
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
View
@@ -1,64 +1,42 @@
-/**
- * CSS Background Change Using MooTools (in a way that it isn't supposed to be used)
- *
- * DO NOT USE THIS FOR PRODUCTION. This is a very bad MooTools script that does not
- * use best practices for developing MooTools code. You should write flexible code
- * using MooTools classes. This is meant to be a 5-minute solution for a Photoshop design tutorial.
- * I'm going to say it again: DO NOT USE THIS FOR PRODUCTION.
- * See David Walsh's MooTools 1.2 Class Template: http://davidwalsh.name/mootools-12-class-template
- *
- * LICENSE: MIT License http://www.opensource.org/licenses/mit-license.php
- *
- * @author: Jacob Gube <jacob@sixrevisions.com>
- * @copyright: 2010-Present Design Instruct
- * @version: 0.1
- */
window.addEvent('domready', function(){
-
+
var position = 0;
var maxPosition = 2;
-
+
dealWithControls(position);
-
+
var images = new Array();
-
- // WTF?! #1
+
images[0] = new Array(
- 'DesignInstuct.com',
- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum imperdiet hendrerit. Quisque tincidunt aliquam',
- 'static/img/bg_slide01.png'
+ 'Task Coach',
+ 'Task Coach is a simple open source todo manager to keep track of personal tasks and todo lists.',
+ '/static/img/slider/taskcoach.png'
);
-
+
images[1] = new Array(
- 'Six Revisions',
+ 'Wing IDE',
'Fusce semper tortor a tellus ornare sed consequat diam elementum. In porta lacinia lacus id porttitor.',
- 'static/img/bg_slide02.png'
+ '/static/img/slider/wingide.png'
);
-
+
images[2] = new Array(
- 'A Tutorial',
+ 'Boa constructor',
'Morbi vestibulum imperdiet hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
- 'static/img/bg_slide03.png'
+ '/static/img/slider/boaconstruct.jpeg'
);
-
+
$$('.controls li').addEvent('click', function(){
var controlClicked = this.getProperty('class');
- //WOWOWIWOWWTF? Flexibility and reuse?? #2
position = (controlClicked=='left') ? position-1 : position+1;
-
dealWithControls(position);
-
- //OMFGWTF?! #3
$$('.description').set('html', '<h3>'+images[position][0]+'</h3><p>'+images[position][1]+'</p>');
-
$$('.slides-holder').tween('background','url('+images[position][2]+')');
-
+
});
-//MEGA WTF I WILL BURN IN BAD JAVASCRIPT CODER HELL #4
function dealWithControls(p){
if(p==0){
- $$('.left').fade('out');
+ $$('.left').fade('out');
} else if(p!=0) {
$$('.left').fade('in');
}
View
@@ -16,8 +16,8 @@ <h2 id="why-us">Why Choose wxPython?</h2>
<div class="slides-holder">
<div class="slide-meta">
<div class="description">
- <h3>wxpython.org</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum imperdiet hendrerit. Quisque tincidunt aliquam</p>
+ <h3>Task Coach</h3>
+ <p>Task Coach is a simple open source todo manager to keep track of personal tasks and todo lists.</p>
</div>
<ul class="controls">
<li class="left">Left</li>

0 comments on commit 2ae8e61

Please sign in to comment.