yooo.co Open in urlscan Pro
118.26.111.219  Public Scan

Form analysis
0 forms found in the DOM

Text Content

GENERATING PIECES

In Pieces – 30 Species, 30 Pieces.

30 unique species face a fragmented survival.

Represented here by 30 separate pieces...

They share their struggles, and unite together...

in an interactive exhibition.


IN PIECES

30 species. 30 pieces. 1 fragmented survival.

A CSS-based interactive exhibition celebrating evolutionary distinction.

Explore the exhibition

Skip to 30 species, 30 pieces


IN PIECES

 * Animal Name
 * What’s the threat?
 * Animal Name

 *  * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
   
   All Pieces
 * Cycle Through
 * Get that racket off
   Back to animal name

 * Piece23


 * VAQUITA

 * 

 * In Pieces
 * How it’s made
 * Causes & Sources
 * Share & Poster
 * A wee project by Bryan James





IN PIECES


30 SPECIES 30 PIECES

1 FRAGMENTED SURVIVAL

Select a piece from the ring, or
select a piece randomly

 * PIECE 1
   
   
   HELMETED HORNBILL
   
   Hornbill Critically Endangered

 * PIECE 2
   
   
   VAQUITA
   
   Porpoise Critically Endangered

 * PIECE 3
   
   
   GOLDEN LION TAMARIN
   
   Monkey Endangered

 * PIECE 4
   
   
   GOLDEN POISON FROG
   
   Frog Endangered

 * PIECE 5
   
   
   FOREST OWLET
   
   Bird Critically Endangered

 * PIECE 6
   
   
   KEMP’S RIDLEY SEA TURTLE
   
   Turtle Critically Endangered

 * PIECE 7
   
   
   SCIMITAR ORYX
   
   Oryx Extinct in the Wild

 * PIECE 8
   
   
   FIJI CRESTED IGUANA
   
   Reptile Critically Endangered

 * PIECE 9
   
   
   KNYSNA SEAHORSE
   
   Fish Endangered

 * PIECE 10
   
   
   BRAZILIAN ARMADILLO
   
   Armadillo Vulnerable

 * PIECE 11
   
   
   PYGMY THREE-TOED SLOTH
   
   Sloth Critically Endangered

 * PIECE 12
   
   
   KAKAPO
   
   Bird Critically Endangered

 * PIECE 13
   
   
   LONG-BEAKED ECHIDNA
   
   Echidna Critically Endangered

 * PIECE 14
   
   
   AFRICAN PENGUIN
   
   Penguin Endangered

 * PIECE 15
   
   
   GREEK RED DAMSEL
   
   Insect Critically Endangered

 * PIECE 16
   
   
   SUN BEAR
   
   Bear Vulnerable

 * PIECE 17
   
   
   RAINBOW PARROTFISH
   
   Fish Near Threatened

 * PIECE 18
   
   
   BACTRIAN CAMEL
   
   Camel Critically Endangered

 * PIECE 19
   
   
   WALLACE’S BIRDWING
   
   Insect Endangered

 * PIECE 20
   
   
   SOMALI OSTRICH
   
   Bird Vulnerable

 * PIECE 21
   
   
   RED PANDA
   
   Panda Vulnerable

 * PIECE 22
   
   
   MALAYAN TAPIR
   
   Tapir Endangered

 * PIECE 23
   
   
   DIADEMED SIFAKA
   
   Sifaka Critically Endangered

 * PIECE 24
   
   
   IBERIAN LYNX
   
   Felid Critically Endangered

 * PIECE 25
   
   
   SUMATRAN RHINO
   
   Rhinoceros Critically Endangered

 * PIECE 26
   
   
   CHOCOAN PECCARY
   
   Peccary Endangered

 * PIECE 27
   
   
   OKAPI
   
   Giraffid Endangered

 * PIECE 28
   
   
   JAVAN SLOW LORIS
   
   Primate Critically Endangered

 * PIECE 29
   
   
   HIROLA
   
   Antelope Critically Endangered

 * PIECE 30
   
   
   DRILL
   
   Primate Endangered

 * Scientific Name:
 * I
 * Range:







 * Statistics
 * Watch Video
 * Animal Link

 * Back to threat
 * Cause of death
   
 * Numbers by year
   
 * Number of blah
   

 * To view the figures, hover over the graph.

200410%

200510%

200610%

200710%

200810%

200910%

201010%

201110%

VALUE HEREText goes here

   
 * 
   


ABOUT THIS PROJECT

In Pieces is an interactive exhibition turned study into 30 of the world’s most
interesting but unfortunately endangered species — their survivals laying
literally, in pieces.


AS FEATURED ON

Each species has a common struggle and is represented by one of 30 pieces which
come together to form one another. The collection is a celebration of genic
diversity and an attempting reminder of the beauty we are on the verge of losing
as every moment passes. These 30 animals have been chosen for their differences,
so that we can learn about species we didn't know about previously as well as
the struggles they have surviving. Many of them evolved in a particular way
which makes them evolutionarily distinct.

Take for example the Kakapo, an animal which evolved without natural predators
and thus didn’t require instincts to defend itself. Unfortunately — and as is
the case with most of the species showcased here — humans began easily hunting
upon encroaching their range, then introduced the stoat and other forms of pest
control for other species. The Kakapo was almost completely wiped out through
this introduction and fights on today because of this catastrophic lack of
judgement.

When you dig into a lot of research around this topic, it’s not long before you
see the real darkness that is going on. Millions of years of evolution has
occurred and humans are in danger of ruining it through desperation for
financial gain or greed.

There are some species here who as grim as it sounds, would require a small
miracle to survive because the numbers are too low to rationally continue to
exist, Vaquita being one such example.

In Pieces hopes to educate and inspire, and provoke thought on this complex and
intricate topic. I sincerely hope that you can take something new away and enjoy
this collection as much as I enjoyed researching, designing and building it.


HOW IT'S MADE

Born out of tinkering with a simple property, this project is unabashedly
part-digital experiment. The core technology used here is just good old CSS — no
canvas or WebGL witchcraft.

Since hearing about CSS polygons, I've been a little surprised at the lack of
furore around the technology, so I wanted to create something which not only
worked as a project in itself, but also pushed this underused line of code as
far as possible.

The shard-shifting capabilities work in webkit-browsers only, which of course is
a limitation but at the same time, it works on mobile which are almost
completely webkit-based. Firefox does support the clip-path property, but as an
SVG referenced shape and thus, the coding for movement works in an entirely
different manner. I wanted to focus purely on the CSS route.

Not heard of it? Here, take a line: -webkit-clip-path: polygon( 40% 40%, 50%
60%, 60% 40% );

So, in essence — each shape is being morphed, moved and toyed with by a new set
of co-ordinates, and as they are maintained as triangles throughout, this means
3 points, with CSS transitions to link up the movements. No tricks or tools have
been used to get the illustrated results, code-wise or graphically. Point by
point, shape by shape, each one has been handcrafted via a personally-created
tracing JS function after illustration.

If you have any questions on the technique or the project at all, please feel
free to whip me a Tweet!


CAUSES

In Pieces is not linked to a specific charity or organisation, but I would like
to highlight some of the great efforts being made out there for species under
threat of extinction.

Edge of Existence* – a programme run by Zoological Society of London, deals
directly with evolutionarily distinct animals, and has a great list of 100
mammals and other types of species which you can look through if your interests
have been perked. *This project is not associated with Edge of Existence.

Of the animals featured here, a number have great causes dealing specifically
with their battles, or otherwise aid in respect to the species' family.

 * Indonesia Hornbill Conservation Species
 * Indonesia Nature Film Society
 * WWF & Habitat Conservation
 * Vaquita – Last Change for the Desert Porpoise
 * Save the Golden Lion Tamarin
 * Rainforest Trust
 * Edge of Existence - Forest Owlet
 * Sea Turtle Conservancy
 * Sahara Conservation Fund
 * Fijian Crested Iguana Breeding Program
 * Project Seahorse
 * Caatinga Association - Brazilian 3-Banded Armadillo
 * ZSL Initiative for Pygmy 3-Toed Sloth
 * Kakapo Recovery
 * Long-beaked Echidna
 * Edge of Existence – Long-beaked Echidna
 * SANCCOB initiative for Penguins
 * Bornean Sun Bear Conservation Centre
 * Nature Conservancy - Parrotfish
 * SOS Wild Camel
 * Sawai Ecotourism – Wallace's Golden Birdwing
 * African Wildlife Foundation – Somali Ostrich
 * Red Panda Network
 * Malay Tapir Project
 * Sadabe – Diademed Sifaka
 * SOS Lynx
 * International Rhino Foundation
 * World Land Trust – Chocoan Peccary
 * Okapi Project
 * Javan Slow Loris Project
 * Hirola Program
 * Drill Project


SOURCES

I have used an extensive range of sources to gather the information within this
site, specifically the statistical data which is fairly tough to find. I thank
each source sincerely, and wish to highlight their great resources here:

 * Alala Recovery Plan
 * Wikipedia
 * IUCN Red List – Conservation Status Assessors
 * Animal Info – Extensive statistics
 * Wildscreen Arkive
 * San Diego Zoo
 * Book: Status Survey and Conservation
 * Shaw High School
 * National Park Service
 * Pygmy3Sloth


GIVE THIS SPECIES A DIGITAL HOME WITH A DESKTOP WALLPAPER.

 * Macbook (Retina 2560x1600)
 * Large Desktop (1920x1080)
 * Small Desktop (1366x768)
 * iPad (1024x1024)


SHARE IN PIECES

If you enjoyed this project, tell your peeps!




POSTER

Take the pieces home with this poster, available here for €30. All personal
proceeds* will go to Evolutionarily Distinct & Globally Endangered, an
initiative which deals with the kind of species showcased within In Pieces.


WALLPAPERS

You can download a range of wallpapers of specific species for your desktop
within the exhibition, but here you can have them all in one place too. Select
which device takes your fancy below.



 * Macbook (Retina 2560x1600)
 * Large Desktop (1920x1080)
 * Small Desktop (1366x768)
 * iPad (1024x1024)
 * Mobile – Frog (750x1334)
 * Mobile – Scimitar Oryx (750x1334)
 * Mobile – Wallace’s Golden Birdwing (750x1334)



* Personal income on poster sale is a percentage of the poster cost. Around 20%
of the respective per poster is taken personally and sent on to EDGE.

In pieces is powered by new shiny CSS! To see the species in their full glory,
get your mobile device out or go grab yourself a ‘piece’ of Google Chrome.




RE-ARRANGING THE PIECES