Tweaking or creating a template.
Download the zip file that contains the four templates’ source and a special file called base.css
If you’re tweaking an existing template, open it’s
.html file, and tweak it away.
If you’re creating a new template, start off by extending
base.css to create your template’s own CSS file.
Your HTML file needs to be valid. You can ensure this by previewing it in browser. We recommend Safari.
You can then ensure it’ll print properly by invoking the print dialogue (⌘ + p on OS X, Ctrl + p on Windows) and then selecting Save as PDF form the bottom left dialog box. Repeat this process till you’re satisfied with the result.
Once your HTML and CSS files are ready, copy over the entire CSS file into the
<head>...</head> section of your html between the
<style>...</style> tags. Create these if necessary. As Esfresco works with a single parseable file, this is a necessary step. See the section below on embedding images.
Now, it's time to host this file somewhere, so that Esfresco can publicly access it. We recommend a simple file-server, or apps like Dropbox, CloudApp, etc. which expose a publicly accessible URL.
Copy this URL (as of iOS 9, this must be a secure HTTPS/FTPS url) and then open Esfresco, head over to Settings > Global Settings and tap on the New Icon. In the text field, paste the URL.
At this point, Esfresco will download the file and parse it. If everything was correctly done, you'll be notified. If something went wrong, check to see if the template has all the necessary tags included.
If the template is successfully imported, it'll now be available under Templates. If you have iCloud enabled, it'll sync to your other devices momentarily.