ycparak / pkms

🎧 Personal site, blog and note taking system

PKMS

Note taking system inspired by Andy Matuschak’s notes, built with Vue and Nuxt.js.

As an interface paradigm, horizontal panning seems to me to encourage ephemeral rabbit hole consumption, I think this takes advantage of that, and intuitevly feels like it holds higher end-user retentention. OTOH, I think that it possibly comes at the expense of deeper knowledge study / understanding.

Use

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

pkms's Issues

Figure out a better colour scheme and switching state

Figure out a less obvious card design

Figure out z-index issue with interlink popovers

Make sticky headers link to column

Add automated backlinks

Add notes collection with routes

Figure out opengraph stuff

Design and build out Post page

Going back a page should leave you in the same place you left of

Add arrows to interlink popovers

Convert transformer-remark to vue-remark

Make cursor work like iPadOS

Add 5 projects

Design and add sticky headers

Handle page navigation 404's and 500's

Add long post design niceties

Make collections a reference and filter with GraphQL

Scrolling right and left with arrow keys

Design and build out newsletter page

Columns should be maximisable by clicking on maximise

Migrate to nuxt

Sortable columns

Add sidebar (that's responsive) with links

Make typography responsive

Improve responsiveness of index page

Graph view

Add column transitions

Add svg icons to form elements

Add sticky headers on left side when scroll is available

Add info nav icon

Root columns should be togglable from info control

Columns should be minimisable by clicking on minimise

Add quotes collection with routes

Spotlight search

SEO the shit out of the site

Draggable columns

Scrolling to anchor

Rework light mode

Design logo and favicon

Links should be previewable

Draw links from previous column (clicked link) to next column

Add references to a post

Figure out column stacking, post stacking, slugs and storing.

Make site responsive to small screens

Rotate / Figure out a better position for collections that also works on small screens

Add page and other transitions

Design error page

Scrolling up and down with hover + keyups

Columns should be closable by clicking an X

Fix darkmode split second flash