feat: Retro pixel-art desktop environment with NES.css theming by 0xLeif · Pull Request #18 · CorvidLabs/site

0xLeif · 2025-12-07T03:16:58Z

Summary

Transforms the Corvid Labs site into an interactive desktop-like environment with windowed applications
Adds NES.css pixel-art styling with 8 customizable themes (Dark, Light, Corvid, Green, Black-Orange, Arcade, Sunset, Cyberpunk)
Implements floating window system with drag/resize support
Adds 18+ window components including games, utilities, and NFT/wallet features
Integrates Pera Wallet for Algorand blockchain connectivity
Adds Swift backend infrastructure for leaderboards and user profiles

New Features

Window System:

Floating windows with drag handles and z-index management
Resizable windows with pixel-perfect borders
Launch pad dashboard for opening applications

Games:

Tetris, Snake, Pong, Breakout
2048, Minesweeper, Memory Match
Flappy Raven, Slot Machine

Utilities:

Calculator, Notepad, Settings
Theme switcher with live preview
SoundCloud player integration

NFT/Wallet:

NFT showcase & rarity checker
Wallet integration with Pera Wallet
Leaderboard system

Test plan

Verify build completes without errors
Test theme switching between all 8 themes
Test window drag/resize functionality
Test each game window opens and plays correctly
Test wallet connection flow
Verify responsive design on mobile

🤖 Generated with Claude Code

Major transformation of the Corvid Labs site into an interactive desktop-like environment with windowed applications and games. New Features: - NES.css pixel-art styling with 8 customizable themes - Floating window system with drag/resize support - 18+ window components (games, utilities, wallet, NFT showcase) - Pera Wallet integration for Algorand blockchain - SoundCloud player integration - Leaderboard system - Swift backend infrastructure Games Added: - Tetris, Snake, Pong, Breakout - 2048, Minesweeper, Memory Match - Flappy Raven, Slot Machine Components: - Launch pad dashboard - NFT showcase & rarity checker - Calculator, Notepad, Settings - Theme switcher with live preview 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Copilot

Pull request overview

This pull request transforms the Corvid Labs site into an immersive retro pixel-art desktop environment featuring NES.css theming, window management, games, utilities, NFT/wallet integration, and a Swift backend for leaderboards.

Changes:

Adds 8 customizable themes (Dark, Light, Corvid, Green, Black-Orange, Arcade, Sunset, Cyberpunk) with a centralized theme service
Implements a floating window system with 18+ window components including games (Tetris, Snake, Pong, etc.), utilities (Calculator, Notepad), and NFT features
Integrates Pera Wallet for Algorand blockchain connectivity with wallet and NFT showcase windows
Adds Swift/Vapor backend infrastructure for leaderboards, user profiles, and authentication

Reviewed changes

Copilot reviewed 130 out of 138 changed files in this pull request and generated 25 comments.

Show a summary per file

File	Description
src/themes/*.scss	Theme definitions for 8 pixel-art themes with CSS variables
src/app/services/general/theme.service.ts	Centralized theme management with signals and localStorage persistence
src/app/services/nodely.service.ts	Algorand indexer integration for NFT data and wallet operations
src/app/directives/draggable.directive.ts	Window drag functionality with viewport constraints
src/app/components/windows/*	18+ window components for games, utilities, and NFT features
src/app/components/shared/pixel-icon	Pixel-art icon component mapping Material icons to pixelarticons font
backend/Sources/App/*	Swift/Vapor backend with JWT auth, leaderboards, and user profiles
package.json	Adds nes.css and pixelarticons dependencies

Copilot · 2026-01-22T22:08:08Z

src/app/services/soundcloud.service.ts

+export class SoundcloudService {
+  private url = 'https://api.soundcloud.com';
+
+  constructor(private httpClient: HttpClient) {}


Use the inject() function instead of constructor injection for consistency with Angular modern practices.

Copilot · 2026-01-22T22:08:09Z

src/app/components/windows/wallet-window/wallet-window.component.ts

+    return `${address.slice(0, 6)}...${address.slice(-4)}`;
+  });
+
+  constructor(private nodelyService: NodelyService) {


Use the inject() function instead of constructor injection for consistency with Angular modern practices.

Copilot · 2026-01-22T22:08:09Z

src/app/components/windows/calculator-window/calculator-window.component.ts

+    return this.MIN_TXN_FEE * price;
+  });
+
+  constructor(private http: HttpClient) {


Use the inject() function instead of constructor injection for consistency with Angular modern practices.

Copilot · 2026-01-22T22:08:09Z

src/app/components/windows/player-window/player-window.component.ts

+@Component({
+  selector: 'app-player-window',
+  templateUrl: './player-window.component.html',
+  imports: [CommonModule, DraggableDirective, SoundcloudPlayerComponent],
+  styleUrls: ['./player-window.component.scss']
+})


Missing ChangeDetectionStrategy.OnPush in component decorator. Set changeDetection: ChangeDetectionStrategy.OnPush for better performance.

Copilot · 2026-01-22T22:08:10Z

src/app/components/windows/float-window/float-window.component.ts

+  @Input() title: string = 'Floating Window';
+  @Input() initialPosition?: { x: number; y: number };
+
+  // Input setters to allow parent components to set initial dimensions
+  // TODO: These setters aren't used - child components set width/height directly via .set() in constructor
+  @Input() set initialWidth(value: number) {
+    this.width.set(value);
+  }
+
+  @Input() set initialHeight(value: number) {
+    this.height.set(value);


Use input() function instead of @input decorator for consistency with Angular modern practices.

Copilot · 2026-01-22T22:08:14Z

src/app/components/windows/notepad-window/notepad-window.component.ts

+import { DraggableDirective } from '../../../directives/draggable.directive';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';


Unused import SafeHtml.

Copilot · 2026-01-22T22:08:14Z

src/app/components/windows/pong-window/pong-window.component.ts

@@ -0,0 +1,286 @@
+import { Component, signal, computed, ElementRef, ViewChild, AfterViewInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';


Unused import computed.

Copilot · 2026-01-22T22:08:15Z

src/app/directives/draggable.directive.ts

@@ -0,0 +1,158 @@
+import { Directive, ElementRef, HostListener, inject, Input, OnInit } from '@angular/core';


Unused import inject.

Copilot · 2026-01-22T22:08:15Z

src/app/services/soundcloud.service.ts

@@ -0,0 +1,33 @@
+import { HttpClient, HttpParams } from "@angular/common/http";


Unused import HttpParams.

Copilot · 2026-01-22T22:08:15Z

src/app/services/nodely.service.ts

+import algosdk from "algosdk";
+import { CID } from 'multiformats/cid';
+import * as Digest from "multiformats/hashes/digest";
+import { forkJoin, map, Observable, of, switchMap } from 'rxjs';


Unused import switchMap.

0xLeif requested a review from Copilot January 22, 2026 22:03

Copilot started reviewing on behalf of 0xLeif January 22, 2026 22:03 View session

Copilot AI reviewed Jan 22, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: Retro pixel-art desktop environment with NES.css theming#18

feat: Retro pixel-art desktop environment with NES.css theming#18
0xLeif wants to merge 1 commit intomainfrom
leif/jabroni-code

0xLeif commented Dec 7, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Copilot AI Jan 22, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

		@@ -0,0 +1,286 @@
		import { Component, signal, computed, ElementRef, ViewChild, AfterViewInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';

		@@ -0,0 +1,158 @@
		import { Directive, ElementRef, HostListener, inject, Input, OnInit } from '@angular/core';

		@@ -0,0 +1,33 @@
		import { HttpClient, HttpParams } from "@angular/common/http";

Conversation

0xLeif commented Dec 7, 2025

Summary

New Features

Test plan

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 22, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant