Skip to content

πŸ–₯️ Cyberpunk-themed academic portfolio CMS with terminal-style UI. Built with FastAPI & Jinja2.

Notifications You must be signed in to change notification settings

Okramjimmy/ojsTerminalBio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

ojsTerminalBio - UI Templates & Assets

Cyberpunk-themed academic portfolio UI files for ojsTerminalBio.

οΏ½ Screenshots

Home Page

Home Page

Admin Dashboard

Admin Dashboard

Profile Editor

Profile Editor

Page Editor

Page Editor

οΏ½πŸ“¦ Installation

Option 1: Install via PyPI (Recommended)

pip install ojsterminalbio
ojsterminalbio init-db
ojsterminalbio runserver

Option 2: Use these templates with custom backend

Clone this repo and copy templates/static to your project.


πŸ“ Structure

ojsterminalbio/
β”œβ”€β”€ templates/
β”‚   β”œβ”€β”€ admin/          # Admin panel UI
β”‚   β”‚   β”œβ”€β”€ base.html
β”‚   β”‚   β”œβ”€β”€ dashboard.html
β”‚   β”‚   β”œβ”€β”€ profile.html
β”‚   β”‚   β”œβ”€β”€ page_editor.html
β”‚   β”‚   └── ...
β”‚   └── public/         # Public website UI
β”‚       β”œβ”€β”€ base.html
β”‚       β”œβ”€β”€ index.html
β”‚       β”œβ”€β”€ about.html
β”‚       β”œβ”€β”€ research.html
β”‚       └── ...
└── static/
    └── css/
        └── tailwind.css

πŸš€ Quick Start

One-Click Setup

macOS/Linux:

chmod +x setup.sh
./setup.sh

Windows:

setup.bat

Manual Installation

# Install package
pip install ojsterminalbio

# Initialize database
ojsterminalbio init-db

# Run server
ojsterminalbio runserver

Access: http://localhost:7777

Admin Login:

  • Email: admin@example.com
  • Password: admin123

βš™οΈ Configuration

export OJSTB_SECRET_KEY="your-secret-key"
export OJSTB_DEFAULT_ADMIN_EMAIL="your@email.com"
export OJSTB_DEFAULT_ADMIN_PASSWORD="secure-password"
export OJSTB_DATABASE_URL="sqlite:///./ojsterminalbio.db"

🎨 Features

  • Cyberpunk terminal-style theme
  • Matrix rain background effect
  • Light/Dark mode toggle
  • Responsive design
  • Dynamic page editor
  • Customizable colors (Cyan, Pink, Amber, Green)

οΏ½ Admin Panel Access

  1. Navigate to: http://localhost:7777/admin/login
  2. Enter credentials:
    • Email: admin@example.com
    • Password: admin123
  3. Click Login

Admin Pages

URL Description
/admin/dashboard Overview with stats
/admin/profile Edit name, bio, contact info
/admin/publications Manage research papers
/admin/projects Manage sponsored projects
/admin/students Add PhD/MTech students
/admin/courses Add courses taught
/admin/pages Create custom pages
/admin/settings Theme & site settings

🎨 Customization Guide

1. Change Theme Color

Go to Admin β†’ Settings β†’ Theme Primary Color

  • Cyan (default)
  • Pink
  • Amber
  • Green

2. Edit Profile Info

Go to Admin β†’ Profile

  • Basic Info: Name, Title, Department
  • Contact: Email, Phone, Address
  • Bio: About yourself
  • External Links: Google Scholar, DBLP, etc.

3. Matrix Effect

Go to Admin β†’ Settings

  • Enable/disable matrix rain
  • Change characters (supports emoji, Unicode)
  • Adjust opacity

4. Add Custom Pages

Go to Admin β†’ Pages β†’ Create Page

  • Drag & drop blocks
  • Add cards, text, buttons
  • Publish to menu

5. Manage Content

  • Publications: Add research papers with DOI links
  • Projects: Add sponsored projects with funding info
  • Students: Add supervised students
  • Courses: Add courses with syllabus

πŸ“„ License

MIT License

πŸ‘€ Author

Okram Jimmy Singh

About

πŸ–₯️ Cyberpunk-themed academic portfolio CMS with terminal-style UI. Built with FastAPI & Jinja2.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages