Level Up Portfolio

A high-performance, retro-futuristic gamer portfolio built with Ruby (Rack) and EksaServer. Featuring custom CSS animations, a terminal-style loading screen, and a responsive design.

🚀 Features

• Terminal Style Loading: A sleek typewriter and box expansion effect on boot.
• Cool Game Controller: Fully animated CSS controller with interactive buttons.
• Energy Skill Bars: Boxy LED progress bars with "charging" animations.
• Mobile Responsive: Optimized for all devices with a custom hamburger menu.
• Crosshair Cursor: A custom pixel-art crosshair that reacts to clicks.
• WhatsApp Integration: Contact form that redirects directly to WhatsApp with pre-filled messages.
• Dynamic Meta Tags: Fully dynamic OpenGraph and Twitter meta tags for better SEO and social sharing.

🛠 Tech Stack

• Server: EksaServer (Ruby Rack based)
• Frontend: Tailwind CSS (via CDN), Vanilla JavaScript, custom CSS animations.
• Language: Ruby 3.x+

🏁 Getting Started

Prerequisites

• Ruby installed on your system.
• Bundler installed (gem install bundler).

Installation

1. Clone the repository:

   git clone https://github.com/IshikawaUta/template-portofolio-gaming-rb.git
   cd template-portofolio-gaming-rb

2. Install dependencies:

   bundle install

3. Start the server:

   bundle exec eksa-server

4. Open your browser at http://localhost:3000.

📂 Project Structure

• app.rb: Main Rack application logic.
• config.ru: Rack configuration and middleware.
• public/: Static assets (Favicons, OG Images).
• views/: ERB templates and layout.