diff options
| -rw-r--r-- | index.html | 19 | ||||
| -rw-r--r-- | index.html.coffee | 22 |
2 files changed, 26 insertions, 15 deletions
@@ -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; -}</style></head><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="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkWFxgsNSj8ggAABRFJREFUWMPtl39olVUYx7/nPe973/fu3nmv++G2O5tz6kY6kaI0IyVCQRBUnBGpf2RI9kdhZIXmr1AuFgtiEhKkkaZlE/oBkoWZw+iHLE1nuX6oqdvc3Ha33V/ve9/3Pec8/aGFSKClksL9/HUOnPPl+fI8PM85QJ48efLkyZMH7N9eaNjSsrW45+jM3NCg5RaOAklPho2gX1wT68/K8viWpZM+uq2NrNj22fOi7Ys1WccxArquMcZAgQgj3yHGdZhcMSmE8nHXEJsy/70ti2pWXY/uI7svvpDI2N3Hl47edcuNLPzkwoTAgbe+M3TODK+XAYBSCoZheASGrJ0NhINBTREpy7J02/V9BhJpa0xOQ3H/9sbFE6/WnLT1j0Ujfju4IZZqKzmlj0zxe+e9dujJsW9eeWbWhz3rjh07cl/PptlzboqRuU0HdpR0HJlvut3wPRu1d9f3jx5ZES4tLdWFEPJ4W1uGATBNk1/s7TUTiUSYc05CELmK4Crm9pqTz3VW1jenDd2p6TrybEQlh5eqRMCiNKTvoHX4Q+0/xBfeDwAvfXryx+59W6tyTkaPVZTnjlbM2v318geX35CRB5qOrxrX1bKyMBDi7sXDmDJ9hhMNchYdNozH4/EgAVizenXm9OnTLhGRUop1dHZanutqiigAgCmlyJZceMInJjye1aKqLKRzN9MLyzSZIqJsziflOUwQYOgcpmlCESHtQoVNxnwJsnT2quO6mV3b3918dZzatYyE7c6pBknuD/0OKxBQRQU6Kxo+XI/H48GWlpZsa2trIB6Ph2tra0M7d+6sdF1XVpSXy6qqKu65rpdKpZTveRQ2SC8rtMxIyOKlPBXwsn0gpSCVop6+BBgUIwAaCBoAO5uFBiDMhcZBjENqEtrKFCt85Z/i1K9lhGf7xpBwwLxBVVNXZygiC4w5BKAiFotGIhECACklNTQ0dNi2zTnnQcdxYFmWGhwchOe6cF2XQuGwklLSwMAAiOiSvuOACBhI22RCsDRZSnMl62RlHSdU3Xp8sGzP9ZT/NY1AOJbdfQIjKytDkUgk8/OJE4jFYmrd2rW5jRs3AgDWrl/vnjlzxhRCQCkVEEJkPc/D0NBQUEoJKSWIiDmOAyElGAC6XNdCCIBdKow0FSiqm9Z9GNWtEyfUt2Bh+Z6b1rUWLHux/5dv9kUA4NSpU9w0TTQ2NiZN09Sqq6vheZ46d+5cLpFIUDQaZbZte+3t7ZFkMqkbhsFczyMQ/R04AIjLKw6CBEOaClRy9oan+pKZsrPPjW/6L+33mhlpD44bIHwe0UBobGzsGjt2bPj8+fPo6enJdXV1+aZpqmQyaRYVFXkAeCqVCgwODuqMMeRcl67U+mtjk6mqp81t40waHhk5O1r/ZdQKjm5dUrXpls2Re945+6g6tGNz4qttpVOnTM4VFxf76XTaCBYUwM3lEIlGIaVEKplEKBRCNpuF7/soGTHCSPT3+568lA1eMEwUVtamnZK6k2cLRu8//PTE1/+XyT5t48cHSzq/nYiB8xYzghQOBZWT8xnXGHzSyBMSpWFd68tIJTxHKysu1JTvU2/aV+MXv/xrNw376YN5FUtum7fW9TCzqWVr8Pvtj8Wilp7J2tLLOWhubg7fyreWditE9y9/eKnLC94WQkjLDIDrOh5v2rv3jjMCAKMWrHijM8NkZ4ZJx5cYjwt1d/Q/Yfqu7mdmLHgiNadp//v5X1OePHlumD8BbIyUCrcmTxsAAAAASUVORK5CYII=" title="Please be our friend!" width="150" height="90" class="flip-lr"></section><section class="dynamic-section"><p>Please don't kill this baby!</p><p><a target="_blank" href="http://en.wikipedia.org/wiki/Vaquita">Vaquitas</a><span> are the smallest and rarest marine cetacean, they are mammalians like us.</span></p><p>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</p><p>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</p><p>Vaquitas only live in a small area of the Gulf of California and share their habitat with the Totoaba</p><p class="petition"><span>Petition you can sign: </span><a href="http://www.thepetitionsite.com/569/482/287/extend-protections-for-critically-endangered-vaquita-porpoises/">Extend Protections for Critically Endangered Vaquita Porpoises</a></p><p><a href="http://www.youtube.com/watch?v=27pJ2S5RT8g">Commemorative video of a baby Vaquita</a></p></section></section></div></body></html>
\ 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+ */ +}</style></head><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="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkWFxgsNSj8ggAABRFJREFUWMPtl39olVUYx7/nPe973/fu3nmv++G2O5tz6kY6kaI0IyVCQRBUnBGpf2RI9kdhZIXmr1AuFgtiEhKkkaZlE/oBkoWZw+iHLE1nuX6oqdvc3Ha33V/ve9/3Pec8/aGFSKClksL9/HUOnPPl+fI8PM85QJ48efLkyZMH7N9eaNjSsrW45+jM3NCg5RaOAklPho2gX1wT68/K8viWpZM+uq2NrNj22fOi7Ys1WccxArquMcZAgQgj3yHGdZhcMSmE8nHXEJsy/70ti2pWXY/uI7svvpDI2N3Hl47edcuNLPzkwoTAgbe+M3TODK+XAYBSCoZheASGrJ0NhINBTREpy7J02/V9BhJpa0xOQ3H/9sbFE6/WnLT1j0Ujfju4IZZqKzmlj0zxe+e9dujJsW9eeWbWhz3rjh07cl/PptlzboqRuU0HdpR0HJlvut3wPRu1d9f3jx5ZES4tLdWFEPJ4W1uGATBNk1/s7TUTiUSYc05CELmK4Crm9pqTz3VW1jenDd2p6TrybEQlh5eqRMCiNKTvoHX4Q+0/xBfeDwAvfXryx+59W6tyTkaPVZTnjlbM2v318geX35CRB5qOrxrX1bKyMBDi7sXDmDJ9hhMNchYdNozH4/EgAVizenXm9OnTLhGRUop1dHZanutqiigAgCmlyJZceMInJjye1aKqLKRzN9MLyzSZIqJsziflOUwQYOgcpmlCESHtQoVNxnwJsnT2quO6mV3b3918dZzatYyE7c6pBknuD/0OKxBQRQU6Kxo+XI/H48GWlpZsa2trIB6Ph2tra0M7d+6sdF1XVpSXy6qqKu65rpdKpZTveRQ2SC8rtMxIyOKlPBXwsn0gpSCVop6+BBgUIwAaCBoAO5uFBiDMhcZBjENqEtrKFCt85Z/i1K9lhGf7xpBwwLxBVVNXZygiC4w5BKAiFotGIhECACklNTQ0dNi2zTnnQcdxYFmWGhwchOe6cF2XQuGwklLSwMAAiOiSvuOACBhI22RCsDRZSnMl62RlHSdU3Xp8sGzP9ZT/NY1AOJbdfQIjKytDkUgk8/OJE4jFYmrd2rW5jRs3AgDWrl/vnjlzxhRCQCkVEEJkPc/D0NBQUEoJKSWIiDmOAyElGAC6XNdCCIBdKow0FSiqm9Z9GNWtEyfUt2Bh+Z6b1rUWLHux/5dv9kUA4NSpU9w0TTQ2NiZN09Sqq6vheZ46d+5cLpFIUDQaZbZte+3t7ZFkMqkbhsFczyMQ/R04AIjLKw6CBEOaClRy9oan+pKZsrPPjW/6L+33mhlpD44bIHwe0UBobGzsGjt2bPj8+fPo6enJdXV1+aZpqmQyaRYVFXkAeCqVCgwODuqMMeRcl67U+mtjk6mqp81t40waHhk5O1r/ZdQKjm5dUrXpls2Re945+6g6tGNz4qttpVOnTM4VFxf76XTaCBYUwM3lEIlGIaVEKplEKBRCNpuF7/soGTHCSPT3+568lA1eMEwUVtamnZK6k2cLRu8//PTE1/+XyT5t48cHSzq/nYiB8xYzghQOBZWT8xnXGHzSyBMSpWFd68tIJTxHKysu1JTvU2/aV+MXv/xrNw376YN5FUtum7fW9TCzqWVr8Pvtj8Wilp7J2tLLOWhubg7fyreWditE9y9/eKnLC94WQkjLDIDrOh5v2rv3jjMCAKMWrHijM8NkZ4ZJx5cYjwt1d/Q/Yfqu7mdmLHgiNadp//v5X1OePHlumD8BbIyUCrcmTxsAAAAASUVORK5CYII=" title="Please be our friend!" width="150" height="90" class="flip-lr pixelart"></section><section class="dynamic-section"><p>Please don't kill this baby!</p><p><a target="_blank" href="http://en.wikipedia.org/wiki/Vaquita">Vaquitas</a><span> are the smallest and rarest marine cetacean, they are mammalians like us.</span></p><p>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</p><p>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</p><p>Vaquitas only live in a small area of the Gulf of California and share their habitat with the Totoaba</p><p class="petition"><span>Petition you can sign: </span><a href="http://www.thepetitionsite.com/569/482/287/extend-protections-for-critically-endangered-vaquita-porpoises/">Extend Protections for Critically Endangered Vaquita Porpoises</a></p><p><a href="http://www.youtube.com/watch?v=27pJ2S5RT8g">Commemorative video of a baby Vaquita</a></p></section></section></div></body></html>
\ 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 -> |