NS
Opening NarraSpace
Preparing stories, films, music, and artwork for you.

Stories deserve a space to live.

A digital home for stories, films, and original soundtracks

Read original stories, watch independent films, and listen to music created for every narrative.

NarraSpace Creative Archive
A living archive for original stories, independent films, original music, soundtracks, creators, and collaborators.
Welcome to the NarraSpace Beta

Some features may still change as we learn from readers and continue improving the experience.

NarraSpace Creative Archive

Read Stories. Watch Films. Listen to Music.

Start with NarraSpace stories and films, then follow the music and creators connected to each work.

Archive Snapshot

A quick look at the stories, films, soundtracks, creators, and audience activity shaping NarraSpace.

NarraSpace At A Glance
Read & Watch
0
Stories & Films
Original narratives ready to read, watch, and rediscover.
Listen
0
Original Soundtracks
Songs, themes, and scores connected to the narratives behind them.
Creative Team
0
Creative Contributors
Writers, artists, filmmakers, performers, and local storytellers.
Reader Opens
0
Recorded Views
A running total of how often visitors open creative works across the archive.
Feature shelf

Fresh From NarraSpace

The newest stories, films, and soundtracks ready to experience.

NarraSpace Archive

Explore Stories & Films

Choose a story. Enter a world.

Read it. Watch it. Carry it with you.

0 resources
Library overview 0 resources
All stories & videos 0 resources
One story, many forms

Connected Story Experience

Move naturally from an original story to its short film or soundtrack when those works are linked in the archive.

The story continues through music

Original Soundtracks

Hear the songs, themes, and scores connected to NarraSpace stories and films.

The sound archive is tuning up. Original music will appear here as tracks are published.
About NarraSpace

A living archive for local imagination

NarraSpace preserves original stories, illustrated works, independent films, music, soundtracks, and creator credits so creative work can keep reaching communities and new audiences.

Why Choose Us

Why NarraSpace?

A welcoming space where original work remains discoverable, connected, and properly credited.

Stories to keep
Original narratives stay readable, searchable, and ready for new audiences.
Films to discover
Independent short films receive a cinematic home beyond a single event or screening.
Stories in sound
Original songs and scores remain connected to the narratives that inspired them.
Creators remembered
Writers, artists, filmmakers, and musicians receive clear and lasting credit.
Grow the archive with us

Let’s Keep the Archive Growing

Report a concern, suggest a resource, propose a collaboration, or share an idea with NarraSpace.

Send a message

Choose a reason first. The form will guide what to include.

Private
More message types
Choose an option so we can map your message correctly.
0 / 3000
Your details are collected only so NarraSpace can understand and respond to this message.
You will see a confirmation after the message is saved.

Message received

Thank you. Your message is now in the NarraSpace admin inbox.

NarraSpace Workspace

Control Center

Manage resources, publishing, messages, and the public learning experience.

Workspace Overview

Manage NarraSpace content, collaborators, settings, and public updates from one place.

Latest upload: None yet
Inbox: No new messages
Ctrl K
Unsaved changes
Workspace navigation
2026 refresh
Dashboard Swipe or use arrows
Admin Insights Developer
0
Stories & Films
0
Soundtracks Published
0
Unread Messages
0
For Review

Homepage Studio

Prepare private homepage drafts for future publishing. Public visitors continue seeing the current homepage until a later approved phase connects it.

Draft data is private. Publishing activates one homepage version for future Phase 8B use only.

Creators & Collaborators

Create public profile drafts and connect them to existing Stories, Films, and Music without duplicating resource records.

Creator Profile

NS
Upload a creator portrait or paste a safe image URL. Save the profile after uploading.
Upload a creator portrait here, or paste a safe image URL above.

Collaborator Profile

NS
Upload a collaborator logo or image, preview it here, then save the profile.
Upload a collaborator logo/image here, or paste a safe image URL above.

Connect Profile to Resource

Po-opo Companion Studio

Manage Po-opo's appearance, conversation, sprite animations, drag reactions, and public behavior from one no-code workspace.

Po-opo 2.0 Animation StudioUpload a transparent sprite sheet, build animations by clicking frames, and assign reactions without editing code. No-code sprite editor

Sprite Source and Display

The supplied 8 × 11 WebP sheet is already configured. A future sheet can be uploaded here without flattening transparency.

Size Engine V3: the launcher now grows with the character—not only the surrounding box. Presets adjust desktop, mobile, and Archive Guide sizes together. Save Draft, then Publish.
The supplied Po-opo 2.0 manifest is ready. Save this version as a draft, then publish it after previewing.
Checking which Po-opo settings are live…

Live Character Preview

This preview uses the same sprite engine as the homepage launcher, chat, and Archive Guide.

Drag & Movement

Choose how Po-opo reacts while you hold and move the character. No code is needed.

Interactive
On the public homepage, hold Po-opo and drag left or right. The selected directional animation plays only when the movement direction changes; releasing returns Po-opo to the chosen release reaction, then idle.

Touch & Reactions

Let visitors gently interact with Po-opo, keep the Archive Guide lively, and optionally allow small surprise activities along the screen edge.

Alive Pack
Random side activity never opens the chat, never changes Po-opo’s saved position, pauses while visitors read or watch a resource, and respects reduced-motion preferences.

Animation Builder

Choose an animation, click frames in order, then adjust its speed and playback style. A frame may be used more than once.

Available Frames
Selected Sequence

Behavior Map

Assign an animation to each public interaction. Po-opo reacts intentionally instead of moving continuously.

Published Po-opo settings are exposed through a strict public allowlist only.

Curated Collections

Build editorial journeys from existing Stories, Films, and Music without copying or deleting resources.

Add Resource to Collection

Update Board

A quick scan of what changed recently.

Latest Change
No updates yet
Waiting for activity
Latest Upload
No uploads yet
Stories, short films, and music will appear here
Latest Message
No messages yet
Inbox is clear

Launch Readiness

Quick visual checks before you redeploy or relaunch.

System Check

Fast deployment checks for database, branding, loader, and publishing health.

Approval Workflow

Review submitted resources before they become visible on the public site.

Analytics Dashboard

Track views, publishing health, resource balance, and visitor interest.

Content Quality Center

A launch checklist for covers, preview text, credits, links, and publish readiness.

Admin Toolkit

A compact command center for media, links, and resource history.

Category Manager

Rename, merge, or remove category labels across stories, films, and music.

Portal Links

Add official quick-access links and upload PNG/JPG logos for each portal card.

Add or edit portal cards here. Each portal can use short text like DEP or an uploaded PNG/JPG logo.

Homepage Bulletin and Showcase

Shape the public bulletin cards, then let the visual showcase automatically pull from your pinned and newest resources.

Bulletin Cards

You can upload an image here, or paste a video/image link above.
Tip: keep the copy short, lead with the strongest image or clip you have, and use the Featured section to influence the automatic showcase below.
Visitor Preview
Bulletin Preview
This is how the current bulletin slot will feel on the public site.
Automatic Showcase
What fills the visual slider

Pinned resources with covers show up first, then the freshest published items with strong artwork. You can steer it from the Featured shelf arrangement without extra coding.

Recent Team Feed

Recent uploads, updates, featuring, and account changes appear here in one clean feed.

My Uploader Tools

Your account, upload activity, and password tools.

Signed in as: Admin
Role: Uploader Admin
My uploads: 0
Uploader admins manage their own uploads. Site admins can manage content, messages, portals, and the companion. Developer admins manage branding, accounts, backups, and advanced controls.

Change My Password

Create Literary Work, Short Film, or Music

Step 1 of 4. Start with the resource basics. Draft saves automatically on this device.
Existing Story records remain compatible. This subtype changes only the label, icon, cover treatment, and preferred preview.
Storybooks: 1080x1620 portrait. Keep titles and faces inside the center 70% so the new editorial shelf crop stays safe.
No cover photo
You may provide a document link, full text, or both. Poems and Word Stories automatically prefer this reader when text is available.
Best preview text is 1 to 2 short sentences. Lead with what the visitor will discover from this creative work.
Published resources can appear on the public site immediately.
Uploader accounts submit resources for admin review. Site Admin and Developer accounts can publish directly.
Ready for review
Complete the earlier steps, then submit from here.
Tip: I save your draft on this device while you work.

All Content

No resources selected yet.
More

Contact Inbox

Messages sent from the contact form appear here instantly.

Guest Review Moderation

Approve helpful reviews before they appear on story, film, and music previews.

Branding and Site Text

Change the logo, title, hero text, and main color without editing code.

NarraSpace
NarraSpace Creative Archive
Stories, films, music, and creator credits made easier to find, preview, and share.
Navbar Preview
NarraSpace
Hero Preview
Welcome to Learning Excellence
A living archive for stories, films, music, creators, and collaborators.

Edit the core name, logo, navbar size, and headline. Use the preview cards above while you adjust.

Typography Preview
NarraSpace Creative Archive

Use this preview to choose a typeface that feels readable on phones and polished on desktop.

260px
Use this for a rectangular PNG logo in the center banner above the welcome title. The browser tab icon will use your square logo first, then this wide logo if needed.
80px
40px
72px

Adjust the hero banner image, color blend, and banner sizing. These changes shape the first impression of the site.

100vh
72%
Upload a wide PNG, then choose "Show full rectangular PNG" so it stays visible instead of being cropped.

Use color controls and presets to keep the public site visually consistent. The preview updates as you adjust.

Preview Reader Theme
Sample Story Title
Save Open
resource-link.pdf
Details Pane Category, credits, and summary live here.
Content Area
Preview content
Use {title} to keep each resource name.
Tip: if the preview text gets hard to read, raise the contrast between the text colors and the Header, Surface, Details, and Toolbar backgrounds before saving.

These controls rename your navigation and content sections without touching the code.

Rename, reorder, hide, or add public header links here. You can point to page sections like #stories, type a section word like stories, or paste a full external link.
About NarraSpace
Learning That Feels Closer to Home
Use the admin area to publish original stories, films, music, and creator credits.
Begin Your Journey
Optional PNG/JPG/WebP/GIF. The live preview uses it immediately after upload.
Live Section Preview
Why Choose Our Platform?
Everything you need to make localized resources easy to explore.
Edit the card text here. Open "Change icon" only when you want to swap the symbol.
Advanced text format
One card per line: lucide-icon | title | description. This is kept for copy-paste backups.

Control the Library Guide lane on the public homepage. This keeps discovery visuals separate from the main Branding tab.

Library Guide
Explore NarraSpace Your Way
Quick paths into new releases, editor picks, popular stories, short films, and original soundtracks.
New Arrivals
See fresh shelf
Creator Picks
Open highlights
This controls the public Library Guide lanes above the shelves. Keep it compact if you want a tighter homepage.
Portal cards now have their own Admin tab. Open Admin > Portals to add links, upload portal logos, and save quick-access cards without touching the full branding setup.

Finish the public-facing details here: footer copy, contact form text, and the extra contact cards on the page.

Companion Setup

Control the compact helper dock, its PNG icon, quick buttons, and first-person answers.

Po-opo
Page companion online
Use Po-opo to discover stories, short films, music, and creators.
Hi, I am ready to help you explore the page.
Use a square PNG or WebP with Po-opo's face centered. This changes only the small tucked-out button.
Using the main Po-opo icon.
Upload Frame 1 as the main icon, then add Frame 2 or 3 for a light animated companion.
These settings change the public floating helper button and the chat avatar together.
Companion Color Studio
Related background and text colors are paired together. Every swatch updates the live companion preview.
Launcher
Chat shell
Header
Helper strip
Conversation bubbles
Quick themes
Searches live resources, compares results, suggests a random pick, understands common Filipino/Hiligaynon search words, and maps feedback or broken-link reports.
Po-opo's Living Archive
Give the Archive Guide its own lightweight world. The image is used as a responsive background only—no video, canvas, or heavy game engine.
Environment preview
Built-in forest environment is active.
Archive Encounter Layout
Adjust Po-opo and the dialogue panel without editing code. Values adapt automatically on tablets and phones.
These labels appear in Po-opo's dialogue choices.
Uses one compressed image, CSS movement, and the existing sprite sheet. No AI, no paid API, and no additional player layer.

Po-opo Guide Studio

Manage only the large Po-opo inside the fullscreen Archive Guide. Motion, artwork, and responsive sizes remain separate from the small floating companion.

Large Guide Preview
Idle animation Guide-only preview · shared sprite source
Guide MotionThe same saved behavior runs on desktop, tablet, and mobile.
Large Guide ArtworkUse a separate high-resolution animated sheet to prevent the fullscreen guide from looking blurry.
Upload high-resolution sprite sheet Best result: transparent WebP or PNG using the same animation-cell arrangement as the original sheet.
Responsive Guide SizeMotion and artwork stay identical across devices; only the display size adapts.
Guide Studio ready Test the motion and artwork, then save to publish the same guide behavior on desktop and mobile.

Developer Controls

Advanced controls for the required opening screen, shelf density, and hidden admin access helpers.

Opening Screen Preview
GO
Opening your learning shelf
Gathering the latest resources, branding, and companion tools for this page.
Public shelves are currently set to 6 items per page.
Quick Access
The opening screen always appears while NarraSpace prepares content and resources. Keep media short and compressed so the page opens smoothly on phones.
No opening logo yet. The loader will use the badge text.
No media yet. The loader will use your chosen colors.
GIFs work well. For video, keep it short, muted, and under 4 MB so mobile visitors do not wait too long.
56% tint over the background image.
Optimization converts older embedded base64 covers, logos, bulletin images, and companion images into faster /uploads/ file links. Use it after redeploy if the public database feels slow.

Access Accounts

View, delete, and create accounts. Developer admins can see every account.

Backup Tools

Export content, messages, settings, and admin accounts before moving browsers or computers.

You appear to be offline. Cached resources remain available.