Encounters

Better reading, better writing, better

A simple colour palette for writing day or night. Maybe it’s a program to take over the world. Maybe it’s a website for a friend. Maybe it’s the Great American Novel. Or maybe it’s just straight up fart jokes. It’s all you, kid!

Download Encounters or View it on GitHub

Preview

<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Encounters</title>
    <meta name="description" content="A simple colour palette for writing day or night.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="styles/screen.min.css">
    <!-- Typekit -->
    <script src="//use.typekit.net/whk3yjv.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
  </head>

  <body class="light-theme">
    <div class="background-container">
    ...
@import "variables";
@import "functions";
@import "defaults";

// Layout
.content-container {
  margin: percentage(24/320) 0;
  font: #{$body-font-size}px/1.5 $monospace-font;
  -webkit-font-smoothing: subpixel-antialiased;
  text-align: center;
  transform: translate3d(0,0,0);
}

.main-section {
  margin-right: auto;
  margin-left: auto;
  ...
$(document).ready(function () {
  // Toggle between the dark and light themes
  $(".toggle-icon").click(function() {
    $("body").toggleClass("dark-theme").toggleClass("light-theme");

    // Swap the HTML example body class
    var swap = $(".swap").html()
    if (swap == "light-theme") {
      $(".swap").html("dark-theme");
    }
    else if (swap == "dark-theme") {
      $(".swap").html("light-theme");
    }

    return false;
  });
  ...
# Encounters

A simple colour palette for writing day or night. Maybe it’s a program to take over the world. Maybe it’s a website for a friend. Maybe it’s the Great American Novel. Or maybe it’s just straight up fart jokes. It’s all you, kid!

## Preview

[http://encounters.io](http://encounters.io)

## Editors

* [Atom](http://atom.io)
* [Sublime Text](http://www.sublimetext.com)
* [TextMate](http://macromates.com)

...

Editors

Encounters currently supports Atom, Sublime Text, and TextMate, with more on the way. If there’s a particular editor you’d like to see included, let us know or contribute.

Palette

A reversible colour palette means that whatever time of day it is, you can work in a familiar environment that’s easy on your eyes and colourful enough to keep things organised.