|

Ah, psst, push it

Mit den Push-Mitteilungen geht’s steil bergauf – ein Test

Während du das hier liest, sitzen wir mit allen Teamleiter*innen zusammen und planen für das Festival im Sommer. Wetter und Stimmung sind gut.

Wir brauchen diese Push Nachricht aber nicht nur, um dir zu sagen, dass wir uns schon sehr auf das Festival freuen und um dich zu bitten, allen Freunden von der Push Funktion zu erzählen.. sondern auch, weil mittlerweile bei iOS (nur mit unser Stereostrand App) und Android (im Browser – zumindest mit Firefox – gehen andere bei dir auch?) Handys diese Push Nachricht ankommen müsste.

Es ist also ein Test. Naja, wir wünschen auf jeden Fall noch ein sonniges Wochenende.

Herzliche Grüße

Dein Stereostrand Team

Immer auf dem Laufenden bleiben

<!-- .ticket_teaser_cta_link{ position: fixed; display: block; bottom: 70px; right: 20px; width: 230px; height: 140px; transform: scale(0.5); transform-origin: bottom right; } .page-id-18555 .ticket_teaser_cta_link{ /* hide on tickets page */ display: none; } @media screen and (min-width: 1024px) { .ticket_teaser_cta_link{ transform: scale(.8); transform-origin: center right; top: 30vh; bottom: none; } } .ticket_teaser_cta_link img{ position: absolute; display: block; } .ticket_teaser_cta{ top: 10px; left: 10px; width: 141px; animation: init 10ms ease 0s 1 normal; /* fix a weird rendering problem with drop shadow on iOS */ filter: drop-shadow(0px 0px 5px #00f); } .ticket_teaser_friendly_ghost{ right: 0; top: 40px; width: 54px; animation: jump 2s ease 0s infinite normal; filter: drop-shadow(0px 0px 5px #00f); } .ticket_teaser_cta_link:hover .ticket_teaser_friendly_ghost{ animation: alert 3s ease 0s infinite normal; } @keyframes init{ 0% { transform: translateX(0); } 50% { transform: translateX(1px); } 100% { transform: translateX(0); } } @keyframes jump{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } @keyframes alert { 0%{ transform: translateX(0); } 5%{ transform: translateX(-5px); } 10%{ transform: translateX(5px); } 15%{ transform: translateX(-5px); } 20%{ transform: translateX(5px); } 25%{ transform: translateX(-5px); } 30%{ transform: translateX(5px); } 35%{ transform: translateX(-5px); } 40%{ transform: translateX(5px); } 45%{ transform: translateX(-5px); } 50%{ transform: translateX(0); } } -->