From 18adefee9c0c11ddb3afe1f70fad9c6cdd583af7 Mon Sep 17 00:00:00 2001 From: Michele Bini Date: Fri, 26 Sep 2014 16:15:28 +0200 Subject: Made vaquita more pixelated diff --git a/index.html b/index.html index edb0618..cb5a173 100644 --- a/index.html +++ b/index.html @@ -18,12 +18,12 @@ p { color:white; color:rgba(255,255,255,0.9); - width:20em; margin-top:0.418em; margin-bottom:0.418em; margin-left:auto; margin-right:auto; - max-width:20em; + width:22em; + max-width:100%; text-shadow: 0 1px 1px blue; } a { @@ -75,6 +75,7 @@ a:hover { .dynamic-section { display: inline-block; vertical-align:middle; + max-width:100%; } .flip-lr { -moz-transform: scaleX(-1); @@ -85,8 +86,12 @@ a:hover { -ms-filter: "FlipH"; } .pixelart { - image-rendering: -moz-crisp-edges; - -ms-interpolation-mode: nearest-neighbor; - image-rendering: pixelated; - image-rendering: crisp-edges; -}

Please don't kill this baby!

Vaquitas are the smallest and rarest marine cetacean, they are mammalians like us.

Their population has decreased from an estimated 576 in 1997 to 97 individuals in 2014, which means that could be extinct as early as 2017

A really protected marine sanctuary is Vaquitas' only chance of survival; each year literally tens of them die in fishing nets; according to recent research, this is because of the illegal fishing of Totoaba

Vaquitas only live in a small area of the Gulf of California and share their habitat with the Totoaba

Petition you can sign: Extend Protections for Critically Endangered Vaquita Porpoises

Commemorative video of a baby Vaquita

\ No newline at end of file + image-rendering:optimizeSpeed; /* Legal fallback */ + image-rendering:-moz-crisp-edges; /* Firefox */ + image-rendering:-o-crisp-edges; /* Opera */ + image-rendering:-webkit-optimize-contrast; /* Safari */ + image-rendering:optimize-contrast; /* CSS3 Proposed */ + image-rendering:crisp-edges; /* CSS4 Proposed */ + image-rendering:pixelated; /* CSS4 Proposed */ + -ms-interpolation-mode:nearest-neighbor; /* IE8+ */ +}

Please don't kill this baby!

Vaquitas are the smallest and rarest marine cetacean, they are mammalians like us.

Their population has decreased from an estimated 576 in 1997 to 97 individuals in 2014, which means that could be extinct as early as 2017

A really protected marine sanctuary is Vaquitas' only chance of survival; each year literally tens of them die in fishing nets; according to recent research, this is because of the illegal fishing of Totoaba

Vaquitas only live in a small area of the Gulf of California and share their habitat with the Totoaba

Petition you can sign: Extend Protections for Critically Endangered Vaquita Porpoises

Commemorative video of a baby Vaquita

\ No newline at end of file diff --git a/index.html.coffee b/index.html.coffee index 1c49943..404a245 100644 --- a/index.html.coffee +++ b/index.html.coffee @@ -29,7 +29,7 @@ htmlcup.html5Page -> @link rel:"shortcut icon", href:icon @title title @style type: "text/css", - '''' + """ body { /* background:pink; */ /* background: #69B2FF; */ @@ -49,12 +49,12 @@ htmlcup.html5Page -> p { color:white; color:rgba(255,255,255,0.9); - width:20em; margin-top:0.418em; margin-bottom:0.418em; margin-left:auto; margin-right:auto; - max-width:20em; + width:22em; + max-width:100%; text-shadow: 0 1px 1px blue; } a { @@ -106,6 +106,7 @@ htmlcup.html5Page -> .dynamic-section { display: inline-block; vertical-align:middle; + max-width:100%; } .flip-lr { -moz-transform: scaleX(-1); @@ -116,18 +117,23 @@ htmlcup.html5Page -> -ms-filter: "FlipH"; } .pixelart { - image-rendering: -moz-crisp-edges; - -ms-interpolation-mode: nearest-neighbor; - image-rendering: pixelated; - image-rendering: crisp-edges; + image-rendering:optimizeSpeed; /* Legal fallback */ + image-rendering:-moz-crisp-edges; /* Firefox */ + image-rendering:-o-crisp-edges; /* Opera */ + image-rendering:-webkit-optimize-contrast; /* Safari */ + image-rendering:optimize-contrast; /* CSS3 Proposed */ + image-rendering:crisp-edges; /* CSS4 Proposed */ + image-rendering:pixelated; /* CSS4 Proposed */ + -ms-interpolation-mode:nearest-neighbor; /* IE8+ */ } + """ @body -> @div class:"centering page", -> @section class:"centered", -> @section class:"dynamic-section", -> @img class:"banner", src:"vaquita1.jpg", title:"This vaquita was set free by a mysterious artist who prefers to stay anonymous ☺" @br() - @img src:pixyvaquita, title:"Please be our friend!", width:"150", height:"90", class:"flip-lr" + @img src:pixyvaquita, title:"Please be our friend!", width:"150", height:"90", class:"flip-lr pixelart" @section class:"dynamic-section", -> @p "Please don't kill this baby!" @p -> -- cgit v0.10.2