Event Check-in Process:root {
–primary-color: #3498db;
–secondary-color: #2ecc71;
–accent-color: #e74c3c;
–background-color: #ecf0f1;
–text-color: #34495e;
}body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: var(–background-color);
color: var(–text-color);
}.container {
max-width: 100%;
margin: 0 auto;
padding: 10px;
}
.section {
margin-bottom: 20px;
page-break-inside: avoid;
}
h1, h2, h3 {
color: var(–primary-color);
}h1 {
text-align: center;
font-size: 1.8em;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}.process-list, .payment-section, .walkin-section, .sample-form-section {
background-color: white;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 20px;
}.process-list ol {
padding-left: 20px;
counter-reset: item;
}.process-list li {
margin-bottom: 15px;
position: relative;
padding-left: 25px;
counter-increment: item;
}.process-list ul {
padding-left: 20px;
list-style-type: disc;
}.process-list ul li::before {
content: none;
}.qr-codes {
display: flex;
flex-direction: column;
align-items: center;
}.qr-code {
text-align: center;
margin: 10px 0;
background-color: var(–background-color);
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
width: 100%;
max-width: 300px;
}.qr-code:hover {
transform: scale(1.02);
}.qr-code img {
max-width: 100%;
height: auto;
}#printBtn {
background-color: var(–secondary-color);
border: none;
color: white;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 20px auto;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s ease;
width: 100%;
max-width: 300px;
}#printBtn:hover {
background-color: #27ae60;
}@media print {
#printBtn {
display: none;
}
}.important {
font-weight: bold;
color: var(–accent-color);
}a {
color: var(–primary-color);
text-decoration: none;
transition: color 0.3s ease;
word-break: break-word;
}a:hover {
color: var(–secondary-color);
}/* New styles for FPS ID and email */
.fps-info {
font-size: 1.2em;
font-weight: bold;
color: var(–accent-color);
margin: 10px 0;
padding: 10px;
background-color: #f8f9fa;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.fps-info span {
display: block;
margin-bottom: 5px;
}@media (min-width: 768px) {
.container {
max-width: 1000px;
padding: 20px;
}h1 {
font-size: 2.5em;
}.process-list,
.payment-section,
.walkin-section,
.sample-form-section {
padding: 30px;
}.qr-codes {
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}.qr-code {
margin: 20px;
}#printBtn {
width: auto;
}/* Larger FPS info for desktop */
.fps-info {
font-size: 1.4em;
}
}
Event Check-in Process
- Scan QR code for check-in. If no QR code is available, look up the attendee’s name/email/ticket number at https://rhythmstudiohk.com/snscheckin.
- Verify attendee information:
- NAME: Ask the attendee to state their full name and compare it with the name on the form. Ensure it matches exactly.
- PAID STATUS: Check the payment status on the form. Look for indicators such as “Paid,” “Unpaid,” or “Partial Payment.”
- If the status is “Paid,” proceed to step 5.
- If the status is “Unpaid” or “Partial Payment,” note the amount due and proceed to step 3.
- If payment is due, check the “amount due” field and collect payment via:
- CASH
- FPS (see FPS details below)
- STRIPE (see QR codes below, but remember to mention the extra credit card fee)
- Fill out details for door payment, including the amount paid and payment type.
- Once payment is checked/collected, click on ‘Paid’ at the bottom of the form and submit.
- If there are any issues, contact the admin to resolve them.
Walk-in Registration
- For walk-in registrations, use the following link: https://rhythmstudiohk.com/snswalkin
- Collect the following information:
- NAME (required): Ask for the attendee’s full name
- EMAIL (optional): Ask if they want a receipt, and if so, collect their email address
- Follow the payment collection process as described in steps 3-5 of the main check-in process above.
- IMPORTANT REMINDER: Don’t forget to fill in the details for payment amount and payment type at the bottom of the form.
FPS/STRIPE Payments
For STRIPE payments, use the appropriate QR code below:
Early Bird Price: $100 HKD

Regular Door Price: $150 HKD

// No additional JavaScript needed for this implementation