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<!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 [https://sodapopandco.github.io/encounters](https://sodapopandco.github.io/encounters) ## Editors * [Atom](http://atom.io) * [Sublime Text](http://www.sublimetext.com) * [TextMate](http://macromates.com) ...
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.
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.