Mar de Signes: an inclusive science project

“Mar de Signes” is a project promoted by ICATMAR and funded by the Barcelona City Council that aims to expand the marine vocabulary in LSC (Catalan Sign Language), as well as using science as a driving force for inclusion in Barcelona society.

In collaboration with the Binomils expert group, with the support of the Barcelona Aquarium, the Centre de la Platja, the Port Vell de Barcelona, Dortoka and the Associació Dones de la Mar, and with the expertise of the local deaf community, 100 words related to the fields of marine biology and fisheries have been reviewed to develop a linguistic glossary in Catalan ˂> LSC.

You can find the linguistic glossary in Catalan ˂> LSC developed throughout the project (September 2025 – May 2026) at the following links:

.yt-carousel-container {
position: relative;
width: 100%;
margin: 30px auto;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
padding: 0 15px 10px 15px;
box-sizing: border-box;
}

.yt-carousel-track-wrapper {
overflow: hidden;
width: 100%;
border-radius: 12px;
}

.yt-carousel-track {
display: flex;
gap: var(–yt-carousel-gap);
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
padding: 15px 5px 25px 5px; /* Més espai inferior per la barra de desplaçament */
-webkit-overflow-scrolling: touch;
}

/* Barra de desplaçament personalitzada per a una navegació ràpida (92 vídeos) */
.yt-carousel-track::-webkit-scrollbar {
height: 8px; /* Gruix de la barra */
}

.yt-carousel-track::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.06);
border-radius: 10px;
}

.yt-carousel-track::-webkit-scrollbar-thumb {
background: var(–yt-theme-color);
border-radius: 10px;
cursor: pointer;
transition: background 0.3s ease;
}

.yt-carousel-track::-webkit-scrollbar-thumb:hover {
background: #005a76;
}

.yt-card {
flex: 0 0 var(–yt-card-width-desktop);
scroll-snap-align: start;
box-sizing: border-box;
display: flex;
flex-direction: column;
}

@media (max-width: 1024px) {
.yt-card {
flex: 0 0 var(–yt-card-width-tablet);
}
}

@media (max-width: 768px) {
.yt-card {
flex: 0 0 var(–yt-card-width-mobile);
}
}

.yt-thumbnail-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
background-color: #111;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}

.yt-thumbnail-wrapper:hover {
transform: translateY(-6px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.yt-thumbnail-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.yt-thumbnail-wrapper:hover img {
transform: scale(1.05);
}

.yt-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.95);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 25px rgba(0,0,0,0.25);
transition: transform 0.3s ease, background 0.3s ease;
pointer-events: none;
}

.yt-thumbnail-wrapper:hover .yt-play-btn {
transform: translate(-50%, -50%) scale(1.12);
background: #ffffff;
}

.yt-play-btn svg {
width: 24px;
height: 24px;
fill: var(–yt-theme-color);
margin-left: 4px;
}

.yt-thumbnail-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 12px;
}

.yt-card-title {
margin-top: 14px;
font-size: 15px;
font-weight: 600;
color: var(–yt-text-color);
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 42px;
}

.yt-control-btn {
position: absolute;
top: calc(50% – 10px); /* Ajustat per l’amplada de la scrollbar */
transform: translateY(-50%);
width: 46px;
height: 46px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 10;
outline: none;
}

.yt-control-btn:hover {
background: #ffffff;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
transform: translateY(-50%) scale(1.08);
}

.yt-control-btn.prev {
left: -15px;
}

.yt-control-btn.next {
right: -15px;
}

.yt-control-btn svg {
width: 16px;
height: 16px;
fill: #333;
}

These are the words that were interpreted into Catalan Sign Language (LSC) as part of this project:

Caudal fin, Dorsal fin, Pectoral fins, Sea anemone, Marine Protected Area (MPA), Bottom trawling (fishing), Small-scale fisheries, School of fish, Benthic, Bivalve, Buoy, Light boat, Gills, Cap de Creus, Cartilage, Seahorse, Cephalopod, Cephalothorax, Shell, Cnidarian, Water column, Chondrichthyan, Coral, Water current, Costa Brava, Costa Daurada, Garraf Coast, Maresme Coast, Crab, Crustacean, Marine litter, Ebro Delta, Ecosystem, Echinoderm, Purse seine fishing, Norway lobster, Scales, Starfish (Sea star), Gill slits, Depth, Seabed, Shrimp, Gonads, Habitat, Sea cucumber, Invertebrate, Lateral line, Coastal zone, Sole, Flathead grey mullet, Fish market auction, European hake, Sea, Mediterranean Sea, Jellyfish, Grouper, Mollusc, Red mullet, Moray eel, Mussel, Ocean, Waves, Opercula, Gilthead seabream, Osteichthyan (bony fish), Oyster, Fish, Surgeonfish, Scorpionfish, Pufferfish, Clownfish, Pelagic, Commercial fishing, Recreational fishing, Plankton, Population, Octopus, Otter boards (bottom trawling), Posidonia seagrass, Radar, Ray (skate/ray), Salinity, Sardine, Anchovy, Selectivity (fishing), Siphon, Symbiosis, Cuttlefish, Temperature, Tentacle, Stinging tentacles, Tropical, Stinging, Temporal closure (fishing), Net.

Mar de Signes