halofx

Website Contract

Revised date: 08/1/2012

Between me [company name] and you [customer name]

Summary:

I will always do my best to fulfil your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. I have no desire to trick you into signing something that you might later regret. What I do want is what’s best for both parties, now and in the future.

halofx

Website Contract [month] [year]

Description of this Contract

This contract is not meant to trick or deceive you; the intention is purely to protect both parties. I have tried to keep the wording as plain as possible, but if anything is unclear, please let me know and I will be more than happy to clarify it with you. Also, until you sign it, please feel free to request to change bits of it to suit your requirements.

In short, [client name] is contracting me, [my name], to [description of my role] between [start date and finish date].

By signing this, you are confirming that you have the power and ability to enter into this contract on behalf of [client's company].

halofx

// set rem and em to 10px
html { font-size: 62.5%; }
$base-size: 10px;

@mixin px($key,$rem) {
  #{$key}: $rem*$base-size;
  #{$key}: $rem+rem;
}

halofx

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

%icon {
  transition: background-color ease .2s;
  margin: 0 .5em;
}

halofx

// With Drupal 7, you just need to implement hook_preprocess_image(), as preprocess functions are executed for every theme function, not just the ones using a template file. In template.php.

function mymodule_preprocess_image(&$variables) {
  foreach (array('width', 'height') as $key) {
    unset($variables[$key]);
  }
}

// As $variables['attributes'] also contains the image attributes, the following code is more complete.

halofx

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----


// set rem and em to 10px
html { font-size: 62.5%; }
$base-font-size: 10px;
$rem-ratio: $base-font-size / 1rem;

halofx

// ----
// Sass (v3.4.7)
// ----

@mixin bp-large {
  @media only screen and (max-width: 60em) {
    @content;
  }
}

halofx

// ----
// Sass (v3.4.7)
// ----

// Requires Modernizr

$image-path: '../img' !default;
$fallback-extension: 'png' !default;
$retina-suffix: '@2x';
@mixin background-image($name, $size:false){

halofx

a {
  color: gray;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
a:hover {
  color: black;

halofx

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

// Supports back to IE5

@mixin opacity($opacity) {
  opacity: $opacity;
  filter: alpha(opacity=$opacity*100); //IE8