1<!DOCTYPE html><html class="scroll-smooth bg-white antialiased [font-feature-settings:'ss01']" lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><title data-next-head="">Getting started - TimeToTime Documentation</title><meta name="description" content="Concepts and best practices for using TimeToTime to learn history and event timelines." data-next-head=""/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/3602ebb14e940f7d.css" as="style"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Lexend:wght@400;500&display=swap"/>
1<script> 2 let mediaQuery = window.matchMedia('(prefers-color-scheme: dark)') 3 4 function updateTheme(savedTheme) { 5 let theme = 'system' 6 try { 7 if (!savedTheme) { 8 savedTheme = window.localStorage.theme 9 } 10 if (savedTheme === 'dark') { 11 theme = 'dark' 12 document.documentElement.classList.add('dark') 13 } else if (savedTheme === 'light') { 14 theme = 'light' 15 document.documentElement.classList.remove('dark') 16 } else if (mediaQuery.matches) { 17 document.documentElement.classList.add('dark') 18 } else { 19 document.documentElement.classList.remove('dark') 20 } 21 } catch { 22 theme = 'light' 23 document.documentElement.classList.remove('dark') 24 } 25 return theme 26 } 27 28 function updateThemeWithoutTransitions(savedTheme) { 29 updateTheme(savedTheme) 30 document.documentElement.classList.add('[&_*]:!transition-none') 31 window.setTimeout(() => { 32 document.documentElement.classList.remove('[&_*]:!transition-none') 33 }, 0) 34 } 35 36 document.documentElement.setAttribute('data-theme', updateTheme()) 37 38 new MutationObserver(([{ oldValue }]) => { 39 let newValue = document.documentElement.getAttribute('data-theme') 40 if (newValue !== oldValue) { 41 try { 42 window.localStorage.setItem('theme', newValue) 43 } catch {} 44 updateThemeWithoutTransitions(newValue) 45 } 46 }).observe(document.documentElement, { attributeFilter: ['data-theme'], attributeOldValue: true }) 47 48 mediaQuery.addEventListener('change', updateThemeWithoutTransitions) 49 window.addEventListener('storage', updateThemeWithoutTransitions) 50</script>
50<link rel="stylesheet" href="/_next/static/css/3602ebb14e940f7d.css" data-n-g=""/><noscript data-n-css=""></noscript>
50<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
50<script src="/_next/static/chunks/webpack-ebaecf1400f57e15.js" defer=""></script>
50<script src="/_next/static/chunks/framework-90ebb9b5b53ea091.js" defer=""></script>
50<script src="/_next/static/chunks/main-e9ae04ee56a632e9.js" defer=""></script>
50<script src="/_next/static/chunks/pages/_app-35f0f5b8ece4b60d.js" defer=""></script>
50<script src="/_next/static/chunks/430d785c-054bf5f9222384f1.js" defer=""></script>
50<script src="/_next/static/chunks/494-1526483fabf50d8a.js" defer=""></script>
50<script src="/_next/static/chunks/pages/docs-3f7480b07070fe23.js" defer=""></script>
50<script src="/_next/static/5vBP3tkgc25D8PqdzBVaf/_buildManifest.js" defer=""></script>
50<script src="/_next/static/5vBP3tkgc25D8PqdzBVaf/_ssgManifest.js" defer=""></script>
50</head><body class="flex h-full flex-col dark:bg-slate-900"><div id="__next"><header class="sticky top-0 z-50 flex flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:px-8 dark:bg-transparent"><div class="mr-6 lg:hidden"><button type="button" class="relative"><span class="sr-only">Open navigation</span><svg aria-hidden="true" class="h-6 w-6 stroke-slate-500" fill="none" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"></path></svg></button><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></div><div class="relative flex flex-grow basis-0 items-center"><a class="block w-10 overflow-hidden lg:w-auto" href="/"><span class="sr-only">Home page</span><span class="bg-red-300 sm:hidden"><div class="flex "><img alt="logo" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo-48.png&w=48&q=75 1x, /_next/image?url=%2Flogo-48.png&w=96&q=75 2x" src="/_next/image?url=%2Flogo-48.png&w=96&q=75"/></div></span><span class="hidden sm:block"><div class="flex "><img alt="logo" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo-48.png&w=48&q=75 1x, /_next/image?url=%2Flogo-48.png&w=96&q=75 2x" src="/_next/image?url=%2Flogo-48.png&w=96&q=75"/>
50<p class="self-center pl-2 text-base dark:text-white sm:text-xl">TimeToTime.app</p></div></span></a></div><div class="relative flex basis-0 justify-end space-x-6 pr-8 sm:space-x-8 md:flex-grow"><div class="relative z-10" data-headlessui-state=""><div class="sr-only" id="headlessui-label-_R_1nlm_" data-headlessui-state="">Theme</div><button class="flex h-6 w-6 items-center justify-center rounded-lg shadow-md shadow-black/5 ring-1 ring-black/5 dark:bg-slate-700 dark:ring-inset dark:ring-white/5" id="headlessui-listbox-button-_R_2nlm_" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><span class="sr-only"></span><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-sky-400 [[data-theme=light]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-sky-400 [[data-theme=dark]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-slate-400 [:not(.dark)[data-theme=system]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-slate-400 [.dark[data-theme=system]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"></path></svg></button></div></div></header><div class="max-w-8xl relative mx-auto flex justify-center sm:px-2 lg:px-8 xl:px-12"><div class="hidden lg:relative lg:block lg:flex-none"><div class="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden"></div><div class="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto py-16 pl-0.5"><div class="absolute top-16 bottom-0 right-0 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block"></div><div class="absolute top-28 bottom-0 right-0 hidden w-px bg-slate-800 dark:block"></div><nav class="text-base lg:text-sm w-64 pr-8 xl:w-72 xl:pr-16"><ul class="space-y-9"><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Introduction</h2><ul class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs">Getting started</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Using the App</h2>
50<ul class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/anchor-dates">Anchor dates</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/duels">Duels</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/hiding-dates">Hiding dates</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/adding-links">Adding links</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/publishing-a-deck">Publishing a deck</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/importing-cards-via-CSV">Importing cards via CSV</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">How it Works</h2><ul class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/phase-learning">Phase: Learning</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/phase-revising">Phase: Revising</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/phase-difficult">Phase: Difficult</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Effective Learning</h2>
50<ul class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/it-takes-time">It takes time</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/making-good-links">Making good links</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/major-system">Mnemonic Major System</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/docs/what-is-timetotime-for">What is TimeToTime.app for?</a></li></ul></li></ul></nav></div></div><div class="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16"><article><header class="mb-9 space-y-1"><h1 class="font-display text-3xl tracking-tight text-slate-900 dark:text-white">Getting started</h1></header><div class="prose prose-slate max-w-none dark:prose-invert dark:text-slate-400 prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem] prose-lead:text-slate-500 dark:prose-lead:text-slate-400 prose-a:font-semibold dark:prose-a:text-sky-400 prose-a:no-underline prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))] hover:prose-a:[--tw-prose-underline-size:6px] dark:[--tw-prose-background:theme(colors.slate.900)] dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))] dark:hover:prose-a:[--tw-prose-underline-size:6px] prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10 dark:prose-hr:border-slate-800"><p class="lead">Learn how to get started with TimeToTime.app. </p><p>The documentation falls into two broad categories:</p><ul><li><strong>Using the App</strong>: Guidance on which buttons to push on the app itself, in order to get stuff done.</li><li><strong>Effective Learning</strong>: Guidance and best practices on how to learn more effectively with the app.</li></ul><hr/><h2 id="before-we-start">Before we start</h2><p>TimeToTime is for building strong associations between events <strong>that you know</strong>, and dates that you don't yet know. This means it will be considerably more difficult to learn events that you <strong>don't know</strong> and try and correlate them with dates that you also don't know. We recommend against doing that, though there are techniques (such as building links and creating a story as you learn).</p><p>Along the way, TimeToTime helps you get a feel for the <strong>order of events</strong> (what happened before/after/during an event), and the <strong>relationships between events</strong> (what links exist between the dates).</p><p>See <a href="/docs/what-is-timetotime-for">what's it for</a> for more.</p><div class="my-8 flex rounded-3xl p-6 bg-sky-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 flex-none [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id="_R_19jdm_-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id="_R_19jdm_-gradient-dark" gradientTransform="matrix(0 24.5001 -19.2498 0 16 5.5)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#_R_19jdm_-gradient)"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z" class="fill-[var(--icon-background)]" fill-opacity="0.5"></path><path d="M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z" class="fill-[var(--icon-foreground)]"></path><path d="M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z" class="fill-[var(--icon-foreground)]"></path></g><g class="hidden dark:inline"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z" fill="url(#_R_19jdm_-gradient-dark)"></path></g></svg><div class="ml-4 flex-auto"><p class="m-0 font-display text-xl text-sky-900 dark:text-sky-400">Timely quote</p><div class="prose mt-2.5 text-sky-800 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300 prose-a:text-sky-900 [--tw-prose-background:theme(colors.sky.50)]"><p>History doesnât repeat itself, but it does rhyme.<br/>â attributed to Mark Twain</p></div></div></div><h2 id="setting-up-decks">Setting up decks</h2><ul><li>You start with what you know, by creating an <strong>anchor deck</strong> - a deck of dates that you already know. These decks are great for "pegging" new dates against, and will help you position new dates that you learn. See <a href="/docs/anchor-dates">anchor dates</a> for more.</li><li>You then create one or more decks of dates that <strong>you want to learn</strong>. If you'd prefer, you can instead use the search functionality to find decks that others have published, and learn those.</li><li>When you create your decks, you can use Wikipedia to prepopulate much of the data for an event.</li></ul><p>You'll probably create a deck for a course you're following, or perhaps one of dates that you encounter in life - from books you read or movies you see. This is a continuos process - your deck will grow as you learn.</p><h2 id="setting-up-connections">Setting up connections</h2><p>We learn best by stories - by connecting events. For example, there is a rumour that Michelangelo was walking down the street, and met Da Vinci. That's enough for you to create a link, a connection, between these two peo
50ple - and you know that they lived at the same time - which is great for trying ot position events (and for telling a story of those events).</p><p>See <a href="/docs/making-good-links">making good links</a> for more.</p><p>Once you have a deck, and a few connections, you'll be ready to learn.</p><h2 id="the-learning-process">The learning process</h2><p>The learning process typically starts with an <strong>introduction</strong>, then a <strong>review</strong>.</p><p>The <a href="/docs/phase-learning">Learning Phase</a> is a process of repeatedly exposing you to a new date over a period of time. You can control the frequency and spacing of this introduction - but the point is to introduce you to a date, repeatedly, along with other dates. This gives you some time to get "used to the date", to position the date, and to create new links between dates.</p><p>It doesn't matter if you get something wrong - it takes time, and that's the point of introduction.</p><p>After introduction, a date moves into a review queue. The <a href="/docs/phase-revising">Revising Phase</a> teaches you dates from this queue. TimeToTime determines an optimal time at which to remind you to review a date, using a form of spaced repetition.</p><p>If you get stuck on a date, the date will be moved from the review queue to the difficult queue, and you'll next encounter it in the <a href="/docs/phase-difficult">Difficult Phase</a>. This is very similar to the Learning Phase - you'll be repeatedly exposed to the date, giving you a chance to find more ways to think about it, and more ways to link it to other dates.</p><p>It will always ask you about a date in two different ways. One is <strong>contextual</strong> - asking you about a date in relationship to others (is it before or after another, for example, or did it occur between two other dates). The other is more <strong>absolute</strong> - which is typically something like selecting the right date from a set of dates, or entering the date itself.</p><p>If you get a date wrong, you'll be prompted to review it again relatively soon.<br/>If you get it right, there will be a larger gap to the next review.</p><h2 id="going-further">Going further</h2><ul><li>Check out <a href="/docs/duels">duels</a> as a nice way to measure your progress against someone else.</li><li>Consider <a href="/docs/publishing-a-deck">publishing a deck</a> so that others can benefit from your work.</li></ul><h2 id="good-luck">Good luck</h2><p>All the best! Remember, <a href="/docs/it-takes-time">it takes time</a>. Don't stress if you get something wrong - but do try and always pay attention to a date, and to connecting that date to some other one.</p></div></article><dl class="mt-12 flex border-t border-slate-200 pt-6 dark:border-slate-800"></dl></div><div class="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6"><nav aria-labelledby="on-this-page-title" class="w-56"><h2 id="on-this-page-title" class="font-display text-sm font-medium text-slate-900 dark:text-white">On this page</h2><ul class="mt-4 space-y-3 text-sm"><li><h3><a class="text-sky-500" href="/docs#before-we-start">Before we start</a></h3></li><li><h3><a class="font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300" href="/docs#setting-up-decks">Setting up decks</a></h3></li><li><h3><a class="font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300" href="/docs#setting-up-connections">Setting up connections</a></h3></li><li><h3><a class="font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300" href="/docs#the-learning-process">The learning process</a></h3></li><li><h3><a class="font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300" href="/docs#going-further">Going further</a></h3></li><li><h3><a class="font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300" href="/docs#good-luck">Good luck</a></h3></li></ul></nav></div></div><footer aria-labelledby="footer-heading" class="bg-white"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16"><div class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="space-y-8 xl:col-span-1"><div class="flex"><img alt="logo" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/iconTransparent-hands.f7d0a48e.svg"/>
50<p class="self-center pl-2 text-base dark:text-white sm:text-xl">TimeToTime.app</p></div><p class="text-base text-gray-500">The best learning platform for dates, timelines and chronologies.</p><div class="flex space-x-6"><a href="https://twitter.com/timetotimeapp" class="text-gray-400 hover:text-gray-500"><span class="sr-only">Twitter</span><svg fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"><path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path></svg></a></div></div><div class="mt-12 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"><div class="md:grid md:grid-cols-3 md:gap-8"><div><h3 class="text-sm font-semibold uppercase tracking-wider text-gray-600">Quick Links</h3><ul role="list" class="mt-4 space-y-4"><li><a class="text-base text-gray-500 hover:text-gray-900" href="/">Home</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/students">For Students</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/history-enthusiasts">For History Enthusiasts</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/teachers">For Teachers</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/ideas">Insights</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/docs">Documentation</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="https://gallery.timetotime.app">Gallery</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/mnemonic-major-system-gallery">Mnemonic Scenes</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/download">Download</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/feedback">Feedback</a></li></ul></div><div class="mt-12 md:mt-0"><h3 class="text-sm font-semibold uppercase tracking-wider text-gray-600">Legal Stuff</h3><ul role="list" class="mt-4 space-y-4"><li><a class="text-base text-gray-500 hover:text-gray-900" href="/privacy">Privacy Notice</a></li><li><a class="text-base text-gray-500 hover:text-gray-900" href="/tos">Terms of Service</a></li></ul></div><div class="mt-12 md:mt-0"><h3 class="text-sm font-semibold uppercase tracking-wider text-gray-600">Downloads</h3><ul><li><a class="justify-self-center sm:justify-self-end" target="_blank" href="https://apps.apple.com/us/app/timetotime/id1641001748"><div class="mt-3 flex h-14 w-48 items-center justify-center rounded-xl bg-black text-white"><div class="mr-3"><svg viewBox="0 0 384 512" width="30"><path fill="currentColor" d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></div><div><div class="text-xs">Download on the</div><div class="-mt-1 font-sans text-2xl font-semibold">App Store</div></div></div></a></li><li><a class="justify-self-center sm:justify-self-start" target="_blank" href="https://play.google.com/store/apps/details?id=app.timetotime.droid"><div class="mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"><div class="mr-3"><svg viewBox="30 336.7 120.9 129.2" width="30"><path fill="#FFD400" d="M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"></path><path fill="#FF3333" d="M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"></path><path fill="#48FF48" d="M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"></path><path fill="#3BCCFF" d="M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"></path></svg></div><div><div class="text-xs">GET IT ON</div><div class="-mt-1 font-sans text-xl font-semibold">Google Play</div></div></div></a></li></ul></div></div></div></div><div class="mt-12 border-t border-gray-200 pt-8"><p class="text-base text-gray-400 xl:text-center">Copyright © 2026 Deep Tuition Ltd. All rights reserved.</p></div></div></footer></div>
50<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"markdoc":{"content":[{"$$mdtype":"Tag","name":"p","attributes":{"class":"lead"},"children":["Learn how to get started with TimeToTime.app. "]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The documentation falls into two broad categories:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Using the App"]},": Guidance on which buttons to push on the app itself, in order to get stuff done."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Effective Learning"]},": Guidance and best practices on how to learn more effectively with the app."]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"before-we-start"},"children":["Before we start"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["TimeToTime is for building strong associations between events ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["that you know"]},", and dates that you don't yet know. This means it will be considerably more difficult to learn events that you ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["don't know"]}," and try and correlate them with dates that you also don't know. We recommend against doing that, though there are techniques (such as building links and creating a story as you learn)."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Along the way, TimeToTime helps you get a feel for the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["order of events"]}," (what happened before/after/during an event), and the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["relationships between events"]}," (what links exist between the dates)."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["See ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/what-is-timetotime-for"},"children":["what's it for"]}," for more."]},{"$$mdtype":"Tag","name":"Callout","attributes":{"title":"Timely quote","type":"note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["History doesnât repeat itself, but it does rhyme.",{"$$mdtype":"Tag","name":"br","attributes":{},"children":[]},"â attributed to Mark Twain"]}]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"setting-up-decks"},"children":["Setting up decks"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["You start with what you know, by creating an ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["anchor deck"]}," - a deck of dates that you already know. These decks are great for \"pegging\" new dates against, and will help you position new dates that you learn. See ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/anchor-dates"},"children":["anchor dates"]}," for more."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["You then create one or more decks of dates that ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["you want to learn"]},". If you'd prefer, you can instead use the search functionality to find decks that others have published, and learn those."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["When you create your decks, you can use Wikipedia to prepopulate much of the data for an event."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You'll probably create a deck for a course you're following, or perhaps one of dates that you encounter in life - from books you read or movies you see. This is a continuos process - your deck will grow as you learn."]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"setting-up-connections"},"children":["Setting up connections"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["We learn best by stories - by connecting events. For example, there is a rumour that Michelangelo was walking down the street, and met Da Vinci. That's enough for you to create a link, a connection, between these two peo
50ple - and you know that they lived at the same time - which is great for trying ot position events (and for telling a story of those events)."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["See ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/making-good-links"},"children":["making good links"]}," for more."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Once you have a deck, and a few connections, you'll be ready to learn."]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"the-learning-process"},"children":["The learning process"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The learning process typically starts with an ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["introduction"]},", then a ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["review"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/phase-learning"},"children":["Learning Phase"]}," is a process of repeatedly exposing you to a new date over a period of time. You can control the frequency and spacing of this introduction - but the point is to introduce you to a date, repeatedly, along with other dates. This gives you some time to get \"used to the date\", to position the date, and to create new links between dates."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["It doesn't matter if you get something wrong - it takes time, and that's the point of introduction."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["After introduction, a date moves into a review queue. The ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/phase-revising"},"children":["Revising Phase"]}," teaches you dates from this queue. TimeToTime determines an optimal time at which to remind you to review a date, using a form of spaced repetition."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If you get stuck on a date, the date will be moved from the review queue to the difficult queue, and you'll next encounter it in the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/phase-difficult"},"children":["Difficult Phase"]},". This is very similar to the Learning Phase - you'll be repeatedly exposed to the date, giving you a chance to find more ways to think about it, and more ways to link it to other dates."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["It will always ask you about a date in two different ways. One is ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["contextual"]}," - asking you about a date in relationship to others (is it before or after another, for example, or did it occur between two other dates). The other is more ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["absolute"]}," - which is typically something like selecting the right date from a set of dates, or entering the date itself."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If you get a date wrong, you'll be prompted to review it again relatively soon.",{"$$mdtype":"Tag","name":"br","attributes":{},"children":[]},"If you get it right, there will be a larger gap to the next review."]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"going-further"},"children":["Going further"]}
50,{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Check out ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/duels"},"children":["duels"]}," as a nice way to measure your progress against someone else."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Consider ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/publishing-a-deck"},"children":["publishing a deck"]}," so that others can benefit from your work."]}]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"good-luck"},"children":["Good luck"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["All the best! Remember, ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/it-takes-time"},"children":["it takes time"]},". Don't stress if you get something wrong - but do try and always pay attention to a date, and to connecting that date to some other one."]}],"frontmatter":{"title":"Getting started","description":"Concepts and best practices for using TimeToTime to learn history and event timelines."},"file":{"path":"/docs/index.md"}}},"__N_SSG":true},"page":"/docs","query":{},"buildId":"5vBP3tkgc25D8PqdzBVaf","isFallback":false,"gsp":true,"scriptLoader":[]}</script>
50</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.