User:Wyn/Special Issue 25/Field Recording: Difference between revisions

Revision as of 17:37, 20 September 2024

<!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]    |
|                           |
|

|                           |
+---------------------------+