From 2a3385d5189ad6babfccb1448897e3c351adf511 Mon Sep 17 00:00:00 2001 From: Michele Bini Date: Sat, 20 Sep 2014 19:09:16 +0200 Subject: Add an image diff --git a/Makefile b/Makefile deleted file mode 100644 index da246f1..0000000 --- a/Makefile +++ /dev/null @@ -1,13 +0,0 @@ -TARGETS=index.html - -all: $(TARGETS) - -clean: - rm -f $(TARGETS) - -%.html: %.html.coffee - (sh -c "coffee $< >$@.new" && mv $@.new $@ && touch -r $< $@) || rm -f $@ - -%.html: %.htmlcup - (sh -c "coffee $< >$@.new" && mv $@.new $@ && touch -r $< $@) || rm -f $@ - diff --git a/index.html b/index.html index d316cba..e7f3dfd 100644 --- a/index.html +++ b/index.html @@ -1,2 +1,41 @@ - -Vaquitas need you!
Please don't kill this baby!
Vaquitas are the smallest marine cetacean.
Their number has declined by 60% in 10 years, from an estimated 576 in 1997 to perhaps less than 150 individuals now, and could be extict by 2015
A marine sactuary is Vaquitas' only chance of survival; each year 30 to 80 of them die in fishing nets
Vaquitas now only live in a small stretch in the Gulf of California
Commemorative video of a baby Vaquita
Petition you can sign: Protected Reserves for Critically Endangered Vaquita Porpoises
\ No newline at end of file + +Vaquitas need you!

Please don't kill this baby!

Vaquitas are the smallest marine cetacean.

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

A marine sactuary is Vaquitas' only chance of survival; each year literally tens of them die in fishing nets

Vaquitas now only live in a small stretch in the Gulf of California

Commemorative video of a baby Vaquita

Petition you can sign: Protected Reserves for Critically Endangered Vaquita Porpoises

\ No newline at end of file diff --git a/index.html.coffee b/index.html.coffee index f44135c..c577783 100644 --- a/index.html.coffee +++ b/index.html.coffee @@ -1,4 +1,4 @@ -# Copyright (c) 2013 Michele Bini +# 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 @@ -12,27 +12,64 @@ # You should have received a copy of the GNU General Public License # along with this program. If not, see . -{ htmlcup } = require './htmlcup' -fs = require "fs" +{ htmlcup } = require 'htmlcup' title = "Vaquitas need you!" -icon = "vaquita.ico" - -icon = "data:image/x-icon;base64," + (new Buffer(fs.readFileSync(icon))).toString("base64") htmlcup.html5Page -> @head -> - @link rel:"shortcut icon", href:icon @title title - @cssStyle "body { background:pink }" + @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 -> - @div "Please don't kill this baby!" - @div "Vaquitas are the smallest marine cetacean." - @div 'Their number has declined by 60% in 10 years, from an estimated 576 in 1997 to perhaps less than 150 individuals now, and could be extict by 2015' - @div "A marine sactuary is Vaquitas' only chance of survival; each year 30 to 80 of them die in fishing nets" - @div "Vaquitas now only live in a small stretch in the Gulf of California" - @div -> + @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" - @div -> + @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" diff --git a/vaquita1.jpg b/vaquita1.jpg new file mode 100644 index 0000000..4598e45 Binary files /dev/null and b/vaquita1.jpg differ -- cgit v0.10.2