Skip to content

Commit

Permalink
worked out some IE8 issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@blackant
blackant committed Jan 20, 2011
1 parent 028de33 commit 097851e
Show file tree
Hide file tree
Showing 5 changed files with 27 additions and 17 deletions.
5 changes: 4 additions & 1 deletion public/docs/css/sass/screen.scss
View file
Expand Up @@ -114,7 +114,8 @@ header {
text-shadow: 0 0 50px rgba(0, 0, 0, 0.2), $default_text_shadow;
}
.no-fontface h1 {
font-size: 42;
font-size: 32px;
letter-spacing:-1px;
}
h1 em {
font-family: Palatino, Constantia, "Palatino Linotype", "Book Antiqua", serif;
Expand Down Expand Up @@ -210,6 +211,7 @@ section#colophon h2 {
nav {
height: 29px;
line-height: 26px;
border-bottom: solid 1px #515b51;
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
font-size: 13px;
text-transform: uppercase;
Expand Down Expand Up @@ -321,6 +323,7 @@ section#colophon h2 {
}
h4 {
display: inline-block;
background-color: #1d2319;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 0.2em 0.6em;
Expand Down
5 changes: 4 additions & 1 deletion public/docs/css/screen.css
View file
Expand Up @@ -71,7 +71,8 @@ header {
opacity: 0.97;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2); }
header .no-fontface h1 {
font-size: 42; }
font-size: 32px;
letter-spacing: -1px; }
header h1 em {
font-family: Palatino, Constantia, "Palatino Linotype", "Book Antiqua", serif;
font-weight: normal;
Expand Down Expand Up @@ -149,6 +150,7 @@ section#colophon h2 {
#portfolio-wrapper nav {
height: 29px;
line-height: 26px;
border-bottom: solid 1px #515b51;
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
font-size: 13px;
text-transform: uppercase;
Expand Down Expand Up @@ -229,6 +231,7 @@ section#colophon h2 {
margin-bottom: 0; }
#portfolio-wrapper figure figcaption h4 {
display: inline-block;
background-color: #1d2319;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 0.2em 0.6em;
Expand Down
2 changes: 1 addition & 1 deletion public/docs/js/Carousel.js
View file
Expand Up @@ -154,7 +154,7 @@ var Carousel = this.Carousel = new Class({
Carousel.prototype.plugins.Move = new Class({

initialize: function (carousel) {

var up = this.up = carousel.options.mode == 'vertical',
options = this.options = carousel.options,
elements = this.elements = carousel.elements,
Expand Down
30 changes: 17 additions & 13 deletions public/docs/js/site.js
View file
Expand Up @@ -164,18 +164,18 @@ var Portfolio = new Class({
},

showProjectDetails: function(project) {
this.container.getChildren('figure ul li').dispose();
this.container.getElements('li.screenshot').dispose();
project.options.screenshots.each(function(ss, index) {
this.container.getChildren('figure ul').adopt(
new Element('li').adopt(
this.container.getElements('ul#slideshow').adopt(
new Element('li.screenshot').adopt(
new Element('img', {src: ss.url})
)
);
}.bind(this));

this.container.getChildren('figure h3').set('html', project.options.name);
this.container.getChildren('figure h4').set('html', project.options.services);
this.container.getChildren('figure p').set('html', project.options.description);
this.container.getElement('h3').set('html', project.options.name);
this.container.getElement('h4').set('html', project.options.services);
this.container.getElement('p').set('html', project.options.description);

// make sure the first image is loaded before sliding it over
var loader = new Asset.images(project.options.screenshots[0], {
Expand All @@ -185,7 +185,7 @@ var Portfolio = new Class({

slideProjectDetailsIn: function(project) {
(function() {
this.container.getChildren('figure ul').move({
this.container.getElements('ul#slideshow').move({
relativeTo: this.container,
position: 'upperLeft',
offset: {x: 0, y: 45},
Expand All @@ -194,23 +194,23 @@ var Portfolio = new Class({
});
}).delay(500, this);
(function() {
this.container.getChildren('figure figcaption').move({
this.container.getElements('figcaption').move({
relativeTo: this.container,
position: 'upperLeft',
offset: {x: 595, y: 45},
transition: Fx.Transitions.Back.easeInOut,
duration: 400
});
}).delay(500, this);
this.container.getChildren('figure h3').setStyle('display', 'inline-block');
this.container.getChildren('figure h4').setStyle('display', 'inline-block');
this.container.getElements('h3').setStyle('display', 'inline-block');
this.container.getElements('h4').setStyle('display', 'inline-block');
(function() { this.showProjectNav(project); }).delay(1000, this);
(function() {
$('ss-previous').fade('show');
$('ss-next').fade('show');
}).delay(1100, this);

slideshow = new Carousel({
var slideshow = new Carousel({
container: 'slideshow',
scroll: 1,
circular: true,
Expand All @@ -233,14 +233,14 @@ var Portfolio = new Class({
hideProjectDetails: function() {
$('ss-previous').fade('hide');
$('ss-next').fade('hide');
this.container.getChildren('figure ul').move({
this.container.getElements('ul#slideshow').move({
relativeTo: this.container,
position: 'upperLeft',
offset: {x: -window.getSize().x, y: 45},
transition: Fx.Transitions.Back.easeInOut,
duration:400
});
this.container.getChildren('figure figcaption').move({
this.container.getElements('figcaption').move({
relativeTo: this.container,
position: 'upperLeft',
offset: {x: window.getSize().x, y: 45},
Expand Down Expand Up @@ -494,6 +494,10 @@ var FlippingContactForm = new Class({
this.container = $(container);
this.form = this.container.getElement('form');

if (!Modernizr.csstransforms3d) {
$('envelope').morph({opacity: 0});
}

new Form.Validator.Inline(this.form);
new Form.Request(this.form, null, {
requestOptions: {
Expand Down
2 changes: 1 addition & 1 deletion templates/index.html
View file
Expand Up @@ -132,7 +132,7 @@ <h2>About</h2>

<p><img src="/images/jason.jpg" alt="Jason" />I made my first website back in 1994 as Computer Science engineering student at The Ohio State University and I've been hooked ever since. WIth my technical background and passion for visual design, front-end web development and UI design is the perfect outlet for my skills and interests.</p>

<p>I love to collaborate with other talented people on exciting projects. Sometimes I supply hardcore development shops with some creative juice. Other times I work with pure design agencies and supply a much-needed propeller hat. For the right-sized project, I can be the one-man band that brings your idea to life.</p>
<p>I love to collaborate with other talented people on exciting projects. Sometimes I supply hardcore development shops with some creative juice. Other times I work with pure design agencies and bring a much-needed propeller hat. For the right-sized project, I can be the one-man band that brings your idea to life.</p>

<p>I live in Columbus, Ohio where I've been married for over a dozen years and a dad for nearly ten. When I'm not pushing pixels or slinging code, I enjoy running and reading (preferably not at the same time).</p>

Expand Down

0 comments on commit 097851e

Please sign in to comment.