Skip to content
CP4CPP logo
CP4CPP/YPS
App settings
Installation and offline settings

Preparing update checks...

Page link
Short link (ID)

Workspaces

12

Reading record

Reading statistics
Reading progress
-
Words
-
Reading estimate
-
Preset chosen
-
Code blocks
-
Images and diagrams
-
Preferences and widgets

    Shared across workspaces

    Heading markersPercentage markers

    yps - Your Personal System

    Role

    Section titled “Role”

    cp4.vn/yps is Your Personal System.

    It is a place for personal notes, visual study documents, review loops, training habits, and practice workflows.

    Purpose

    Section titled “Purpose”
    • Write study notes with visualizations.
    • Let code, curves, diagrams, and formulas coexist naturally.
    • Create a more expressive note-writing system for math, geometry, algorithms, and teaching materials.

    Lineage

    Section titled “Lineage”
    ProjectMeaningTimeForm
    YPSYour Personal SystemFeb 2025ImGui app
    BlackBox64Hardcore Tower Defense Dual-Board GameMar 2024ImGui / EGui
    DEFATUnique 2D Shapes AnimationsApr 2023ImGui app

    Learning Style

    Section titled “Learning Style”

    Personal-system learning: students learn by designing and refining a study process that actually fits how they train.

    CP4CPP Rules

    Section titled “CP4CPP Rules”
    • Personal systems should turn practice into reviewable evidence.
    • Notes should connect to canonical doc pages when possible.
    • Review loops should be explicit: what was learned, what failed, what returns later, and what should be solved next.

    Reader layout

    Col / Left

    Left column

    LEFT
    Width
    Rail
    ...
    CENTER
    Width
    Rail
    ...
    RIGHT
    Width
    Rail
    ...
    TOP
    ...
    NAV
    ...
    MID
    ...
    BOT
    ...

    Theme settings

    Preset 0 · Default · Locked

    Advanced colors · OKLCH

    Choose preset 1-9 to edit. Changes save on this device. Each color inherits in this order: cell → row → column → app → base theme.

    Editing All

    Selected scope

    Chroma 0 is neutral gray. Displayable colors depend on your screen; the browser maps colors outside its gamut. Grayscale also affects images and charts.

    Progress appearance

    Loading controls…

    Forest0.88 kB
    Slate0.88 kB

    Font settings

    Preset 0 · Default · Locked

    Font typography
    Advanced typography

    Auto uses the selected spacing mode. Variants and available weights depend on the font. The browser may synthesize missing weights or styles.

    a b c d e f g h i j k l m n o p q r s t u v w x y z

    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

    0 1 2 3 4 5 6 7 8 9

    ! " # $ % & ' ( ) * + , - . / : ; < = > ? @ [ \ ] ^ _ ` { | } ~

    abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

    Iosevka Extended10.76 MB
    Inter297.90 kB
    Source Sans 3197.90 kB
    Lora138.11 kB
    Source Serif 4216.02 kB
    JetBrains Mono130.64 kB
    Fira Code53.67 kB

    Keybinds

    Choose a binding, press up to 4 keys together, then release to save. Modifiers count as keys. Esc clears the selected binding. Unsupported keys show Unknown.

    Reader

    Forbidden key combinations

    Windows / Linux reference. These combinations are reserved by this app to avoid browser, system and editing conflicts. Some are intercepted before a page can receive them. Browser extensions and other operating systems may reserve additional keys.

    Fixed navigation: Ctrl + K opens Search. Alt + F6-F9 selects a row; Alt + F10-F12 selects a column. Combine both to select a cell. While selected, F1 captures a screenshot and F2 downloads PNG. Esc cancels dialogs and navigation when a binding is not being recorded.