jlucus

ASCII Art Samples for jlucus.dev

Terminal Neon themed ASCII art banners for various sections of the portfolio.

Hero Section / Homepage

     _ _                     ____
    (_) |_   _  ___ _   _ ___(___ \
    | | | | | |/ __| | | / __|__) |
    | | | |_| | (__| |_| \__ \/ __/
   _/ |_|\__,_|\___|\__,_|___/_____|
  |__/

  ╔══════════════════════════════════════╗
  ║  TERMINAL NEON PORTFOLIO v1.0.0     ║
  ║  Developer • Builder • Creator       ║
  ╚══════════════════════════════════════╝

Ventures Section

  ██╗   ██╗███████╗███╗   ██╗████████╗██╗   ██╗██████╗ ███████╗███████╗
  ██║   ██║██╔════╝████╗  ██║╚══██╔══╝██║   ██║██╔══██╗██╔════╝██╔════╝
  ██║   ██║█████╗  ██╔██╗ ██║   ██║   ██║   ██║██████╔╝█████╗  ███████╗
  ╚██╗ ██╔╝██╔══╝  ██║╚██╗██║   ██║   ██║   ██║██╔══██╗██╔══╝  ╚════██║
   ╚████╔╝ ███████╗██║ ╚████║   ██║   ╚██████╔╝██║  ██║███████╗███████║
    ╚═══╝  ╚══════╝╚═╝  ╚═══╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝

    > Building the future, one project at a time...

Portfolio Section

  ╔═══════════════════════════════════════════════════════════╗
  ║                                                           ║
  ║   ██████╗  ██████╗ ██████╗ ████████╗███████╗ ██████╗     ║
  ║   ██╔══██╗██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝██╔═══██╗    ║
  ║   ██████╔╝██║   ██║██████╔╝   ██║   █████╗  ██║   ██║    ║
  ║   ██╔═══╝ ██║   ██║██╔══██╗   ██║   ██╔══╝  ██║   ██║    ║
  ║   ██║     ╚██████╔╝██║  ██║   ██║   ██║     ╚██████╔╝    ║
  ║   ╚═╝      ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝      ╚═════╝     ║
  ║                                                           ║
  ╚═══════════════════════════════════════════════════════════╝

  > Projects that matter. Code that ships.

Skills Section

   ███████╗██╗  ██╗██╗██╗     ██╗         ████████╗██████╗ ███████╗███████╗
   ██╔════╝██║ ██╔╝██║██║     ██║         ╚══██╔══╝██╔══██╗██╔════╝██╔════╝
   ███████╗█████╔╝ ██║██║     ██║            ██║   ██████╔╝█████╗  █████╗
   ╚════██║██╔═██╗ ██║██║     ██║            ██║   ██╔══██╗██╔══╝  ██╔══╝
   ███████║██║  ██╗██║███████╗███████╗       ██║   ██║  ██║███████╗███████╗
   ╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝       ╚═╝   ╚═╝  ╚═╝╚══════╝╚══════╝

   > Level up your game. Master the stack.

Contact Section

  ┌─────────────────────────────────────────────────────────┐
  │                                                         │
  │   ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗ ██████████╗  │
  │  ██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝ ╚══██╔══╝  │
  │  ██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║         ██║     │
  │  ██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║         ██║     │
  │  ╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗    ██║     │
  │   ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝    ╚═╝     │
  │                                                         │
  └─────────────────────────────────────────────────────────┘

  > Let's build something amazing together.

Terminal Boot Sequence

  ╔════════════════════════════════════════════════════════════╗
  ║  SYSTEM BOOT v1.0.0                                        ║
  ╠════════════════════════════════════════════════════════════╣
  ║  [OK] Loading portfolio modules...                         ║
  ║  [OK] Initializing neon effects...                         ║
  ║  [OK] Mounting component tree...                           ║
  ║  [OK] Activating skill systems...                          ║
  ║  [OK] Establishing network connections...                  ║
  ║                                                            ║
  ║  Ready. Type 'help' for available commands.               ║
  ╚════════════════════════════════════════════════════════════╝

  user@jlucus:~$ _

Loading States

  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 100%

  [████████████████████████████████████] Loading...

  ⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ Processing...

  ╔══════════════════════════════════════╗
  ║ ▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░░░░░  35% ║
  ╚══════════════════════════════════════╝

Error Messages

  ╔════════════════════════════════════════╗
  ║  ERROR: 404 - Page Not Found          ║
  ╠════════════════════════════════════════╣
  ║  The page you're looking for has      ║
  ║  vanished into the digital void.      ║
  ║                                        ║
  ║  > Return to [Home]                   ║
  ╚════════════════════════════════════════╝

Success Messages

  ✓ Message sent successfully!

  ╔════════════════════════════════════════╗
  ║  ✓ SUCCESS                            ║
  ╠════════════════════════════════════════╣
  ║  Your message has been transmitted.   ║
  ║  I'll respond within 24 hours.        ║
  ╚════════════════════════════════════════╝

Command Prompt Variants

  jlucus@dev:~$ ls -la projects/
  jlucus@dev:~$ cat ventures/chaology.txt
  jlucus@dev:~$ ./contact.sh --message "Hello"
  jlucus@dev:~$ npm run dev

  root@portfolio:/var/www# systemctl status portfolio

  [user@terminal ~]$ whoami
  [user@terminal ~]$ cd /skills/typescript

Section Dividers

  ════════════════════════════════════════════════════════

  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

  ╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼╼

Mini Logos

  [JL]  - Simple bracket style

  ⟨jl⟩  - Angle bracket style

  {jl}  - Curly brace style

  ┌─┐
  │J│L  - Box style
  └─┘

  ▐▌
  ▐█▌   - Block style
  ▐▌

Usage Notes

• These ASCII art samples use terminal-safe characters
• Compatible with monospace fonts (JetBrains Mono, Fira Code, etc.)
• Use sparingly for visual impact
• Consider adding neon glow effects via CSS text-shadow
• Ideal for:
  • Loading screens
  • Section headers
  • Terminal UI elements
  • Error/success messages
  • Command palette decorations

Implementation Example

// In a component
const HERO_BANNER = `
     _ _                     ____
    (_) |_   _  ___ _   _ ___(___ \\
    | | | | | |/ __| | | / __|__) |
    | | | |_| | (__| |_| \\__ \\/ __/
   _/ |_|\\__,_|\\___|\\__,_|___/_____|
  |__/
`;

<pre className="font-mono text-primary neon-glow">
  {HERO_BANNER}
</pre>

This site is open source. Improve this page.