Your data, in your own Google Drive
Teather lets free websites save things for you, such as settings, notes, highlights and drafts, without making you create another account. Everything is kept in a Teather folder in your own Google Drive. It belongs to you, it follows you to any computer, and it costs you nothing.
For students
- When a site offers "Sign in with Google" through Teather, it can save your work in your Drive.
- Teather can only see the files it creates in the Teather folder. It can't see anything else in your Drive.
- Each site gets its own folder and can only use its own data.
- See, change, download or delete your data any time on your data page, or right in Google Drive.
Sites using Teather
- Loomination: weaving design
- AvailaBooks: free textbooks
For site builders
Teather is for free, public sites. Your site must be registered first so students know who is saving their data. Add one script and you have storage that syncs:
<script src="https://teather.pages.dev/v1/teather.js"></script>
<script>
Teather.init();
Teather.set("settings", { fontSize: 18 }); // saved at once in the browser, synced to Drive
Teather.get("settings"); // works before and after sign-in
Teather.onChange(({ key, value, source }) => { /* another device changed something */ });
signInButton.onclick = () => Teather.signIn(); // Google popup; must be from a click
// Who is signed in: { email, name, picture } or null
Teather.onAuthChange((user) => {
// Google photo at 64 px, or the student's initial on a colored circle
avatar.src = user ? Teather.pictureUrl(64) : "";
});
</script>
<img id="avatar" referrerpolicy="no-referrer" alt="">
Before a student signs in, data stays in their browser. When they sign in it is uploaded, and from then on it syncs.
Each saved value can be up to 256 KB, and a site's data up to 5 MB in total. Save large things, such as copies of
work, as files: Teather.files.put(name, blob), .get(name), .list(),
.remove(name), up to 10 MB each.
Students can always delete or change files in their own Drive. If your site needs to trust a file, such as work waiting to be submitted, sign it with a key on your own server and check the signature.
The integration guide covers registering a site and everything else. You can point an AI coding assistant at it: “Read https://teather.pages.dev/integrate.md and add Teather to this site.”