User:Wyn/Special Issue 25/Field Recording
< User:Wyn | Special Issue 25
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>8-bit Wan Chai Station Memory (Black on White)</title>
<style>
.pixel-bubble-container {
font-family: 'Courier New', monospace;
background-color: #fff;
padding: 20px;
display: inline-block;
}
.pixel-bubble {
background-color: #fff;
border: 4px solid #000;
padding: 20px;
max-width: 500px;
position: relative;
image-rendering: pixelated;
box-shadow:
-4px 0 0 0 #000,
4px 0 0 0 #000,
0 -4px 0 0 #000,
0 4px 0 0 #000;
}
.pixel-bubble:after {
content: ;
position: absolute;
left: 20px;
bottom: -20px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #000;
border-bottom: 0;
}
.pixel-text {
color: #000;
line-height: 1.4;
margin-bottom: 10px;
}
.blink {
animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
</style>
</head> <body>
WAN CHAI STATION SOUND:
RHYTHMIC, LOUD, SHORT, URGENT.
SIDEWALK SIGNAL FOR THE BLIND.
SMOOTH RHYTHM: TIME TO CROSS.
URGENT TONE: GREEN LIGHT ENDING.
INTRODUCED IN 2004.
SYMBOLIC OF HONG KONG SOUNDSCAPE.
SHOWS CITY'S SOPHISTICATED
DEVELOPMENT AND CARE FOR
MARGINALIZED GROUPS.
A SIGN OF INCLUSIVE DESIGN _
</body> </html>
+---------------------------+
| .------------------. | | / \ | | / +---------+ \ | | | |Field Record || | | from the sidewalk || | ｜ of Hongkong| || | | +---------+ || | \ / | | \ / | | '------------------' | | | | [PLAY] [PAUSE] [STOP] | | | |
| | +---------------------------+
+---------------------------+ | .------------------. | | / \ | | / +---------+ \ | | | |Meta Data| || | | +---------+ || | \ / | | \ / | | '------------------' | | | | [PLAY] [PAUSE] [STOP] | | | |
| | +---------------------------+
+---------------------------+ | .------------------. | | / \ | | / +---------+ \ | | | |memory Reload| || | | +---------+ || | \ / | | \ / | | '------------------' | | | | [PLAY] [PAUSE] [STOP] | | | |
| | +---------------------------+