Facinote Documents

Documents blog for Facinote

The Facinote editor automatically saves your writing, so if you leave without saving, you'll pick up where you left off when you come back.

Writing automatically saves to the device you're writing on and works even with a spotty internet connection, so you'll always have access to your draft from the same device and browser that you started it on.

If you can write CSS, you can customize the appearance of your Facinote blog.

Getting Started

All you need to do is go to the Customize settings of your blog. Scroll down to “Custom CSS” and customize your blog from there.

The following stylesheet shows a few basic selectors you'll need in order to customize certain elements. You can just grab the selectors (e.g. #blog-title a) for your stylesheet — the properties are only there to illustrate what you can do.

/* Entire page background */
body {
    background-color: #efefef;
}

/* Blog header on index and post pages */
#blog-title a {
    color: #fff;
    background-color: #7a629d;
}
#blog-title a:hover {
    color: #eee;
    background-color: #7a629d;
}

/* Blog header on post pages ONLY */
body#post #blog-title a {
    padding: 4px 8px;
}

/* Blog description (underneath title) on index page */
header p.description {
    font-style: italic;
}

/* Post titles on blog index */
.post-title {
    font-weight: normal;
}
.post-title a.u-url:link, .post-title a.u-url:visited {
    color: blue;
}

/* "Read more..." links */
body#collection a.read-more {
    text-decoration: underline;
}

/* Links inside blog posts */
article p a {
    color: #444;
    text-decoration: none;
    border-bottom: 2px solid orangered;
}
article p a:hover {
    background-color: orangered;
    color: white;
    text-decoration: none;
}

Copy these entire sections verbatim, as each is a complete customization you might want to make, like centering an image.

/* Center images */
img {
    display: block;
    margin: 0 auto;
}

/* Disable post header fade effect */
body#post header
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

/* Hide post views */
header nav .views {
    display: none;
}

Themes

If you want to see how you can customize beyond the basic elements of your blog, you can check out our Themes blog. Here you can find custom blogs from the Facinote/Write.as community whose themes you can use and remix for your own blog.

Faccinote gives you full control over the ordering of your posts, and whether or not your blog shows publish dates.

Overview

First navigate to your Blogs page, and click the Customize button for the blog you want to modify. Next, scroll down to the Display Format section. You'll select your preferred display format here, and click the “Save Changes” button at the bottom of the page to immediately update your blog.

The Display Format section with three choices: Blog, Novel, Notebook

Blog Format

This is the classic format for a blog: latest posts first, with dates shown. It's perfect for timely writing, like updates for your friends and family or information on upcoming events.

  • Order: reverse-chronological
  • Dates: visible

Example blog in the Blog format

Novel Format

This format hides publish dates and orders your posts chronologically, so visitors can read in the order you first published in. This is perfect for serial forms of writing, where each post is an individual chapter or section of a larger piece.

  • Order: chronological
  • Dates: hidden

Example blog in the Novel format

Notebook Format

This format combines the ordering of a Blog with the date format of a Novel. It's made for poets and writers who regularly publish evergreen work, or people who just need a space to jot down ideas.

  • Order: reverse-chronological
  • Dates: hidden
Example blog in the Notebook format

Facinote allows you to publish without a blog with “Drafts”.

Private

Drafts are only identified by an unguessable ID, essentially making them private. Unlike posts connected to a blog, they aren't publicly connected to an identity unless you make it known in the post that you wrote it. A reader can't link your draft back to you.

Sharing Drafts

While private by default, drafts can be shared with others. They can be shared by ID on (instance config value) private = false instances.

Difference between Drafts & Blog Posts

Drafts differ from blog posts in a couple of ways.

While blog posts can include custom slugs for posts, drafts only have randomly generated ID's. Hashtags also won't render in drafts as they do in blog posts. Finally, drafts don't have the ability to include custom CSS like blog posts.

Facinote lets you easily group your posts together with hashtags.

Add one at any point in your post, like #this, and it'll automatically be linked to a special page that shows all posts in the blog containing that hashtag. You can also add as many hashtags as you want to your posts, with any kind of capitalization.

NOTE: Hashtags will only auto-link on blog posts, not Draft posts.

Along with plaintext and Markdown, you can also format text on WriteFreely with HTML. Here is the supported HTML you can use in your posts.

Text

<h1>Header</h1>

<h2>Header</h2>

<h3>Header</h3>

<h4>Header</h4>

<p>Text</p>

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>

<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>

<blockquote>This is a blockquote.</blockquote>

Header

Header

Header

Header

Text

  • List Item 1
  • List Item 2
  • List Item 3
  1. List Item
  2. List Item
  3. List Item
This is a blockquote.
<strong>Bold</strong>

<em>Italics</em>

<u>Underline</u>

<span style="color:red">Style</span>

<a href="https://write.as">Link</a>

Bold

Italics

Underline

Style

Subtitle in the box

This paragraph is also inside the box...

Link

Video

<video src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2FUsing%20Write.as%20Themes.mp4?" controls></video>

Embedding Youtube Video

In order to embed Youtube vide, right click on the youtube player and copy the embed code and paste it in editor.

<iframe width="560" height="315" src="https://www.youtube.com/embed/HJT8yYf-XPs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Audio

<audio src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2F%2333%20-%20Reflection%2014%20about.mp3" controls></audio>

Image

<img src="https://i.snap.as/2HKPL0c.png" />

Whether you want to keep your writing completely private, limited to a certain audience, or sent out to the world wide web, Facinote can help with flexible blog publicity settings.

Getting Started

If you go to your blog's Customize page, you will see a section labeled Publicity. This is where you can configure who gets to see your blog. To change, all you need to do is click the checkbox of your preferred publicity setting and then scroll down to select “Save Changes.”

Publicity settings for your Facinote blog

Let's explore the different options provided.

Unlisted

The Unlisted setting makes your posts available only to people who have your blog's URL. This is perfect if you're concerned about future employers looking at your blog, or if you mainly distribute your posts through social media or your personal site.

Private

What if you want your blog to be a digital journal? A private space where you can write without anyone looking over your shoulder? Make your blog “Private”. This means that nobody else can read the blog but you, and only when you're logged in.

Password Protected

What if you want your blog to be read only by some people? A place for drafts that only trusted confidants could see? Make your blog “Password Protected”. This meets somewhere in-between “Unlisted” and “Private”. Only readers who have the password you set can access your blog.

Public

What if you want your blog to be part of the larger community? A place where you not only share your writing but can read the writing shared by others? Make your blog “Public”. While still sharable by link, your posts also go into the Facinote site's Reader, the built-in writing hub. All posts from blogs on the site that are set to “Public” will show in the Reader.

Defaults

To find the default publicity blog setting for your Facinote site, go to your blogs page (/me/c), click the Customize link under your first blog, and then scroll down to Publicity. This is the default publicity setting for blogs on the Facinote site. You can always change the publicity setting for your blog if needed.

Learn how to do more than publish plain text in this guide for writers.

Adding a title

Titles on Facinote are optional, but easy to add by including them in the body of your post.

Option 1. Explicitly add a title by starting your post with a Markdown header. That is, type a hash symbol (#), a space, and then your title. The title will show up as a large heading.

# Title of my Post

By starting a line with the hash symbol (#) and a space immediately
after it, Write.as knows that you wanted to use the following text on
that line ("Title of my Post") as the true title of your post.

Now, not only will "Title of my Post" show up in the browser's title 
bar, but it will also show in big letters at the top of this post's page.

Option 2. Write it on the first line, separated from the rest of the content. The title will show up the same size as the rest of the post.

Title of my Post

Content begins here, which was started after the blank line above. Since
there was a blank line, "Title" will be the title of the post that shows
up in the top of the browser window. But since we didn't go out of our
way to indicate that was our title, it will also display normally with
the rest of the text on the post itself.

Formatting text

You can format text on Facinote with a special kind of syntax called Markdown, which uses special characters to indicate bold, italic, and other text. If you've used Markdown before, you'll be right at home here.

Headers

# This is the biggest header (h1)
## This is still a big header (h2)
### This is a smaller header (h3)
###### This is the smallest header you can make (h6)

This is the biggest header (h1)

This is still a big header (h2)

This is a smaller header (h3)

This is the smallest header you can make (h6)

Emphasis

*This is italic*
_This is italic, too_

**This is bold**
__This is bold, too__

_Here's some **emphatic** text._

This is italic This is italic, too

This is bold This is bold, too

Here's some emphatic text.

Lists

Bulleted:

* Hello
* Goodbye
  * Ciao
  * Au revoir
  * Auf Wiedersehen 
  * Arrivederci
  • Hello
  • Goodbye
    • Ciao
    • Au revoir
    • Auf Wiedersehen
    • Arrivederci

Numbered:

1. First, this
2. Then that
3. Lastly, this

1. First this
1. Then a second thing
1. Finally a third thing
1. And so on
  1. First, this
  2. Then that
  3. Lastly, this

  4. First this

  5. Then a second thing

  6. Finally a third thing

  7. And so on

Images

![Cosmic radiation](https://i.snap.as/T05UTpx.jpg)

Cosmic radiation

https://facinote.com
[A user guide](https://facinote.com/documents)

https://facinote.com A user guide

Link to your email by putting mailto: in front of it:

[Contact me](mailto:hello@example.com)

Contact me

Quotes

> Wherever you go,
> there you are.

Wherever you go, there you are.

Inline Code

Download the command-line client and run `./writeas new`

Download the command-line client and run ./writeas new

Syntax-highlighted Code Blocks

```go
package main

import "fmt"

func main() {
    fmt.Println("Hello, world")
}
```

package main

import “fmt”

func main() { fmt.Println(“Hello, world”) }