LEVEL 5 // CONNECT
Ready to join? Reach out and become part of the collective.
Join our active community. Real-time chat, voice channels, and collaboration spaces.
discord.gg/stykalabriaBrowse our open source projects, contribute code, or start your own repository.
github.com/stykalabriaFollow us for updates, project highlights, and community announcements.
@stykalabria.orgAccessible contact form with semantic HTML5 validation and ARIA attributes.
<form id="contact-form" novalidate>
<div class="form-group">
<label for="name">Callsign / Name</label>
<input type="text" id="name"
required aria-required="true">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email"
required aria-required="true">
</div>
<button type="submit" class="btn">
Transmit
</button>
</form>Client-side form validation with visual feedback and accessibility support.
const FormValidation = {
init() {
const form = document.getElementById('contact-form');
form.addEventListener('submit', (e) => {
e.preventDefault();
const name = form.querySelector('#name');
const email = form.querySelector('#email');
let isValid = true;
// Validate name
if (!name.value.trim()) {
name.style.borderColor = '#ff5aa0';
isValid = false;
} else {
name.style.borderColor = '#00ffaa';
}
// Validate email
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email.value)) {
email.style.borderColor = '#ff5aa0';
isValid = false;
} else {
email.style.borderColor = '#00ffaa';
}
if (isValid) {
Toast.show('Transmission received. Welcome to the collective!');
form.reset();
}
});
}
};Privacy-first cookie handling with minimal data storage.
const Cookie = {
set(key, value, days = 365) {
const date = new Date();
date.setTime(date.getTime() + days * 86400000);
document.cookie =
`${key}=${encodeURIComponent(value)};` +
`expires=${date.toUTCString()};` +
`path=/;SameSite=Lax`;
},
get(key) {
const match = document.cookie.match(
new RegExp('(^|; )' + key + '=([^;]*)')
);
return match ? decodeURIComponent(match[2]) : null;
},
getJSON(key) {
try {
return JSON.parse(this.get(key));
} catch {
return null;
}
}
};