1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
# Copyright (c) 2013, 2014 Michele Bini
# This program is free software: you can redistribute it and/or modify
# it under the terms of the version 3 of the GNU General Public License
# as published by the Free Software Foundation.
# This program is distributed in the hope that it will be useful, but
# WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
# General Public License for more details.
# You should have received a copy of the GNU General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
{ htmlcup } = require 'htmlcup'
title = "Vaquitas need you!"
htmlcup.html5Page ->
@head ->
@title title
@style type: "text/css",
''''
body {
/* background:pink; */
/* background: #69B2FF; */
background: #21AFF8;
text-align: center;
font-size: 20px;
}
.banner {
border: 4px solid white;
border: 4px solid white rgba(255,255,255,0.9);
}
p {
color:white;
color:rgba(255,255,255,0.9);
}
a {
/*
color:rgb(200,255,255);
color:rgba(200,255,255,0.9);
*/
color:white;
color:rgba(255,255,255,0.9);
text-decoration:none;
display: inline-block;
border: 1px solid white;
padding: 0 0.2em;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-ie-border-radius: 0.2em;
}
a:hover {
background-color:rgba(20,70,180,1.0);
}
.petition {
padding:0.2em;
}
.petition a {
font-size:127.2%;
}
@body ->
@img class:"banner", src:"vaquita1.jpg"
@p "Please don't kill this baby!"
@p "Vaquitas are the smallest marine cetacean."
@p 'Their number has declined by 60% in 10 years, from an estimated 576 in 1997 to 97 individuals in 2014, and could be extict by 2017'
@p "A marine sactuary is Vaquitas' only chance of survival; each year literally tens of them die in fishing nets"
@p "Vaquitas now only live in a small stretch in the Gulf of California"
@p ->
@a href: 'http://www.youtube.com/watch?v=27pJ2S5RT8g', "Commemorative video of a baby Vaquita"
@p class:"petition", ->
@span 'Petition you can sign: '
@a href: 'http://www.thepetitionsite.com/445/471/778/protected-reserves-for-critically-endangered-vaquita-porpoises/', "Protected Reserves for Critically Endangered Vaquita Porpoises"
|
