cpaneldev.elevateomdev.com ยท online

Welcome, Sam

SCROLL
// 01 โ€” your server

Here's what you're working with.

Live numbers, pulled by PHP the moment this page loaded. Refresh and they'll update.

0%
disk used
Used723 GB
Free77 GB
Total800 GB
๐Ÿ˜ PHP
8.1.34
๐Ÿฌ Database
not detected
๐Ÿ’พ Free space
77 GB
๐Ÿงฉ PHP extensions
0 loaded
๐Ÿง  memory_limit
32M
๐Ÿ“ค upload_max
8M
๐Ÿ–ฅ๏ธ OS
Linux 3.10.0-1160.119.1.el7.tuxcare.els20.x86_64
๐ŸŒ Web server
Apache
โฑ๏ธ Uptime
63d 11h 1m
๐Ÿ“ˆ Load avg
0.09 ยท 0.08 ยท 0.13
// 02 โ€” getting files onto the server

Upload with FileZilla or the terminal.

Your connection details are below. Click any value to copy it.

Protocol
SFTP
Host
sam.luminaldev.com
Port
22
Username
sam
Web root
/home/samluminaldev/public_html
  1. Install FileZilla Client

    Grab it from filezilla-project.org. Get the Client, not the Server.

  2. Open the Site Manager

    File โ†’ Site Manager (or Ctrl+S), then click New site and name it something like "Sam Dev".

  3. Pick SFTP

    Protocol: SFTP โ€“ SSH File Transfer Protocol. Not plain FTP, because SFTP is encrypted.

  4. Host & port

    Host: sam.luminaldev.com ยท Port: 22

  5. Log in

    Logon type Normal with user sam and your password. If you use an SSH key, pick Key file and browse to your private key; FileZilla will offer to convert it to .ppk.

  6. Connect & trust the host

    Hit Connect. The first time, you'll see an "Unknown host key" prompt. Tick Always trust and press OK.

  7. Drag, drop, done

    Left pane is your computer, right pane is the server. Go to /home/samluminaldev/public_html on the right and drag files across.

FileZilla
๐Ÿ“ My Sites
๐Ÿ–ฅ๏ธ Sam Dev
Local: ~/Projects/site
๐Ÿ“„ index.php
๐Ÿ“„ app.js
๐ŸŽจ style.css
๐Ÿ“ images/
โžœ
Remote: /home/samluminaldev/public_html
๐Ÿ“„ index.php
๐Ÿ“„ app.js โœ“
๐ŸŽจ style.css
๐Ÿ“ images/
CancelConnect
โš  Unknown host keyThe server's host key is unknown. You have no guarantee that the server is the computer you think it is. ssh-ed25519 255 SHA256:k3Yxโ€ฆSam/Dev+9fQโ˜‘ Always trust this host, add this key to the cache

๐Ÿ“„ Copy one file up (scp)

Run this from your own machine. It puts index.html into the web root.

$
scp ./index.html [email protected]:/home/samluminaldev/public_html/

๐Ÿ“ Copy a whole folder (scp -r)

-r means recursive, so the folder and everything inside it goes up.

$
scp -r ./my-project [email protected]:/home/samluminaldev/public_html/

โฌ‡๏ธ Pull a file down

Swap the order to download from the server to your machine.

$
scp [email protected]:/home/samluminaldev/public_html/index.php ./

๐Ÿ”€ Interactive session (sftp)

Opens an sftp> prompt. Use ls, cd, put file, get file, put -r folder, and exit.

โšก Pro move: sync with rsync

This only sends what changed, which makes it great for redeploying a project.

$
rsync -avz ./site/ [email protected]:/home/samluminaldev/public_html/

๐Ÿ”‘ Stop typing your password

Run this once to install your SSH key, and every command above will connect without a password prompt.

$
ssh-copy-id [email protected]
๐Ÿ’ก Windows? scp, sftp and ssh come built into PowerShell on Windows 10/11, so the same commands work there too.
// 03 โ€” canvas 2D

Move. Click. Play.

// 04 โ€” pure CSS 3D

No libraries. Just CSS.

Drag the cube to spin it, and hover the cards to see the holographic tilt. All of it is transforms and gradients.

๐Ÿ˜PHP
๐ŸฌMySQL
โšกJS
๐ŸŽจCSS
๐ŸณDocker
๐Ÿš€Ship it
๐ŸŒŒ

WebGL shaders

The hero background is a GPU fragment shader.

๐ŸŽน

Web Audio

A real synth with a live FFT visualiser, all in the browser.

โœจ

Canvas 2D

Particles, confetti and Matrix rain.

๐Ÿ˜

PHP backend

The server stats above came from PHP 8.1.34.

// 05 โ€” web audio api

A synth in a webpage.

Play with the keys A S D F G H J K or click/tap. ๐Ÿ”Š Turn your sound on.

// 06 โ€” interactive

Try the terminal.

Type help to start. (Psst, try matrix and party.)

// 07 โ€” scroll magic

Everything animates.

0
file. That's the whole site.
0
dependencies, CDNs or build steps
SVG path drawing

Drawn as you scroll.

PHPMySQLWebGLCanvasWeb AudioCSS 3DSFTPPHPMySQLWebGLCanvasWeb AudioCSS 3DSFTP
๐Ÿช
0fps
The target. Loops pause when they're off-screen to stay smooth.
-- fps
click or press ESC to exit the Matrix