Skip to the content

Koyomi Calendars暦

Calendar pages as SVG: a day as an icon in 18 original designs, a whole month as a poster or a desk pad, and the page turning from one day to the next.

Koyomi is the Japanese word 暦 for the calendar. About the name

Contents

Reference · Calendar icons

CALENDAR_PRESETSconstant

The named looks: flat, disc, ringed, tilted and disc-ringed.

An option you give yourself wins over the preset's.

Import it

import { CALENDAR_PRESETS } from "@johnmorrisdotca/koyomi-calendars";

Definition

const CALENDAR_PRESETS: { readonly flat: {}; readonly disc: { readonly housing: "circle"; }; readonly ringed: { readonly rings: true; }; readonly tilted: { readonly turn: -8; }; readonly "disc-ringed": { readonly housing: "circle"; readonly rings: true; }; } = {
    flat: {},
    disc: { housing: "circle" },
    ringed: { rings: true },
    tilted: { turn: -8 },
    "disc-ringed": { housing: "circle", rings: true },
} as const satisfies Record<string, CalendarLook>

Members

NameTypeDescription
flat{}

The icon alone, upright: what you get with no option.

disc{ readonly housing: "circle"; }

On a round disc.

ringed{ readonly rings: true; }

Spiral rings across the top.

tilted{ readonly turn: -8; }

Turned a little to the left, as the older macOS icons stood.

disc-ringed{ readonly housing: "circle"; readonly rings: true; }

Ringed, on a disc.

Examples

import { CALENDAR_PRESETS } from "@johnmorrisdotca/koyomi-calendars";

console.log(Object.keys(CALENDAR_PRESETS).join(", "));
flat, disc, ringed, tilted, disc-ringed

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/koyomi-calendars 0.3.0.