Ad Astra Recruitment Website 24-25

A recruitment website for Ad Astra, with interactive about section, marquee, and footer components as my assigned sections for development.

Live Website: https://theadastra.org/join/2024/

Overview

The Ad Astra Recruitment Website 2024 was launched during the first term of A.Y. 2024–2025. It served as the official platform for the Student Inclusion (SI) Week of DLS-CSB, inviting aspiring student-journalists to join Ad Astra, one of the official publications under the Student Publications Unit (SPU).

This project contains the front-end implementation for the Ad Astra recruitment campaign. It includes responsive layouts, interactive carousels, and social media integration.

Project Structure

aa-recruitment-24-25/
├── about.html              # Main about page
├── about.js                # About page functionality
├── marquee.html            # Marquee component
├── README.md
├── assets/
│   ├── favicon.png
│   ├── thumbnail.png
│   └── img/                # Image assets for sections
├── css/
│   ├── about.css          # About page styles
│   └── style.css          # Global styles
└── recruitment/           # Duplicated structure (legacy/backup)
    ├── about.html
    ├── about.js
    ├── marquee.html
    ├── assets/
    └── css/

Features

• Responsive design for mobile and desktop
• Interactive carousel/slider for about section
• Dynamic marquee animations
• Social media integration (Facebook, Instagram, TikTok, X, Gmail)
• Custom navigation buttons

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)

Assets

The assets/img/ directory contains all visual resources including:

• Background images (desktop and mobile versions)
• Carousel images (4_AboutAA_1.png through 4_AboutAA_4.png)
• Navigation buttons (next/prev)
• Social media logos
• Branding assets

Development

Components

• About Section: Interactive carousel showcasing Ad Astra information
• Marquee: Animated scrolling text/content component
• Footer: Social media links and contact information

Credits

Role: UX Designer & Front-end Developer
Organization: Ad Astra: The Benildean Yearbook
Publication Year: 1T, A.Y. 2024-2025