No OneTemporary
Actions

Size

311 KB

Referenced Files

None

Subscribers

None

View Options

This file is larger than 256 KB, so syntax highlighting was skipped.

	diff --git a/README.md b/README.md
	index 2174335aa6..5a3e2a4bec 100644
	--- a/README.md
	+++ b/README.md
	@@ -1,32 +1,34 @@
	# pleroma_fe

	> A single column frontend for both Pleroma and GS servers.

	![screenshot](https://i.imgur.com/DJVqSJ0.png)

	# For Translators

	To translate Pleroma, add your language to [src/i18n/messages.js](https://git.pleroma.social/pleroma/pleroma-fe/blob/develop/src/i18n/messages.js). Pleroma will set your language by your browser locale, but you can temporarily force it in the code by changing the locale in main.js.

	# FOR ADMINS

	You don't need to build Pleroma yourself. Check out https://git.pleroma.social/pleroma/pleroma-fe/wikis/dual-boot-with-qvitter to see how to run Pleroma and Qvitter at the same time.

	## Build Setup

	``` bash
	# install dependencies
	npm install -g yarn
	yarn

	# serve with hot reload at localhost:8080
	npm run dev

	# build for production with minification
	npm run build

	# run unit tests
	npm run unit
	```

	-For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
	+# Configuration
	+
	+Edit config.json for configuration. scopeOptionsEnabled gives you input fields for CWs and the scope settings.
	diff --git a/src/App.js b/src/App.js
	index e924896727..a052e058ea 100644
	--- a/src/App.js
	+++ b/src/App.js
	@@ -1,43 +1,46 @@
	import UserPanel from './components/user_panel/user_panel.vue'
	import NavPanel from './components/nav_panel/nav_panel.vue'
	import Notifications from './components/notifications/notifications.vue'
	import UserFinder from './components/user_finder/user_finder.vue'
	+import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
	import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
	import ChatPanel from './components/chat_panel/chat_panel.vue'

	export default {
	name: 'app',
	components: {
	UserPanel,
	NavPanel,
	Notifications,
	UserFinder,
	- ChatPanel,
	- InstanceSpecificPanel
	+ WhoToFollowPanel,
	+ InstanceSpecificPanel,
	+ ChatPanel
	},
	data: () => ({
	mobileActivePanel: 'timeline'
	}),
	computed: {
	currentUser () { return this.$store.state.users.currentUser },
	background () {
	return this.currentUser.background_image \|\| this.$store.state.config.background
	},
	logoStyle () { return { 'background-image': `url(${this.$store.state.config.logo})` } },
	style () { return { 'background-image': `url(${this.background})` } },
	sitename () { return this.$store.state.config.name },
	chat () { return this.$store.state.chat.channel.state === 'joined' },
	+ showWhoToFollowPanel () { return this.$store.state.config.showWhoToFollowPanel },
	showInstanceSpecificPanel () { return this.$store.state.config.showInstanceSpecificPanel }
	},
	methods: {
	activatePanel (panelName) {
	this.mobileActivePanel = panelName
	},
	scrollToTop () {
	window.scrollTo(0, 0)
	},
	logout () {
	this.$store.dispatch('logout')
	}
	}
	}
	diff --git a/src/App.scss b/src/App.scss
	index a860122074..f830a33bcb 100644
	--- a/src/App.scss
	+++ b/src/App.scss
	@@ -1,428 +1,428 @@
	@import './_variables.scss';

	#app {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 50px;
	min-height: 100vh;
	max-width: 100%;
	overflow: hidden;
	}

	i {
	user-select: none;
	}

	h4 {
	margin: 0;
	}

	#content {
	box-sizing: border-box;
	padding-top: 60px;
	margin: auto;
	min-height: 100vh;
	max-width: 980px;
	background-color: rgba(0,0,0,0.15);
	align-content: flex-start;
	}

	.text-center {
	text-align: center;
	}

	body {
	font-family: sans-serif;
	font-size: 14px;
	margin: 0;
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	max-width: 100vw;
	overflow-x: hidden;
	}

	a {
	text-decoration: none;
	color: $fallback--link;
	color: var(--link, $fallback--link);
	}

	button{
	user-select: none;
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	background-color: $fallback--btn;
	background-color: var(--btn, $fallback--btn);
	border: none;
	border-radius: $fallback--btnRadius;
	border-radius: var(--btnRadius, $fallback--btnRadius);
	cursor: pointer;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px black;
	font-size: 14px;
	font-family: sans-serif;

	&:hover {
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
	}

	&:disabled {
	cursor: not-allowed;
	opacity: 0.5;
	}

	&.pressed {
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	background-color: $fallback--bg;
	background-color: var(--bg, $fallback--bg)
	}
	}

	label.select {
	padding: 0;

	}

	input, textarea, .select {
	border: none;
	- border-radius: $fallback--btnRadius;
	- border-radius: var(--btnRadius, $fallback--btnRadius);
	+ border-radius: $fallback--inputRadius;
	+ border-radius: var(--inputRadius, $fallback--inputRadius);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px black inset;
	- background-color: $fallback--lightBg;
	- background-color: var(--lightBg, $fallback--lightBg);
	+ background-color: $fallback--input;
	+ background-color: var(--input, $fallback--input);
	color: $fallback--lightFg;
	color: var(--lightFg, $fallback--lightFg);
	font-family: sans-serif;
	font-size: 14px;
	padding: 8px 7px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	height: 29px;
	line-height: 16px;

	.icon-down-open {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	height: 100%;
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	line-height: 29px;
	z-index: 0;
	pointer-events: none;
	}

	select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	margin: 0;
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	padding: 4px 2em 3px 3px;
	width: 100%;
	z-index: 1;
	height: 29px;
	line-height: 16px;
	}

	&[type=radio],
	&[type=checkbox] {
	display: none;
	&:checked + label::before {
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	}
	+ label::before {
	display: inline-block;
	content: '✔';
	transition: color 200ms;
	width: 1.1em;
	height: 1.1em;
	border-radius: $fallback--checkBoxRadius;
	border-radius: var(--checkBoxRadius, $fallback--checkBoxRadius);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px black inset;
	margin-right: .5em;
	- background-color: $fallback--btn;
	- background-color: var(--btn, $fallback--btn);
	+ background-color: $fallback--input;
	+ background-color: var(--input, $fallback--input);
	vertical-align: top;
	text-align: center;
	line-height: 1.1em;
	font-size: 1.1em;
	box-sizing: border-box;
	color: transparent;
	overflow: hidden;
	box-sizing: border-box;
	}
	}
	}

	i[class*=icon-] {
	color: $fallback--icon;
	color: var(--icon, $fallback--icon)
	}


	.container {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 10px 0 10px;
	}

	.gaps {
	margin: -1em 0 0 -1em;
	}

	.item {
	flex: 1;
	line-height: 50px;
	height: 50px;
	overflow: hidden;

	.nav-icon {
	font-size: 1.1em;
	margin-left: 0.4em;
	}
	}

	.gaps > .item {
	padding: 1em 0 0 1em;
	}

	.auto-size {
	flex: 1
	}

	nav {
	width: 100%;
	align-items: center;
	position: fixed;
	height: 50px;

	.inner-nav {
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	align-items: center;
	flex-basis: 970px;
	margin: auto;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;

	a i {
	color: $fallback--link;
	color: var(--link, $fallback--link);
	}
	}
	}

	main-router {
	flex: 1;
	}

	.status.compact {
	color: rgba(0, 0, 0, 0.42);
	font-weight: 300;

	p {
	margin: 0;
	font-size: 0.8em
	}
	}

	/* Panel */

	.panel {
	display: flex;
	flex-direction: column;
	margin: 0.5em;

	background-color: $fallback--bg;
	background-color: var(--bg, $fallback--bg);

	border-radius: $fallback--panelRadius;
	border-radius: var(--panelRadius, $fallback--panelRadius);
	box-shadow: 1px 1px 4px rgba(0,0,0,.6);
	}

	.panel-body:empty::before {
	content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
	display: block;
	margin: 1em;
	text-align: center;
	}

	.panel-heading {
	border-radius: $fallback--panelRadius $fallback--panelRadius 0 0;
	border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0;
	background-size: cover;
	padding: 0.6em 1.0em;
	text-align: left;
	font-size: 1.3em;
	line-height: 24px;
	background-color: $fallback--btn;
	background-color: var(--btn, $fallback--btn);
	}

	.panel-heading.stub {
	border-radius: $fallback--panelRadius;
	border-radius: var(--panelRadius, $fallback--panelRadius);
	}

	.panel-footer {
	border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;
	border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);
	}

	.panel-body > p {
	line-height: 18px;
	padding: 1em;
	margin: 0;
	}

	.container > * {
	min-width: 0px;
	}

	.fa {
	color: grey;
	}

	nav {
	z-index: 1000;
	background-color: $fallback--btn;
	background-color: var(--btn, $fallback--btn);
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	box-shadow: 0px 0px 4px rgba(0,0,0,.6);
	}

	.fade-enter-active, .fade-leave-active {
	transition: opacity .2s
	}
	.fade-enter, .fade-leave-active {
	opacity: 0
	}

	.main {
	flex-basis: 60%;
	flex-grow: 1;
	flex-shrink: 1;
	}

	.sidebar-bounds {
	flex: 0;
	flex-basis: 35%;
	}

	.sidebar-flexer {
	flex: 1;
	flex-basis: 345px;
	width: 365px;
	}

	.mobile-shown {
	display: none;
	}

	.panel-switcher {
	display: none;
	width: 100%;
	height: 46px;
	button {
	display: block;
	flex: 1;
	max-height: 32px;
	margin: 0.5em;
	padding: 0.5em;
	}
	}

	@media all and (min-width: 960px) {
	body {
	overflow-y: scroll;
	}
	.sidebar-bounds {
	overflow: hidden;
	max-height: 100vh;
	width: 345px;
	position: fixed;
	margin-top: -10px;

	.sidebar-scroller {
	height: 96vh;
	width: 365px;
	padding-top: 10px;
	padding-right: 50px;
	overflow-x: hidden;
	overflow-y: scroll;
	}

	.sidebar {
	width: 345px;
	}
	}
	.sidebar-flexer {
	max-height: 96vh;
	flex-shrink: 0;
	flex-grow: 0;
	}
	}

	.alert {
	margin: 0.35em;
	padding: 0.25em;
	border-radius: $fallback--tooltipRadius;
	border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	min-height: 28px;
	line-height: 28px;

	&.error {
	background-color: $fallback--cAlertRed;
	background-color: var(--cAlertRed, $fallback--cAlertRed);
	}
	}

	.faint {
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	}

	@media all and (max-width: 959px) {
	.mobile-hidden {
	display: none;
	}

	.panel-switcher {
	display: flex;
	}

	.container {
	padding: 0 0 0 0;
	}

	.panel {
	margin: 0.5em 0 0.5em 0;
	}
	}

	.item.right {
	text-align: right;
	padding-right: 20px;
	}
	diff --git a/src/App.vue b/src/App.vue
	index a8d17fa7e9..923d411b1e 100644
	--- a/src/App.vue
	+++ b/src/App.vue
	@@ -1,43 +1,44 @@
	<template>
	<div id="app" v-bind:style="style">
	<nav class='container' @click="scrollToTop()" id="nav">
	<div class='inner-nav' :style="logoStyle">
	<div class='item'>
	<router-link :to="{ name: 'root'}">{{sitename}}</router-link>
	</div>
	<div class='item right'>
	<user-finder class="nav-icon"></user-finder>
	<router-link :to="{ name: 'settings'}"><i class="icon-cog nav-icon"></i></router-link>
	<a href="#" v-if="currentUser" @click.prevent="logout"><i class="icon-logout nav-icon" :title="$t('login.logout')"></i></a>
	</div>
	</div>
	</nav>
	<div class="container" id="content">
	<div class="panel-switcher">
	<button @click="activatePanel('sidebar')">Sidebar</button>
	<button @click="activatePanel('timeline')">Timeline</button>
	</div>
	<div class="sidebar-flexer" :class="{ 'mobile-hidden': mobileActivePanel != 'sidebar'}">
	<div class="sidebar-bounds">
	<div class="sidebar-scroller">
	<div class="sidebar">
	<user-panel></user-panel>
	<nav-panel></nav-panel>
	<instance-specific-panel v-if="showInstanceSpecificPanel"></instance-specific-panel>
	+ <who-to-follow-panel v-if="currentUser && showWhoToFollowPanel"></who-to-follow-panel>
	<notifications v-if="currentUser"></notifications>
	</div>
	</div>
	</div>
	</div>
	<div class="main" :class="{ 'mobile-hidden': mobileActivePanel != 'timeline' }">
	<transition name="fade">
	<router-view></router-view>
	</transition>
	</div>
	</div>
	<chat-panel v-if="currentUser && chat" class="floating-chat mobile-hidden"></chat-panel>
	</div>
	</template>

	<script src="./App.js"></script>
	<style lang="scss" src="./App.scss"></style>
	diff --git a/src/_variables.scss b/src/_variables.scss
	index d90a1d48e5..b5222a6a63 100644
	--- a/src/_variables.scss
	+++ b/src/_variables.scss
	@@ -1,27 +1,29 @@
	$main-color: #f58d2c;
	$main-background: white;
	$darkened-background: whitesmoke;

	$fallback--bg: #121a24;
	$fallback--btn: #182230;
	-$fallback--faint: #999;
	+$fallback--input: #182230;
	+$fallback--faint: rgba(185, 185, 186, .5);
	$fallback--fg: #b9b9ba;
	$fallback--link: #d8a070;
	$fallback--icon: #666;
	$fallback--lightBg: rgb(21, 30, 42);
	$fallback--lightFg: #b9b9ba;
	$fallback--border: #222;
	$fallback--cRed: #ff0000;
	$fallback--cBlue: #0095ff;
	$fallback--cGreen: #0fa00f;
	$fallback--cOrange: orange;

	$fallback--cAlertRed: rgba(211,16,20,.5);

	$fallback--panelRadius: 10px;
	$fallback--checkBoxRadius: 2px;
	$fallback--btnRadius: 4px;
	+$fallback--inputRadius: 4px;
	$fallback--tooltipRadius: 5px;
	$fallback--avatarRadius: 4px;
	$fallback--avatarAltRadius: 10px;
	$fallback--attachmentRadius: 10px;
	diff --git a/src/assets/nsfw.png b/src/assets/nsfw.png
	index bb6556b408..427490334a 100644
	Binary files a/src/assets/nsfw.png and b/src/assets/nsfw.png differ
	diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
	index b2f6366895..c48fb16b67 100644
	--- a/src/components/attachment/attachment.vue
	+++ b/src/components/attachment/attachment.vue
	@@ -1,177 +1,180 @@
	<template>
	<div v-if="size==='hide'">
	<a class="placeholder" v-if="type !== 'html'" target="_blank" :href="attachment.url">[{{nsfw ? "NSFW/" : ""}}{{type.toUpperCase()}}]</a>
	</div>
	<div v-else class="attachment" :class="{[type]: true, loading, 'small-attachment': isSmall, 'fullwidth': fullwidth}" v-show="!isEmpty">
	<a class="image-attachment" v-if="hidden" @click.prevent="toggleHidden()">
	<img :key="nsfwImage" :src="nsfwImage"/>
	</a>
	<div class="hider" v-if="nsfw && hideNsfwLocal && !hidden">
	<a href="#" @click.prevent="toggleHidden()">Hide</a>
	</div>

	<a v-if="type === 'image' && !hidden" class="image-attachment" :href="attachment.url" target="_blank">
	<StillImage :class="{'small': isSmall}" referrerpolicy="no-referrer" :mimetype="attachment.mimetype" :src="attachment.large_thumb_url \|\| attachment.url"/>
	</a>

	<video :class="{'small': isSmall}" v-if="type === 'video' && !hidden" :src="attachment.url" controls loop></video>

	<audio v-if="type === 'audio'" :src="attachment.url" controls></audio>

	<div @click.prevent="linkClicked" v-if="type === 'html' && attachment.oembed" class="oembed">
	<div v-if="attachment.thumb_url" class="image">
	<img :src="attachment.thumb_url"/>
	</div>
	<div class="text">
	<h1><a :href="attachment.url">{{attachment.oembed.title}}</a></h1>
	<div v-html="attachment.oembed.oembedHTML"></div>
	</div>
	</div>
	</div>
	</template>

	<script src="./attachment.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';

	.attachments {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.7em;

	.attachment.media-upload-container {
	flex: 0 0 auto;
	max-height: 300px;
	max-width: 100%;
	}

	.placeholder {
	margin-right: 0.5em;
	}

	.small-attachment {
	&.image, &.video {
	max-width: 35%;
	}
	max-height: 100px;
	}

	.attachment {
	flex: 1 0 30%;
	margin: 0.5em 0.7em 0.6em 0.0em;
	align-self: flex-start;
	line-height: 0;

	border-style: solid;
	border-width: 1px;
	border-radius: $fallback--attachmentRadius;
	border-radius: var(--attachmentRadius, $fallback--attachmentRadius);
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);
	overflow: hidden;
	}
	.fullwidth {
	flex-basis: 100%;
	}
	// fixes small gap below video
	&.video {
	line-height: 0;
	}

	&.html {
	flex-basis: 90%;
	width: 100%;
	display: flex;
	}

	&.loading {
	cursor: progress;
	}

	.hider {
	position: absolute;
	margin: 10px;
	padding: 5px;
	background: rgba(230,230,230,0.6);
	font-weight: bold;
	z-index: 4;
	+ line-height: 1;
	+ border-radius: $fallback--tooltipRadius;
	+ border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	}

	.small {
	max-height: 100px;
	}
	video {
	max-height: 500px;
	height: 100%;
	width: 100%;
	z-index: 0;
	}

	audio {
	width: 100%;
	}

	img.media-upload {
	line-height: 0;
	max-height: 300px;
	max-width: 100%;
	}

	.oembed {
	line-height: 1.2em;
	flex: 1 0 100%;
	width: 100%;
	margin-right: 15px;
	display: flex;

	img {
	width: 100%;
	}

	.image {
	flex: 1;
	img {
	border: 0px;
	border-radius: 5px;
	height: 100%;
	object-fit: cover;
	}
	}

	.text {
	flex: 2;
	margin: 8px;
	word-break: break-all;
	h1 {
	font-size: 14px;
	margin: 0px;
	}
	}
	}

	.image-attachment {
	display: flex;
	flex: 1;

	.still-image {
	width: 100%;
	height: 100%;
	}

	.small {
	img {
	max-height: 100px;
	}
	}

	img {
	object-fit: contain;
	width: 100%;
	height: 100%; /* If this isn't here, chrome will stretch the images */
	max-height: 500px;
	image-orientation: from-image;
	}
	}
	}
	</style>
	diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
	index 308e5e7dce..bfcd3fe7eb 100644
	--- a/src/components/conversation/conversation.vue
	+++ b/src/components/conversation/conversation.vue
	@@ -1,26 +1,26 @@
	<template>
	<div class="timeline panel panel-default">
	<div class="panel-heading conversation-heading">
	{{ $t('timeline.conversation') }}
	<span v-if="collapsable" style="float:right;">
	- <small><a href="#" @click.prevent="$emit('toggleExpanded')">Collapse</a></small>
	+ <small><a href="#" @click.prevent="$emit('toggleExpanded')">{{ $t('timeline.collapse') }}</a></small>
	</span>
	</div>
	<div class="panel-body">
	<div class="timeline">
	<status
	v-for="status in conversation"
	@goto="setHighlight" :key="status.id"
	:inlineExpanded="collapsable" :statusoid="status"
	:expandable='false' :focused="focused(status.id)"
	:inConversation='true'
	:highlight="highlight"
	:replies="getReplies(status.id)"
	class="status-fadein">
	</status>
	</div>
	</div>
	</div>
	</template>

	<script src="./conversation.js"></script>
	diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
	index 6f949afb63..2e1a6c7a1f 100644
	--- a/src/components/nav_panel/nav_panel.vue
	+++ b/src/components/nav_panel/nav_panel.vue
	@@ -1,90 +1,88 @@
	<template>
	<div class="nav-panel">
	<div class="panel panel-default">
	<ul>
	<li v-if='currentUser'>
	<router-link to='/main/friends'>
	{{ $t("nav.timeline") }}
	</router-link>
	</li>
	<li v-if='currentUser'>
	<router-link :to="{ name: 'mentions', params: { username: currentUser.screen_name } }">
	{{ $t("nav.mentions") }}
	</router-link>
	</li>
	<li>
	<router-link to='/main/public'>
	{{ $t("nav.public_tl") }}
	</router-link>
	</li>
	<li>
	<router-link to='/main/all'>
	{{ $t("nav.twkn") }}
	</router-link>
	</li>
	</ul>
	</div>
	</div>
	</template>

	<script src="./nav_panel.js" ></script>

	<style lang="scss">
	@import '../../_variables.scss';

	.nav-panel .panel {
	overflow: hidden;
	}
	.nav-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	.nav-panel li {
	border-bottom: 1px solid;
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);
	- background-color: $fallback--bg;
	- background-color: var(--bg, $fallback--bg);
	padding: 0;

	&:first-child a {
	border-top-right-radius: $fallback--panelRadius;
	border-top-right-radius: var(--panelRadius, $fallback--panelRadius);
	border-top-left-radius: $fallback--panelRadius;
	border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
	}

	&:last-child a {
	border-bottom-right-radius: $fallback--panelRadius;
	border-bottom-right-radius: var(--panelRadius, $fallback--panelRadius);
	border-bottom-left-radius: $fallback--panelRadius;
	border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius);
	}
	}

	.nav-panel li:last-child {
	border: none;
	}

	.nav-panel a {
	display: block;
	padding: 0.8em 0.85em;

	&:hover {
	background-color: $fallback--lightBg;
	background-color: var(--lightBg, $fallback--lightBg);
	}

	&.router-link-active {
	font-weight: bolder;
	background-color: $fallback--lightBg;
	background-color: var(--lightBg, $fallback--lightBg);

	&:hover {
	text-decoration: underline;
	}
	}
	}
	</style>
	diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
	index 9cbb1226e1..008530b43c 100644
	--- a/src/components/notifications/notifications.scss
	+++ b/src/components/notifications/notifications.scss
	@@ -1,210 +1,210 @@
	@import '../../_variables.scss';

	.notifications {
	// a bit of a hack to allow scrolling below notifications
	padding-bottom: 15em;

	.panel {
	background: $fallback--bg;
	background: var(--bg, $fallback--bg)
	}

	.panel-body {
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border)
	}

	.panel-heading {
	// force the text to stay centered, while keeping
	// the button in the right side of the panel heading
	position: relative;
	background: $fallback--btn;
	background: var(--btn, $fallback--btn);
	color: $fallback--fg;
	color: var(--fg, $fallback--fg);
	.read-button {
	position: absolute;
	right: 0.7em;
	height: 1.8em;
	line-height: 100%;
	}
	}

	.unseen-count {
	display: inline-block;
	background-color: $fallback--cRed;
	background-color: var(--cRed, $fallback--cRed);
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	min-width: 1.3em;
	border-radius: 1.3em;
	margin: 0 0.2em 0 -0.4em;
	color: white;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.3em;
	}

	.unseen {
	border-left: 4px solid $fallback--cRed;
	border-left: 4px solid var(--cRed, $fallback--cRed);
	padding-left: 0;
	}
	}

	.notification {
	box-sizing: border-box;
	display: flex;
	border-bottom: 1px solid;
	border-bottom-color: inherit;
	padding-left: 4px;

	.avatar-compact {
	width: 32px;
	height: 32px;
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	overflow: hidden;
	line-height: 0;

	&.animated::before {
	display: none;
	}
	}

	&:hover .animated.avatar {
	canvas {
	display: none;
	}
	img {
	visibility: visible;
	}
	}

	.notification-usercard {
	margin: 0;
	}

	.non-mention {
	display: flex;
	flex: 1;
	flex-wrap: nowrap;
	padding: 0.6em;
	min-width: 0;
	.avatar-container {
	width: 32px;
	height: 32px;
	}
	.status-el {
	.status {
	padding: 0.25em 0;
	color: $fallback--faint;
	- color: var($fallback--faint, --faint);
	+ color: var(--faint, $fallback--faint);
	}
	padding: 0;
	.media-body {
	margin: 0;
	}
	}
	}

	.follow-text {
	padding: 0.5em 0;
	}

	.status-el {
	flex: 1;
	}

	time {
	white-space: nowrap;
	}

	.notification-right {
	flex: 1;
	padding-left: 0.8em;
	min-width: 0;
	}

	.notification-details {
	min-width: 0px;
	word-wrap: break-word;
	line-height:18px;
	position: relative;
	overflow: hidden;
	width: 100%;
	flex: 1 1 0;
	display: flex;
	flex-wrap: nowrap;

	.name-and-action {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.username {
	font-weight: bolder;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	.timeago {
	float: right;
	font-size: 12px;
	}

	.icon-retweet.lit {
	color: $fallback--cGreen;
	color: var(--cGreen, $fallback--cGreen);
	}

	.icon-user-plus.lit {
	color: $fallback--cBlue;
	color: var(--cBlue, $fallback--cBlue);
	}

	.icon-reply.lit {
	color: $fallback--cBlue;
	color: var(--cBlue, $fallback--cBlue);
	}

	.icon-star.lit {
	color: orange;
	color: $fallback--cOrange;
	color: var(--cOrange, $fallback--cOrange);
	}

	.status-content {
	margin: 0;
	max-height: 300px;
	}

	h1 {
	word-break: break-all;
	margin: 0 0 0.3em;
	padding: 0;
	font-size: 1em;
	line-height:20px;
	small {
	font-weight: lighter;
	}
	}

	p {
	margin: 0;
	margin-top: 0;
	margin-bottom: 0.3em;
	}
	}

	// ugly as heck
	&:last-child {
	border-bottom: none;
	border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;
	border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);
	.status-el {
	border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;
	border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);
	}
	}
	}
	diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
	index 6bcf1c66fb..0597d65255 100644
	--- a/src/components/post_status_form/post_status_form.js
	+++ b/src/components/post_status_form/post_status_form.js
	@@ -1,258 +1,275 @@
	import statusPoster from '../../services/status_poster/status_poster.service.js'
	import MediaUpload from '../media_upload/media_upload.vue'
	import fileTypeService from '../../services/file_type/file_type.service.js'
	import Completion from '../../services/completion/completion.js'
	import { take, filter, reject, map, uniqBy } from 'lodash'

	const buildMentionsString = ({user, attentions}, currentUser) => {
	let allAttentions = [...attentions]

	allAttentions.unshift(user)

	allAttentions = uniqBy(allAttentions, 'id')
	allAttentions = reject(allAttentions, {id: currentUser.id})

	let mentions = map(allAttentions, (attention) => {
	return `@${attention.screen_name}`
	})

	return mentions.join(' ') + ' '
	}

	const PostStatusForm = {
	props: [
	'replyTo',
	'repliedUser',
	'attentions'
	],
	components: {
	MediaUpload
	},
	mounted () {
	this.resize(this.$refs.textarea)
	},
	data () {
	const preset = this.$route.query.message
	let statusText = preset \|\| ''

	if (this.replyTo) {
	const currentUser = this.$store.state.users.currentUser
	statusText = buildMentionsString({ user: this.repliedUser, attentions: this.attentions }, currentUser)
	}

	return {
	dropFiles: [],
	submitDisabled: false,
	error: null,
	posting: false,
	highlighted: 0,
	newStatus: {
	status: statusText,
	- files: []
	+ files: [],
	+ visibility: 'public'
	},
	caret: 0
	}
	},
	computed: {
	+ vis () {
	+ return {
	+ public: { selected: this.newStatus.visibility === 'public' },
	+ unlisted: { selected: this.newStatus.visibility === 'unlisted' },
	+ private: { selected: this.newStatus.visibility === 'private' },
	+ direct: { selected: this.newStatus.visibility === 'direct' }
	+ }
	+ },
	candidates () {
	const firstchar = this.textAtCaret.charAt(0)
	if (firstchar === '@') {
	const matchedUsers = filter(this.users, (user) => (String(user.name + user.screen_name)).toUpperCase()
	.match(this.textAtCaret.slice(1).toUpperCase()))
	if (matchedUsers.length <= 0) {
	return false
	}
	// eslint-disable-next-line camelcase
	return map(take(matchedUsers, 5), ({screen_name, name, profile_image_url_original}, index) => ({
	// eslint-disable-next-line camelcase
	screen_name: `@${screen_name}`,
	name: name,
	img: profile_image_url_original,
	highlighted: index === this.highlighted
	}))
	} else if (firstchar === ':') {
	if (this.textAtCaret === ':') { return }
	const matchedEmoji = filter(this.emoji.concat(this.customEmoji), (emoji) => emoji.shortcode.match(this.textAtCaret.slice(1)))
	if (matchedEmoji.length <= 0) {
	return false
	}
	return map(take(matchedEmoji, 5), ({shortcode, image_url, utf}, index) => ({
	// eslint-disable-next-line camelcase
	screen_name: `:${shortcode}:`,
	name: '',
	utf: utf \|\| '',
	img: image_url,
	highlighted: index === this.highlighted
	}))
	} else {
	return false
	}
	},
	textAtCaret () {
	return (this.wordAtCaret \|\| {}).word \|\| ''
	},
	wordAtCaret () {
	const word = Completion.wordAtPosition(this.newStatus.status, this.caret - 1) \|\| {}
	return word
	},
	users () {
	return this.$store.state.users.users
	},
	emoji () {
	return this.$store.state.config.emoji \|\| []
	},
	customEmoji () {
	return this.$store.state.config.customEmoji \|\| []
	},
	statusLength () {
	return this.newStatus.status.length
	},
	statusLengthLimit () {
	return this.$store.state.config.textlimit
	},
	hasStatusLengthLimit () {
	return this.statusLengthLimit > 0
	},
	charactersLeft () {
	return this.statusLengthLimit - this.statusLength
	},
	isOverLengthLimit () {
	return this.hasStatusLengthLimit && (this.statusLength > this.statusLengthLimit)
	+ },
	+ scopeOptionsEnabled () {
	+ return this.$store.state.config.scopeOptionsEnabled
	}
	},
	methods: {
	replace (replacement) {
	this.newStatus.status = Completion.replaceWord(this.newStatus.status, this.wordAtCaret, replacement)
	const el = this.$el.querySelector('textarea')
	el.focus()
	this.caret = 0
	},
	replaceCandidate (e) {
	const len = this.candidates.length \|\| 0
	if (this.textAtCaret === ':' \|\| e.ctrlKey) { return }
	if (len > 0) {
	e.preventDefault()
	const candidate = this.candidates[this.highlighted]
	const replacement = candidate.utf \|\| (candidate.screen_name + ' ')
	this.newStatus.status = Completion.replaceWord(this.newStatus.status, this.wordAtCaret, replacement)
	const el = this.$el.querySelector('textarea')
	el.focus()
	this.caret = 0
	this.highlighted = 0
	}
	},
	cycleBackward (e) {
	const len = this.candidates.length \|\| 0
	if (len > 0) {
	e.preventDefault()
	this.highlighted -= 1
	if (this.highlighted < 0) {
	this.highlighted = this.candidates.length - 1
	}
	} else {
	this.highlighted = 0
	}
	},
	cycleForward (e) {
	const len = this.candidates.length \|\| 0
	if (len > 0) {
	if (e.shiftKey) { return }
	e.preventDefault()
	this.highlighted += 1
	if (this.highlighted >= len) {
	this.highlighted = 0
	}
	} else {
	this.highlighted = 0
	}
	},
	setCaret ({target: {selectionStart}}) {
	this.caret = selectionStart
	},
	postStatus (newStatus) {
	if (this.posting) { return }
	if (this.submitDisabled) { return }

	if (this.newStatus.status === '') {
	if (this.newStatus.files.length > 0) {
	this.newStatus.status = '\u200b' // hack
	} else {
	this.error = 'Cannot post an empty status with no files'
	return
	}
	}

	this.posting = true
	statusPoster.postStatus({
	status: newStatus.status,
	+ spoilerText: newStatus.spoilerText \|\| null,
	+ visibility: newStatus.visibility,
	media: newStatus.files,
	store: this.$store,
	inReplyToStatusId: this.replyTo
	}).then((data) => {
	if (!data.error) {
	this.newStatus = {
	status: '',
	- files: []
	+ files: [],
	+ visibility: newStatus.visibility
	}
	this.$emit('posted')
	let el = this.$el.querySelector('textarea')
	el.style.height = '16px'
	this.error = null
	} else {
	this.error = data.error
	}
	this.posting = false
	})
	},
	addMediaFile (fileInfo) {
	this.newStatus.files.push(fileInfo)
	this.enableSubmit()
	},
	removeMediaFile (fileInfo) {
	let index = this.newStatus.files.indexOf(fileInfo)
	this.newStatus.files.splice(index, 1)
	},
	disableSubmit () {
	this.submitDisabled = true
	},
	enableSubmit () {
	this.submitDisabled = false
	},
	type (fileInfo) {
	return fileTypeService.fileType(fileInfo.mimetype)
	},
	paste (e) {
	if (e.clipboardData.files.length > 0) {
	// Strangely, files property gets emptied after event propagation
	// Trying to wrap it in array doesn't work. Plus I doubt it's possible
	// to hold more than one file in clipboard.
	this.dropFiles = [e.clipboardData.files[0]]
	}
	},
	fileDrop (e) {
	if (e.dataTransfer.files.length > 0) {
	e.preventDefault() // allow dropping text like before
	this.dropFiles = e.dataTransfer.files
	}
	},
	fileDrag (e) {
	e.dataTransfer.dropEffect = 'copy'
	},
	resize (e) {
	- const target = e.target \|\| e
	- target.style.height = 'auto'
	- const heightPx = target.scrollHeight - 10
	- if (heightPx > 54) {
	- target.style.height = `${target.scrollHeight - 10}px`
	- }
	- if (target.value === '') {
	- target.style.height = '16px'
	+ if (!e.target) { return }
	+ const vertPadding = Number(window.getComputedStyle(e.target)['padding-top'].substr(0, 1)) +
	+ Number(window.getComputedStyle(e.target)['padding-bottom'].substr(0, 1))
	+ e.target.style.height = 'auto'
	+ e.target.style.height = `${e.target.scrollHeight - vertPadding}px`
	+ if (e.target.value === '') {
	+ e.target.style.height = '16px'
	}
	},
	clearError () {
	this.error = null
	+ },
	+ changeVis (visibility) {
	+ this.newStatus.visibility = visibility
	}
	}
	}

	export default PostStatusForm
	diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
	index 88627e3ae6..802d51ed87 100644
	--- a/src/components/post_status_form/post_status_form.vue
	+++ b/src/components/post_status_form/post_status_form.vue
	@@ -1,221 +1,248 @@
	<template>
	<div class="post-status-form">
	<form @submit.prevent="postStatus(newStatus)">
	<div class="form-group" >
	+ <input
	+ v-if="scopeOptionsEnabled"
	+ type="text"
	+ :placeholder="$t('post_status.content_warning')"
	+ v-model="newStatus.spoilerText"
	+ class="form-cw">
	<textarea
	ref="textarea"
	@click="setCaret"
	@keyup="setCaret" v-model="newStatus.status" :placeholder="$t('post_status.default')" rows="1" class="form-control"
	@keydown.down="cycleForward"
	@keydown.up="cycleBackward"
	@keydown.shift.tab="cycleBackward"
	@keydown.tab="cycleForward"
	@keydown.enter="replaceCandidate"
	@keydown.meta.enter="postStatus(newStatus)"
	@keyup.ctrl.enter="postStatus(newStatus)"
	@drop="fileDrop"
	@dragover.prevent="fileDrag"
	@input="resize"
	@paste="paste">
	</textarea>
	+ <div v-if="scopeOptionsEnabled" class="visibility-tray">
	+ <i v-on:click="changeVis('direct')" class="icon-mail-alt" :class="vis.direct"></i>
	+ <i v-on:click="changeVis('private')" class="icon-lock" :class="vis.private"></i>
	+ <i v-on:click="changeVis('unlisted')" class="icon-lock-open-alt" :class="vis.unlisted"></i>
	+ <i v-on:click="changeVis('public')" class="icon-globe" :class="vis.public"></i>
	+ </div>
	</div>
	<div style="position:relative;" v-if="candidates">
	<div class="autocomplete-panel">
	<div v-for="candidate in candidates" @click="replace(candidate.utf \|\| (candidate.screen_name + ' '))">
	- <div v-if="candidate.highlighted" class="autocomplete">
	- <span v-if="candidate.img"><img :src="candidate.img"></span>
	- <span v-else>{{candidate.utf}}</span>
	- <span>{{candidate.screen_name}}<small>{{candidate.name}}</small></span>
	- </div>
	- <div v-else class="autocomplete">
	+ <div class="autocomplete" :class="{ highlighted: candidate.highlighted }">
	<span v-if="candidate.img"><img :src="candidate.img"></img></span>
	<span v-else>{{candidate.utf}}</span>
	<span>{{candidate.screen_name}}<small>{{candidate.name}}</small></span>
	</div>
	</div>
	</div>
	</div>
	<div class='form-bottom'>
	<media-upload @uploading="disableSubmit" @uploaded="addMediaFile" @upload-failed="enableSubmit" :drop-files="dropFiles"></media-upload>

	<p v-if="isOverLengthLimit" class="error">{{ charactersLeft }}</p>
	<p class="faint" v-else-if="hasStatusLengthLimit">{{ charactersLeft }}</p>

	<button v-if="posting" disabled class="btn btn-default">{{$t('post_status.posting')}}</button>
	<button v-else-if="isOverLengthLimit" disabled class="btn btn-default">{{$t('general.submit')}}</button>
	<button v-else :disabled="submitDisabled" type="submit" class="btn btn-default">{{$t('general.submit')}}</button>
	</div>
	<div class='alert error' v-if="error">
	Error: {{ error }}
	<i class="icon-cancel" @click="clearError"></i>
	</div>
	<div class="attachments">
	<div class="media-upload-container attachment" v-for="file in newStatus.files">
	<i class="fa icon-cancel" @click="removeMediaFile(file)"></i>
	<img class="thumbnail media-upload" :src="file.image" v-if="type(file) === 'image'"></img>
	<video v-if="type(file) === 'video'" :src="file.image" controls></video>
	<audio v-if="type(file) === 'audio'" :src="file.image" controls></audio>
	<a v-if="type(file) === 'unknown'" :href="file.image">{{file.url}}</a>
	</div>
	</div>
	</form>
	</div>
	</template>

	<script src="./post_status_form.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';

	.tribute-container {
	ul {
	padding: 0px;
	li {
	display: flex;
	align-items: center;
	}
	}
	img {
	padding: 3px;
	width: 16px;
	height: 16px;
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	}
	}

	+.post-status-form .visibility-tray {
	+ font-size: 1.2em;
	+ padding: 3px;
	+ cursor: pointer;
	+
	+ .selected {
	+ color: $fallback--lightFg;
	+ color: var(--lightFg, $fallback--lightFg);
	+ }
	+}
	+
	.post-status-form, .login {
	.form-bottom {
	display: flex;
	padding: 0.5em;
	height: 32px;

	button {
	width: 10em;
	}

	p {
	margin: 0.35em;
	padding: 0.35em;
	display: flex;
	}
	}

	.error {
	text-align: center;
	}

	.attachments {
	padding: 0 0.5em;

	.attachment {
	position: relative;
	border: 1px solid $fallback--border;
	border: 1px solid var(--border, $fallback--border);
	margin: 0.5em 0.8em 0.2em 0;
	}

	i {
	position: absolute;
	margin: 10px;
	padding: 5px;
	background: rgba(230,230,230,0.6);
	border-radius: $fallback--attachmentRadius;
	border-radius: var(--attachmentRadius, $fallback--attachmentRadius);
	font-weight: bold;
	}
	}


	.btn {
	cursor: pointer;
	}

	.btn[disabled] {
	cursor: not-allowed;
	}

	- .icon-cancel {
	- cursor: pointer;
	- }
	-
	form {
	display: flex;
	flex-direction: column;
	padding: 0.6em;
	}

	.form-group {
	display: flex;
	flex-direction: column;
	padding: 0.3em 0.5em 0.6em;
	line-height:24px;
	}

	- form textarea {
	+ form textarea.form-cw {
	+ line-height:16px;
	+ resize: none;
	+ overflow: hidden;
	+ transition: min-height 200ms 100ms;
	+ min-height: 1px;
	+ }
	+
	+ form textarea.form-control {
	line-height:16px;
	resize: none;
	overflow: hidden;
	transition: min-height 200ms 100ms;
	min-height: 1px;
	box-sizing: content-box;
	}

	- form textarea:focus {
	+ form textarea.form-control:focus {
	min-height: 48px;
	}

	.btn {
	cursor: pointer;
	}

	.btn[disabled] {
	cursor: not-allowed;
	}

	.icon-cancel {
	cursor: pointer;
	z-index: 4;
	}

	.autocomplete-panel {
	margin: 0 0.5em 0 0.5em;
	border-radius: $fallback--tooltipRadius;
	border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	position: absolute;
	z-index: 1;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
	min-width: 75%;
	- background: $fallback--btn;
	- background: var(--btn, $fallback--btn);
	+ background: $fallback--bg;
	+ background: var(--bg, $fallback--bg);
	color: $fallback--lightFg;
	color: var(--lightFg, $fallback--lightFg);
	}

	.autocomplete {
	cursor: pointer;
	padding: 0.2em 0.4em 0.2em 0.4em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	display: flex;

	img {
	width: 24px;
	height: 24px;
	border-radius: $fallback--avatarRadius;
	border-radius: var(--avatarRadius, $fallback--avatarRadius);
	object-fit: contain;
	}

	span {
	line-height: 24px;
	margin: 0 0.1em 0 0.2em;
	}

	small {
	margin-left: .5em;
	color: $fallback--faint;
	color: var(--faint, $fallback--faint);
	}
	+
	+ &.highlighted {
	+ background-color: $fallback--btn;
	+ background-color: var(--btn, $fallback--btn);
	+ }
	}
	}
	</style>
	diff --git a/src/components/status/status.js b/src/components/status/status.js
	index 73f4a7aa7d..87ef90d884 100644
	--- a/src/components/status/status.js
	+++ b/src/components/status/status.js
	@@ -1,173 +1,185 @@
	import Attachment from '../attachment/attachment.vue'
	import FavoriteButton from '../favorite_button/favorite_button.vue'
	import RetweetButton from '../retweet_button/retweet_button.vue'
	import DeleteButton from '../delete_button/delete_button.vue'
	import PostStatusForm from '../post_status_form/post_status_form.vue'
	import UserCardContent from '../user_card_content/user_card_content.vue'
	import StillImage from '../still-image/still-image.vue'
	import { filter, find } from 'lodash'

	const Status = {
	name: 'Status',
	props: [
	'statusoid',
	'expandable',
	'inConversation',
	'focused',
	'highlight',
	'compact',
	'replies',
	'noReplyLinks',
	'noHeading',
	'inlineExpanded'
	],
	data: () => ({
	replying: false,
	expanded: false,
	unmuted: false,
	userExpanded: false,
	preview: null,
	showPreview: false,
	showingTall: false
	}),
	computed: {
	muteWords () {
	return this.$store.state.config.muteWords
	},
	hideAttachments () {
	return (this.$store.state.config.hideAttachments && !this.inConversation) \|\|
	(this.$store.state.config.hideAttachmentsInConv && this.inConversation)
	},
	retweet () { return !!this.statusoid.retweeted_status },
	retweeter () { return this.statusoid.user.name },
	status () {
	if (this.retweet) {
	return this.statusoid.retweeted_status
	} else {
	return this.statusoid
	}
	},
	loggedIn () {
	return !!this.$store.state.users.currentUser
	},
	muteWordHits () {
	const statusText = this.status.text.toLowerCase()
	const hits = filter(this.muteWords, (muteWord) => {
	return statusText.includes(muteWord.toLowerCase())
	})

	return hits
	},
	muted () { return !this.unmuted && (this.status.user.muted \|\| this.muteWordHits.length > 0) },
	isReply () { return !!this.status.in_reply_to_status_id },
	isFocused () {
	// retweet or root of an expanded conversation
	if (this.focused) {
	return true
	} else if (!this.inConversation) {
	return false
	}
	// use conversation highlight only when in conversation
	return this.status.id === this.highlight
	},
	// This is a bit hacky, but we want to approximate post height before rendering
	// so we count newlines (masto uses <p> for paragraphs, GS uses <br> between them)
	// as well as approximate line count by counting characters and approximating ~80
	// per line.
	//
	// Using max-height + overflow: auto for status components resulted in false positives
	// very often with japanese characters, and it was very annoying.
	hideTallStatus () {
	if (this.showingTall) {
	return false
	}
	const lengthScore = this.status.statusnet_html.split(/<p\|<br/).length + this.status.text.length / 80
	return lengthScore > 20
	},
	attachmentSize () {
	if ((this.$store.state.config.hideAttachments && !this.inConversation) \|\|
	(this.$store.state.config.hideAttachmentsInConv && this.inConversation)) {
	return 'hide'
	} else if (this.compact) {
	return 'small'
	}
	return 'normal'
	}
	},
	components: {
	Attachment,
	FavoriteButton,
	RetweetButton,
	DeleteButton,
	PostStatusForm,
	UserCardContent,
	StillImage
	},
	methods: {
	+ visibilityIcon (visibility) {
	+ switch (visibility) {
	+ case 'private':
	+ return 'icon-lock'
	+ case 'unlisted':
	+ return 'icon-lock-open-alt'
	+ case 'direct':
	+ return 'icon-mail-alt'
	+ default:
	+ return 'icon-globe'
	+ }
	+ },
	linkClicked ({target}) {
	if (target.tagName === 'SPAN') {
	target = target.parentNode
	}
	if (target.tagName === 'A') {
	window.open(target.href, '_blank')
	}
	},
	toggleReplying () {
	this.replying = !this.replying
	},
	gotoOriginal (id) {
	// only handled by conversation, not status_or_conversation
	if (this.inConversation) {
	this.$emit('goto', id)
	}
	},
	toggleExpanded () {
	this.$emit('toggleExpanded')
	},
	toggleMute () {
	this.unmuted = !this.unmuted
	},
	toggleUserExpanded () {
	this.userExpanded = !this.userExpanded
	},
	toggleShowTall () {
	this.showingTall = !this.showingTall
	},
	replyEnter (id, event) {
	this.showPreview = true
	const targetId = Number(id)
	const statuses = this.$store.state.statuses.allStatuses

	if (!this.preview) {
	// if we have the status somewhere already
	this.preview = find(statuses, { 'id': targetId })
	// or if we have to fetch it
	if (!this.preview) {
	this.$store.state.api.backendInteractor.fetchStatus({id}).then((status) => {
	this.preview = status
	})
	}
	} else if (this.preview.id !== targetId) {
	this.preview = find(statuses, { 'id': targetId })
	}
	},
	replyLeave () {
	this.showPreview = false
	}
	},
	watch: {
	'highlight': function (id) {
	id = Number(id)
	if (this.status.id === id) {
	let rect = this.$el.getBoundingClientRect()
	if (rect.top < 100) {
	window.scrollBy(0, rect.top - 200)
	} else if (rect.bottom > window.innerHeight - 50) {
	window.scrollBy(0, rect.bottom - window.innerHeight + 50)
	}
	}
	}
	}
	}

	export default Status
	diff --git a/src/components/status/status.vue b/src/components/status/status.vue
	index f1163fd9b9..ace141cd9d 100644
	--- a/src/components/status/status.vue
	+++ b/src/components/status/status.vue
	@@ -1,488 +1,491 @@
	<template>
	<div class="status-el" :class="[{ 'status-el_focused': isFocused }, { 'status-conversation': inlineExpanded }]">
	<template v-if="muted && !noReplyLinks">
	<div class="media status container muted">
	<small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small>
	<small class="muteWords">{{muteWordHits.join(', ')}}</small>
	<a href="#" class="unmute" @click.prevent="toggleMute"><i class="icon-eye-off"></i></a>
	</div>
	</template>
	<template v-else>
	<div v-if="retweet && !noHeading" class="media container retweet-info">
	<StillImage v-if="retweet" class='avatar' :src="statusoid.user.profile_image_url_original"/>
	<div class="media-body faint">
	<a :href="statusoid.user.statusnet_profile_url" style="font-weight: bold;" :title="'@'+statusoid.user.screen_name">{{retweeter}}</a>
	<i class='fa icon-retweet retweeted'></i>
	{{$t('timeline.repeated')}}
	</div>
	</div>

	<div class="media status">
	<div v-if="!noHeading" class="media-left">
	<a :href="status.user.statusnet_profile_url" @click.stop.prevent.capture="toggleUserExpanded">
	<StillImage class='avatar' :class="{'avatar-compact': compact}" :src="status.user.profile_image_url_original"/>
	</a>
	</div>
	<div class="status-body">
	<div class="usercard media-body" v-if="userExpanded">
	<user-card-content :user="status.user" :switcher="false"></user-card-content>
	</div>
	<div v-if="!noHeading" class="media-body container media-heading">
	<div class="media-heading-left">
	<div class="name-and-links">
	<h4 class="user-name">{{status.user.name}}</h4>
	<span class="links">
	<router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link>
	<span v-if="status.in_reply_to_screen_name" class="faint reply-info">
	<i class="icon-right-open"></i>
	<router-link :to="{ name: 'user-profile', params: { id: status.in_reply_to_user_id } }">
	{{status.in_reply_to_screen_name}}
	</router-link>
	</span>
	<a v-if="isReply && !noReplyLinks" href="#" @click.prevent="gotoOriginal(status.in_reply_to_status_id)">
	<i class="icon-reply" @mouseenter="replyEnter(status.in_reply_to_status_id, $event)" @mouseout="replyLeave()"></i>
	</a>
	</span>
	</div>
	<h4 class="replies" v-if="inConversation && !noReplyLinks">
	<small v-if="replies.length">Replies:</small>
	<small class="reply-link" v-for="reply in replies">
	<a href="#" @click.prevent="gotoOriginal(reply.id)" @mouseenter="replyEnter(reply.id, $event)" @mouseout="replyLeave()">{{reply.name}} </a>
	</small>
	</h4>
	</div>
	<div class="media-heading-right">
	<router-link class="timeago" :to="{ name: 'conversation', params: { id: status.id } }">
	<timeago :since="status.created_at" :auto-update="60"></timeago>
	</router-link>
	+ <span v-if="status.visibility"><i :class="visibilityIcon(status.visibility)"></i> </span>
	<a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext"></i></a>
	<template v-if="expandable">
	<a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a>
	</template>
	<a href="#" @click.prevent="toggleMute" v-if="unmuted"><i class="icon-eye-off"></i></a>
	</div>
	</div>

	<div v-if="showPreview" class="status-preview-container">
	<status class="status-preview" v-if="preview" :noReplyLinks="true" :statusoid="preview" :compact=true></status>
	<div class="status-preview status-preview-loading" v-else>
	<i class="icon-spin4 animate-spin"></i>
	</div>
	</div>

	<div :class="{'tall-status': hideTallStatus}" class="status-content-wrapper">
	<a class="tall-status-hider" :class="{ 'tall-status-hider_focused': isFocused }" v-if="hideTallStatus" href="#" @click.prevent="toggleShowTall">Show more</a>
	<div @click.prevent="linkClicked" class="status-content media-body" v-html="status.statusnet_html"></div>
	<a v-if="showingTall" href="#" class="tall-status-unhider" @click.prevent="toggleShowTall">Show less</a>
	</div>

	<div v-if='status.attachments' class='attachments media-body'>
	<attachment :size="attachmentSize" :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments" :key="attachment.id">
	</attachment>
	</div>

	<div v-if="!noHeading && !noReplyLinks" class='status-actions media-body'>
	<div v-if="loggedIn">
	<a href="#" v-on:click.prevent="toggleReplying">
	<i class="icon-reply" :class="{'icon-reply-active': replying}"></i>
	</a>
	</div>
	<retweet-button :loggedIn='loggedIn' :status='status'></retweet-button>
	<favorite-button :loggedIn='loggedIn' :status='status'></favorite-button>
	<delete-button :status='status'></delete-button>
	</div>
	</div>
	</div>
	<div class="container" v-if="replying">
	<div class="reply-left"/>
	<post-status-form class="reply-body" :reply-to="status.id" :attentions="status.attentions" :repliedUser="status.user" v-on:posted="toggleReplying"/>
	</div>
	</template>
	</div>
	</template>

	<script src="./status.js" ></script>
	<style lang="scss">
	@import '../../_variables.scss';

	.status-body {
	flex: 1;
	min-width: 0;
	}

	.status-preview.status-el {
	border-style: solid;
	border-width: 1px;
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);
	}

	.status-preview-container {
	position: relative;
	max-width: 100%;
	}

	.status-preview {
	position: absolute;
	max-width: 95%;
	display: flex;
	background-color: $fallback--bg;
	background-color: var(--bg, $fallback--bg);
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);
	border-style: solid;
	border-width: 1px;
	border-radius: $fallback--tooltipRadius;
	border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	margin-top: 0.25em;
	margin-left: 0.5em;
	z-index: 50;
	.status {
	flex: 1;
	border: 0;
	min-width: 15em;
	}
	}

	.status-preview-loading {
	display: block;
	min-width: 15em;
	padding: 1em;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	i {
	font-size: 2em;
	}
	}

	.status-el {
	hyphens: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	border-left-width: 0px;
	line-height: 18px;
	min-width: 0;
	- background-color: $fallback--bg;
	- background-color: var(--bg, $fallback--bg);
	border-color: $fallback--border;
	border-color: var(--border, $fallback--border);

	border-left: 4px $fallback--cRed;
	border-left: 4px var(--cRed, $fallback--cRed);

	&_focused {
	background-color: $fallback--lightBg;
	background-color: var(--lightBg, $fallback--lightBg);
	}

	.timeline & {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}

	.media-body {
	flex: 1;
	padding: 0;
	margin: 0 0 0.25em 0.8em;
	}

	+ .usercard {
	+ margin-bottom: .7em
	+ }
	+
	.media-heading {
	flex-wrap: nowrap;
	}

	.media-heading-left {
	padding: 0;
	vertical-align: bottom;
	flex-basis: 100%;

	small {
	font-weight: lighter;
	}
	h4 {
	white-space: nowrap;
	font-size: 14px;
	margin-right: 0.25em;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	.name-and-links {
	padding: 0;
	flex: 1 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	}
	.links {
	display: flex;
	padding-top: 1px;
	margin-left: 0.2em;
	font-size: 12px;
	color: $fallback--link;
	color: var(--link, $fallback--link);
	max-width: 100%;
	a {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	}
	}
	.reply-info {
	display: flex;
	}
	.replies {
	line-height: 16px;
	}
	.reply-link {
	margin-right: 0.2em;
	}
	}

	.media-heading-right {
	flex-shrink: 0;
	display: flex;
	flex-wrap: nowrap;
	max-height: 1.5em;
	margin-left: 0.25em;
	.timeago {
	margin-right: 0.2em;
	font-size: 12px;
	padding-top: 1px;
	}
	i {
	margin-left: 0.2em;
	}
	}

	a {
	display: inline-block;
	word-break: break-all;
	}

	.tall-status {
	position: relative;
	height: 220px;
	overflow-x: hidden;
	overflow-y: hidden;
	}

	.tall-status-hider {
	position: absolute;
	height: 70px;
	margin-top: 150px;
	width: 100%;
	text-align: center;
	line-height: 110px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%);
	&_focused {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--lightBg 80%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--lightBg, $fallback--lightBg) 80%);
	}
	}

	.tall-status-unhider {
	width: 100%;
	text-align: center;
	}

	.status-content {
	margin-right: 0.5em;
	img, video {
	max-width: 100%;
	max-height: 400px;
	vertical-align: middle;
	object-fit: contain;
	}

	blockquote {
	margin: 0.2em 0 0.2em 2em;
	font-style: italic;
	}

	p {
	margin: 0;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	}
	}

	.retweet-info {
	padding: 0.4em 0.6em 0 0.6em;
	margin: 0 0 -0.5em 0;
	.avatar {
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	margin-left: 28px;
	width: 20px;
	height: 20px;
	}

	.media-body {
	font-size: 1em;
	line-height: 22px;

	display: flex;
	align-content: center;
	flex-wrap: wrap;
	i {
	padding: 0 0.2em;
	}
	a {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	}
	}
	}

	.status-fadein {
	animation-duration: 0.4s;
	animation-name: fadein;
	}

	@keyframes fadein {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
	}

	.greentext {
	color: green;
	}

	.status-conversation {
	border-left-style: solid;
	}

	.status-actions {
	width: 100%;
	display: flex;

	div, favorite-button {
	padding-top: 0.25em;
	max-width: 6em;
	flex: 1;
	}
	}

	.icon-reply:hover {
	color: $fallback--cBlue;
	color: var(--cBlue, $fallback--cBlue);
	}

	.icon-reply.icon-reply-active {
	color: $fallback--cBlue;
	color: var(--cBlue, $fallback--cBlue);
	}

	.status .avatar-compact {
	width: 32px;
	height: 32px;
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	}

	.avatar {
	width: 48px;
	height: 48px;
	border-radius: $fallback--avatarRadius;
	border-radius: var(--avatarRadius, $fallback--avatarRadius);
	overflow: hidden;
	position: relative;

	img {
	width: 100%;
	height: 100%;
	}

	&.animated::before {
	display: none;
	}

	&.retweeted {
	}
	}

	.status:hover .animated.avatar {
	canvas {
	display: none;
	}
	img {
	visibility: visible;
	}
	}

	.status {
	display: flex;
	padding: 0.6em;
	}

	.status-conversation:last-child {
	border-bottom: none;
	}

	.muted {
	padding: 0.25em 0.5em;
	button {
	margin-left: auto;
	}

	.muteWords {
	margin-left: 10px;
	}
	}

	a.unmute {
	display: block;
	margin-left: auto;
	}

	.reply-left {
	flex: 0;
	min-width: 48px;
	}

	.reply-body {
	flex: 1;
	}

	.timeline > {
	.status-el:last-child {
	border-bottom-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;;
	border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);
	}
	}

	@media all and (max-width: 960px) {
	.status-el {
	.retweet-info {
	.avatar {
	margin-left: 20px;
	}
	}
	}
	.status {
	max-width: 100%;
	}

	.status .avatar {
	width: 40px;
	height: 40px;
	}

	.status .avatar-compact {
	width: 32px;
	height: 32px;
	}
	}

	</style>
	diff --git a/src/components/style_switcher/style_switcher.js b/src/components/style_switcher/style_switcher.js
	index 08bc71130a..6f4845c444 100644
	--- a/src/components/style_switcher/style_switcher.js
	+++ b/src/components/style_switcher/style_switcher.js
	@@ -1,109 +1,112 @@
	import { rgbstr2hex } from '../../services/color_convert/color_convert.js'

	export default {
	data () {
	return {
	availableStyles: [],
	selected: this.$store.state.config.theme,
	bgColorLocal: '',
	btnColorLocal: '',
	textColorLocal: '',
	linkColorLocal: '',
	redColorLocal: '',
	blueColorLocal: '',
	greenColorLocal: '',
	orangeColorLocal: '',
	btnRadiusLocal: '',
	+ inputRadiusLocal: '',
	panelRadiusLocal: '',
	avatarRadiusLocal: '',
	avatarAltRadiusLocal: '',
	attachmentRadiusLocal: '',
	tooltipRadiusLocal: ''
	}
	},
	created () {
	const self = this

	window.fetch('/static/styles.json')
	.then((data) => data.json())
	.then((themes) => {
	self.availableStyles = themes
	})
	},
	mounted () {
	this.bgColorLocal = rgbstr2hex(this.$store.state.config.colors.bg)
	this.btnColorLocal = rgbstr2hex(this.$store.state.config.colors.btn)
	this.textColorLocal = rgbstr2hex(this.$store.state.config.colors.fg)
	this.linkColorLocal = rgbstr2hex(this.$store.state.config.colors.link)

	this.redColorLocal = rgbstr2hex(this.$store.state.config.colors.cRed)
	this.blueColorLocal = rgbstr2hex(this.$store.state.config.colors.cBlue)
	this.greenColorLocal = rgbstr2hex(this.$store.state.config.colors.cGreen)
	this.orangeColorLocal = rgbstr2hex(this.$store.state.config.colors.cOrange)

	this.btnRadiusLocal = this.$store.state.config.radii.btnRadius \|\| 4
	+ this.inputRadiusLocal = this.$store.state.config.radii.inputRadius \|\| 4
	this.panelRadiusLocal = this.$store.state.config.radii.panelRadius \|\| 10
	this.avatarRadiusLocal = this.$store.state.config.radii.avatarRadius \|\| 5
	this.avatarAltRadiusLocal = this.$store.state.config.radii.avatarAltRadius \|\| 50
	this.tooltipRadiusLocal = this.$store.state.config.radii.tooltipRadius \|\| 2
	this.attachmentRadiusLocal = this.$store.state.config.radii.attachmentRadius \|\| 5
	},
	methods: {
	setCustomTheme () {
	if (!this.bgColorLocal && !this.btnColorLocal && !this.linkColorLocal) {
	// reset to picked themes
	}

	const rgb = (hex) => {
	const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
	return result ? {
	r: parseInt(result[1], 16),
	g: parseInt(result[2], 16),
	b: parseInt(result[3], 16)
	} : null
	}
	const bgRgb = rgb(this.bgColorLocal)
	const btnRgb = rgb(this.btnColorLocal)
	const textRgb = rgb(this.textColorLocal)
	const linkRgb = rgb(this.linkColorLocal)

	const redRgb = rgb(this.redColorLocal)
	const blueRgb = rgb(this.blueColorLocal)
	const greenRgb = rgb(this.greenColorLocal)
	const orangeRgb = rgb(this.orangeColorLocal)

	if (bgRgb && btnRgb && linkRgb) {
	this.$store.dispatch('setOption', {
	name: 'customTheme',
	value: {
	fg: btnRgb,
	bg: bgRgb,
	text: textRgb,
	link: linkRgb,
	cRed: redRgb,
	cBlue: blueRgb,
	cGreen: greenRgb,
	cOrange: orangeRgb,
	btnRadius: this.btnRadiusLocal,
	+ inputRadius: this.inputRadiusLocal,
	panelRadius: this.panelRadiusLocal,
	avatarRadius: this.avatarRadiusLocal,
	avatarAltRadius: this.avatarAltRadiusLocal,
	tooltipRadius: this.tooltipRadiusLocal,
	attachmentRadius: this.attachmentRadiusLocal
	}})
	}
	}
	},
	watch: {
	selected () {
	this.bgColorLocal = this.selected[1]
	this.btnColorLocal = this.selected[2]
	this.textColorLocal = this.selected[3]
	this.linkColorLocal = this.selected[4]
	this.redColorLocal = this.selected[5]
	this.greenColorLocal = this.selected[6]
	this.blueColorLocal = this.selected[7]
	this.orangeColorLocal = this.selected[8]
	}
	}
	}
	diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
	index 9c39b245ac..7acba1dc4f 100644
	--- a/src/components/style_switcher/style_switcher.vue
	+++ b/src/components/style_switcher/style_switcher.vue
	@@ -1,231 +1,237 @@
	<template>
	<div>
	<div>{{$t('settings.presets')}}
	<label for="style-switcher" class='select'>
	<select id="style-switcher" v-model="selected" class="style-switcher">
	<option v-for="style in availableStyles" :value="style">{{style[0]}}</option>
	</select>
	<i class="icon-down-open"/>
	</label>
	</div>
	<div class="color-container">
	<p>{{$t('settings.theme_help')}}</p>
	<div class="color-item">
	<label for="bgcolor" class="theme-color-lb">{{$t('settings.background')}}</label>
	<input id="bgcolor" class="theme-color-cl" type="color" v-model="bgColorLocal">
	<input id="bgcolor-t" class="theme-color-in" type="text" v-model="bgColorLocal">
	</div>
	<div class="color-item">
	<label for="fgcolor" class="theme-color-lb">{{$t('settings.foreground')}}</label>
	<input id="fgcolor" class="theme-color-cl" type="color" v-model="btnColorLocal">
	<input id="fgcolor-t" class="theme-color-in" type="text" v-model="btnColorLocal">
	</div>
	<div class="color-item">
	<label for="textcolor" class="theme-color-lb">{{$t('settings.text')}}</label>
	<input id="textcolor" class="theme-color-cl" type="color" v-model="textColorLocal">
	<input id="textcolor-t" class="theme-color-in" type="text" v-model="textColorLocal">
	</div>
	<div class="color-item">
	<label for="linkcolor" class="theme-color-lb">{{$t('settings.links')}}</label>
	<input id="linkcolor" class="theme-color-cl" type="color" v-model="linkColorLocal">
	<input id="linkcolor-t" class="theme-color-in" type="text" v-model="linkColorLocal">
	</div>
	<div class="color-item">
	<label for="redcolor" class="theme-color-lb">{{$t('settings.cRed')}}</label>
	<input id="redcolor" class="theme-color-cl" type="color" v-model="redColorLocal">
	<input id="redcolor-t" class="theme-color-in" type="text" v-model="redColorLocal">
	</div>
	<div class="color-item">
	<label for="bluecolor" class="theme-color-lb">{{$t('settings.cBlue')}}</label>
	<input id="bluecolor" class="theme-color-cl" type="color" v-model="blueColorLocal">
	<input id="bluecolor-t" class="theme-color-in" type="text" v-model="blueColorLocal">
	</div>
	<div class="color-item">
	<label for="greencolor" class="theme-color-lb">{{$t('settings.cGreen')}}</label>
	<input id="greencolor" class="theme-color-cl" type="color" v-model="greenColorLocal">
	<input id="greencolor-t" class="theme-color-in" type="green" v-model="greenColorLocal">
	</div>
	<div class="color-item">
	<label for="orangecolor" class="theme-color-lb">{{$t('settings.cOrange')}}</label>
	<input id="orangecolor" class="theme-color-cl" type="color" v-model="orangeColorLocal">
	<input id="orangecolor-t" class="theme-color-in" type="text" v-model="orangeColorLocal">
	</div>
	</div>
	<div class="radius-container">
	<p>{{$t('settings.radii_help')}}</p>
	<div class="radius-item">
	<label for="btnradius" class="theme-radius-lb">{{$t('settings.btnRadius')}}</label>
	<input id="btnradius" class="theme-radius-rn" type="range" v-model="btnRadiusLocal" max="16">
	<input id="btnradius-t" class="theme-radius-in" type="text" v-model="btnRadiusLocal">
	</div>
	+ <div class="radius-item">
	+ <label for="inputradius" class="theme-radius-lb">{{$t('settings.inputRadius')}}</label>
	+ <input id="inputradius" class="theme-radius-rn" type="range" v-model="inputRadiusLocal" max="16">
	+ <input id="inputradius-t" class="theme-radius-in" type="text" v-model="inputRadiusLocal">
	+ </div>
	<div class="radius-item">
	<label for="panelradius" class="theme-radius-lb">{{$t('settings.panelRadius')}}</label>
	<input id="panelradius" class="theme-radius-rn" type="range" v-model="panelRadiusLocal" max="50">
	<input id="panelradius-t" class="theme-radius-in" type="text" v-model="panelRadiusLocal">
	</div>
	<div class="radius-item">
	<label for="avatarradius" class="theme-radius-lb">{{$t('settings.avatarRadius')}}</label>
	<input id="avatarradius" class="theme-radius-rn" type="range" v-model="avatarRadiusLocal" max="28">
	<input id="avatarradius-t" class="theme-radius-in" type="green" v-model="avatarRadiusLocal">
	</div>
	<div class="radius-item">
	<label for="avataraltradius" class="theme-radius-lb">{{$t('settings.avatarAltRadius')}}</label>
	<input id="avataraltradius" class="theme-radius-rn" type="range" v-model="avatarAltRadiusLocal" max="28">
	<input id="avataraltradius-t" class="theme-radius-in" type="text" v-model="avatarAltRadiusLocal">
	</div>
	<div class="radius-item">
	<label for="attachmentradius" class="theme-radius-lb">{{$t('settings.attachmentRadius')}}</label>
	<input id="attachmentrradius" class="theme-radius-rn" type="range" v-model="attachmentRadiusLocal" max="50">
	<input id="attachmentradius-t" class="theme-radius-in" type="text" v-model="attachmentRadiusLocal">
	</div>
	<div class="radius-item">
	<label for="tooltipradius" class="theme-radius-lb">{{$t('settings.tooltipRadius')}}</label>
	<input id="tooltipradius" class="theme-radius-rn" type="range" v-model="tooltipRadiusLocal" max="20">
	<input id="tooltipradius-t" class="theme-radius-in" type="text" v-model="tooltipRadiusLocal">
	</div>
	</div>
	<div :style="{
	'--btnRadius': btnRadiusLocal + 'px',
	+ '--inputRadius': inputRadiusLocal + 'px',
	'--panelRadius': panelRadiusLocal + 'px',
	'--avatarRadius': avatarRadiusLocal + 'px',
	'--avatarAltRadius': avatarAltRadiusLocal + 'px',
	'--tooltipRadius': tooltipRadiusLocal + 'px',
	'--attachmentRadius': attachmentRadiusLocal + 'px'
	}">
	<div class="panel dummy">
	<div class="panel-heading" :style="{ 'background-color': btnColorLocal, 'color': textColorLocal }">Preview</div>
	<div class="panel-body theme-preview-content" :style="{ 'background-color': bgColorLocal, 'color': textColorLocal }">
	<div class="avatar" :style="{
	'border-radius': avatarRadiusLocal + 'px'
	}">
	( ͡° ͜ʖ ͡°)
	</div>
	<h4>Content</h4>
	<br>
	A bunch of more content and
	<a :style="{ color: linkColorLocal }">a nice lil' link</a>
	<i :style="{ color: blueColorLocal }" class="icon-reply"/>
	<i :style="{ color: greenColorLocal }" class="icon-retweet"/>
	<i :style="{ color: redColorLocal }" class="icon-cancel"/>
	<i :style="{ color: orangeColorLocal }" class="icon-star"/>
	<br>
	<button class="btn" :style="{ 'background-color': btnColorLocal, 'color': textColorLocal }">Button</button>
	</div>
	</div>
	</div>
	<button class="btn" @click="setCustomTheme">{{$t('general.apply')}}</button>
	</div>
	</template>

	<script src="./style_switcher.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';
	.style-switcher {
	margin-right: 1em;
	}

	.radius-container,
	.color-container {
	display: flex;

	p {
	margin-top: 2em;
	margin-bottom: .5em;
	}
	}
	.radius-container {
	flex-direction: column;
	}

	.color-container {
	flex-wrap: wrap;
	justify-content: space-between;
	}

	.radius-item,
	.color-item {
	min-width: 20em;
	display:flex;
	flex: 1 1 0;
	align-items: baseline;
	margin: 5px 6px 5px 0;

	label {
	color: var(--faint, $fallback--faint);
	}
	}

	.radius-item {
	flex-basis: auto;
	}

	.theme-radius-rn,
	.theme-color-cl {
	border: 0;
	box-shadow: none;
	background: transparent;
	color: var(--faint, $fallback--faint);
	align-self: stretch;
	}

	.theme-color-cl,
	.theme-radius-in,
	.theme-color-in {
	margin-left: 4px;
	}

	.theme-color-in {
	min-width: 4em;
	}

	.theme-radius-in {
	min-width: 1em;
	}

	.theme-radius-in,
	.theme-color-in {
	max-width: 7em;
	flex: 1;
	}

	.theme-radius-lb,
	.theme-color-lb {
	flex: 2;
	min-width: 7em;
	}

	.theme-radius-lb{
	max-width: 50em;
	}

	.theme-color-lb {
	max-width: 10em;
	}

	.theme-color-cl {
	padding: 1px;
	max-width: 8em;
	height: 100%;
	flex: 0;
	min-width: 2em;
	cursor: pointer;
	}

	.theme-preview-content {
	padding: 20px;
	}

	.dummy {
	.avatar {
	background: linear-gradient(135deg, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	color: black;
	text-align: center;
	height: 48px;
	line-height: 48px;
	width: 48px;
	float: left;
	margin-right: 1em;
	}
	}
	</style>
	diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js
	index 1e8c91dea4..4d4266cb11 100644
	--- a/src/components/user_card_content/user_card_content.js
	+++ b/src/components/user_card_content/user_card_content.js
	@@ -1,68 +1,78 @@
	import StillImage from '../still-image/still-image.vue'
	import { hex2rgb } from '../../services/color_convert/color_convert.js'

	export default {
	- props: [ 'user', 'switcher', 'hideBio' ],
	+ props: [ 'user', 'switcher', 'selected', 'hideBio' ],
	computed: {
	headingStyle () {
	const color = this.$store.state.config.colors.bg
	if (color) {
	const rgb = hex2rgb(color)
	+ const tintColor = `rgba(${Math.floor(rgb.r)}, ${Math.floor(rgb.g)}, ${Math.floor(rgb.b)}, .5)`
	console.log(rgb)
	+ console.log([
	+ `url(${this.user.cover_photo})`,
	+ `linear-gradient(to bottom, ${tintColor}, ${tintColor})`
	+ ].join(', '))
	return {
	- backgroundColor: `rgb(${Math.floor(rgb[0] * 0.53)}, ${Math.floor(rgb[1] * 0.56)}, ${Math.floor(rgb[2] * 0.59)})`,
	- backgroundImage: `url(${this.user.cover_photo})`
	+ backgroundColor: `rgb(${Math.floor(rgb.r * 0.53)}, ${Math.floor(rgb.g * 0.56)}, ${Math.floor(rgb.b * 0.59)})`,
	+ backgroundImage: [
	+ `linear-gradient(to bottom, ${tintColor}, ${tintColor})`,
	+ `url(${this.user.cover_photo})`
	+ ].join(', ')
	}
	}
	},
	isOtherUser () {
	return this.user.id !== this.$store.state.users.currentUser.id
	},
	subscribeUrl () {
	// eslint-disable-next-line no-undef
	const serverUrl = new URL(this.user.statusnet_profile_url)
	return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
	},
	loggedIn () {
	return this.$store.state.users.currentUser
	},
	dailyAvg () {
	const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
	return Math.round(this.user.statuses_count / days)
	}
	},
	components: {
	StillImage
	},
	methods: {
	followUser () {
	const store = this.$store
	store.state.api.backendInteractor.followUser(this.user.id)
	.then((followedUser) => store.commit('addNewUsers', [followedUser]))
	},
	unfollowUser () {
	const store = this.$store
	store.state.api.backendInteractor.unfollowUser(this.user.id)
	.then((unfollowedUser) => store.commit('addNewUsers', [unfollowedUser]))
	},
	blockUser () {
	const store = this.$store
	store.state.api.backendInteractor.blockUser(this.user.id)
	.then((blockedUser) => store.commit('addNewUsers', [blockedUser]))
	},
	unblockUser () {
	const store = this.$store
	store.state.api.backendInteractor.unblockUser(this.user.id)
	.then((unblockedUser) => store.commit('addNewUsers', [unblockedUser]))
	},
	toggleMute () {
	const store = this.$store
	store.commit('setMuted', {user: this.user, muted: !this.user.muted})
	store.state.api.backendInteractor.setUserMute(this.user)
	},
	setProfileView (v) {
	- const store = this.$store
	- store.commit('setProfileView', { v })
	+ if (this.switcher) {
	+ const store = this.$store
	+ store.commit('setProfileView', { v })
	+ }
	}
	}
	}
	diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
	index ca8428cab2..c120df9a66 100644
	--- a/src/components/user_card_content/user_card_content.vue
	+++ b/src/components/user_card_content/user_card_content.vue
	@@ -1,262 +1,281 @@
	<template>
	<div id="heading" class="profile-panel-background" :style="headingStyle">
	<div class="panel-heading text-center">
	<div class='user-info'>
	<router-link to='/user-settings' style="float: right; margin-top:16px;" v-if="!isOtherUser">
	<i class="icon-cog usersettings"></i>
	</router-link>
	<a :href="user.statusnet_profile_url" target="_blank" style="float: right; margin-top:16px;" v-if="isOtherUser">
	<i class="icon-link-ext usersettings"></i>
	</a>
	<div class='container'>
	<router-link :to="{ name: 'user-profile', params: { id: user.id } }">
	<StillImage class="avatar" :src="user.profile_image_url_original"/>
	</router-link>
	<div class="name-and-screen-name">
	<div :title="user.name" class='user-name'>{{user.name}}</div>
	- <router-link :to="{ name: 'user-profile', params: { id: user.id } }">
	- <div class='user-screen-name'>@{{user.screen_name}}</div>
	+ <router-link class='user-screen-name':to="{ name: 'user-profile', params: { id: user.id } }">
	+ <span>@{{user.screen_name}}</span>
	+ <span class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span>
	</router-link>
	</div>
	</div>
	<div v-if="isOtherUser" class="user-interactions">
	<div v-if="user.follows_you && loggedIn" class="following">
	{{ $t('user_card.follows_you') }}
	</div>
	<div class="follow" v-if="loggedIn">
	<span v-if="user.following">
	<!--Following them!-->
	<button @click="unfollowUser" class="pressed">
	{{ $t('user_card.following') }}
	</button>
	</span>
	<span v-if="!user.following">
	<button @click="followUser">
	{{ $t('user_card.follow') }}
	</button>
	</span>
	</div>
	<div class='mute' v-if='isOtherUser'>
	<span v-if='user.muted'>
	<button @click="toggleMute" class="pressed">
	{{ $t('user_card.muted') }}
	</button>
	</span>
	<span v-if='!user.muted'>
	<button @click="toggleMute">
	{{ $t('user_card.mute') }}
	</button>
	</span>
	</div>
	<div class="remote-follow" v-if='!loggedIn && user.is_local'>
	<form method="POST" :action='subscribeUrl'>
	<input type="hidden" name="nickname" :value="user.screen_name">
	<input type="hidden" name="profile" value="">
	<button click="submit" class="remote-button">
	{{ $t('user_card.remote_follow') }}
	</button>
	</form>
	</div>
	<div class='block' v-if='isOtherUser && loggedIn'>
	<span v-if='user.statusnet_blocking'>
	<button @click="unblockUser" class="pressed">
	{{ $t('user_card.blocked') }}
	</button>
	</span>
	<span v-if='!user.statusnet_blocking'>
	<button @click="blockUser">
	{{ $t('user_card.block') }}
	</button>
	</span>
	</div>
	</div>
	</div>
	</div>
	<div class="panel-body profile-panel-body">
	- <div class="user-counts">
	- <div class="user-count">
	- <a href="#" v-on:click.prevent="setProfileView('statuses')" v-if="switcher"><h5>{{ $t('user_card.statuses') }}</h5></a>
	- <h5 v-else>{{ $t('user_card.statuses') }}</h5>
	- <span>{{user.statuses_count}} <br><span class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span></span>
	+ <div class="user-counts" :class="{clickable: switcher}">
	+ <div class="user-count" v-on:click.prevent="setProfileView('statuses')" :class="{selected: selected === 'statuses'}">
	+ <h5>{{ $t('user_card.statuses') }}</h5>
	+ <span>{{user.statuses_count}} <br></span>
	</div>
	- <div class="user-count">
	- <a href="#" v-on:click.prevent="setProfileView('friends')" v-if="switcher"><h5>{{ $t('user_card.followees') }}</h5></a>
	- <h5 v-else>{{ $t('user_card.followees') }}</h5>
	+ <div class="user-count" v-on:click.prevent="setProfileView('friends')" :class="{selected: selected === 'friends'}">
	+ <h5>{{ $t('user_card.followees') }}</h5>
	<span>{{user.friends_count}}</span>
	</div>
	- <div class="user-count">
	- <a href="#" v-on:click.prevent="setProfileView('followers')" v-if="switcher"><h5>{{ $t('user_card.followers') }}</h5></a>
	- <h5 v-else>{{ $t('user_card.followers') }}</h5>
	+ <div class="user-count" v-on:click.prevent="setProfileView('followers')" :class="{selected: selected === 'followers'}">
	+ <h5>{{ $t('user_card.followers') }}</h5>
	<span>{{user.followers_count}}</span>
	</div>
	</div>
	<p v-if="!hideBio">{{user.description}}</p>
	</div>
	</div>
	</template>

	<script src="./user_card_content.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';

	.profile-panel-background {
	background-size: cover;
	border-radius: $fallback--panelRadius;
	border-radius: var(--panelRadius, $fallback--panelRadius);

	.panel-heading {
	padding: 0.6em 0em;
	text-align: center;
	}
	}

	.profile-panel-body {
	- top: -0em;
	- padding-top: 4em;
	word-wrap: break-word;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%)
	}

	.user-info {
	- color: white;
	- padding: 0 16px 16px 16px;
	- margin-bottom: -4em;
	+ color: $fallback--lightFg;
	+ color: var(--lightFg, $fallback--lightFg);
	+ padding: 0 16px;

	.container {
	- padding: 16px 10px 4px 10px;
	+ padding: 16px 10px 6px 10px;
	display: flex;
	max-height: 56px;
	overflow: hidden;

	.avatar {
	border-radius: $fallback--avatarRadius;
	border-radius: var(--avatarRadius, $fallback--avatarRadius);
	flex: 1 0 100%;
	width: 56px;
	height: 56px;
	box-shadow: 0px 1px 8px rgba(0,0,0,0.75);
	object-fit: cover;

	&.animated::before {
	display: none;
	}
	}
	}

	&:hover .animated.avatar {
	canvas {
	display: none;
	}
	img {
	visibility: visible;
	}
	}

	- text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 1.0);
	-
	.usersettings {
	- color: #fff;
	+ color: $fallback--lightFg;
	+ color: var(--lightFg, $fallback--lightFg);
	opacity: .8;
	}

	.name-and-screen-name {
	display: block;
	margin-left: 0.6em;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1 1 0;
	}

	.user-name{
	- color: white;
	text-overflow: ellipsis;
	overflow: hidden;
	}

	.user-screen-name {
	- color: white;
	- font-weight: lighter;
	+ color: $fallback--lightFg;
	+ color: var(--lightFg, $fallback--lightFg);
	+ display: inline-block;
	+ font-weight: light;
	font-size: 15px;
	padding-right: 0.1em;
	}

	.user-interactions {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;

	div {
	flex: 1;
	}
	- margin-top: 0.7em;
	- margin-bottom: -1.0em;

	.following {
	- color: white;
	font-size: 14px;
	flex: 0 0 100%;
	- margin: -0.7em 0.0em 0.3em 0.0em;
	+ margin: 0 0 .4em 0;
	padding-left: 16px;
	text-align: left;
	}

	.mute {
	max-width: 220px;
	min-height: 28px;
	}

	.remote-follow {
	max-width: 220px;
	min-height: 28px;
	}

	.follow {
	max-width: 220px;
	min-height: 28px;
	}

	button {
	width: 92%;
	height: 100%;
	}

	.remote-button {
	height: 28px !important;
	width: 92%;
	}

	.pressed {
	border-bottom-color: rgba(255, 255, 255, 0.2);
	border-top-color: rgba(0, 0, 0, 0.2);
	}
	}
	}

	.user-counts {
	display: flex;
	line-height:16px;
	- padding: 1em 1.5em 0em 1em;
	+ padding: .5em 1.5em 0em 1.5em;
	text-align: center;
	+ justify-content: space-between;
	+ color: $fallback--lightFg;
	+ color: var(--lightFg, $fallback--lightFg);
	+
	+ &.clickable {
	+ .user-count {
	+ cursor: pointer;
	+
	+ &:hover:not(.selected) {
	+ transition: border-bottom 100ms;
	+ border-bottom: 3px solid $fallback--link;
	+ border-bottom: 3px solid var(--link, $fallback--link);
	+ }
	+ }
	+ }
	}

	.user-count {
	flex: 1;
	+ padding: .5em 0 .5em 0;
	+ margin: 0 .5em;
	+
	+ &.selected {
	+ transition: none;
	+ border-bottom: 5px solid $fallback--link;
	+ border-bottom: 5px solid var(--link, $fallback--link);
	+ border-radius: $fallback--btnRadius;
	+ border-radius: var(--btnRadius, $fallback--btnRadius);
	+ }

	h5 {
	font-size:1em;
	font-weight: bolder;
	margin: 0 0 0.25em;
	}
	a {
	text-decoration: none;
	}
	}

	.dailyAvg {
	- font-size: 0.8em;
	- opacity: 0.5;
	+ margin-left: 1em;
	+ font-size: 0.7em;
	+ color: #CCC;
	}
	</style>
	diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
	index 838a43ab69..f850290786 100644
	--- a/src/components/user_profile/user_profile.vue
	+++ b/src/components/user_profile/user_profile.vue
	@@ -1,22 +1,22 @@
	<template>
	<div>
	<div v-if="user" class="user-profile panel panel-default">
	- <user-card-content :user="user" :switcher="true"></user-card-content>
	+ <user-card-content :user="user" :switcher="true" :selected="timeline.viewing"></user-card-content>
	</div>
	<Timeline :title="$t('user_profile.timeline_title')" :timeline="timeline" :timeline-name="'user'" :user-id="userId"/>
	</div>
	</template>

	<script src="./user_profile.js"></script>

	<style lang="scss">

	.user-profile {
	flex: 2;
	flex-basis: 500px;
	padding-bottom: 10px;
	.panel-heading {
	background: transparent;
	}
	}
	</style>
	diff --git a/src/components/user_settings/user_settings.js b/src/components/user_settings/user_settings.js
	index 25ee1f359a..b6026e18a4 100644
	--- a/src/components/user_settings/user_settings.js
	+++ b/src/components/user_settings/user_settings.js
	@@ -1,153 +1,222 @@
	import StyleSwitcher from '../style_switcher/style_switcher.vue'

	const UserSettings = {
	data () {
	return {
	newname: this.$store.state.users.currentUser.name,
	newbio: this.$store.state.users.currentUser.description,
	followList: null,
	followImportError: false,
	followsImported: false,
	+ enableFollowsExport: true,
	uploading: [ false, false, false, false ],
	- previews: [ null, null, null ]
	+ previews: [ null, null, null ],
	+ deletingAccount: false,
	+ deleteAccountConfirmPasswordInput: '',
	+ deleteAccountError: false,
	+ changePasswordInputs: [ '', '', '' ],
	+ changedPassword: false,
	+ changePasswordError: false
	}
	},
	components: {
	StyleSwitcher
	},
	computed: {
	user () {
	return this.$store.state.users.currentUser
	},
	pleromaBackend () {
	return this.$store.state.config.pleromaBackend
	}
	},
	methods: {
	updateProfile () {
	const name = this.newname
	const description = this.newbio
	this.$store.state.api.backendInteractor.updateProfile({params: {name, description}}).then((user) => {
	if (!user.error) {
	this.$store.commit('addNewUsers', [user])
	this.$store.commit('setCurrentUser', user)
	}
	})
	},
	uploadFile (slot, e) {
	const file = e.target.files[0]
	if (!file) { return }
	// eslint-disable-next-line no-undef
	const reader = new FileReader()
	reader.onload = ({target}) => {
	const img = target.result
	this.previews[slot] = img
	this.$forceUpdate() // just changing the array with the index doesn't update the view
	}
	reader.readAsDataURL(file)
	},
	submitAvatar () {
	if (!this.previews[0]) { return }

	let img = this.previews[0]
	// eslint-disable-next-line no-undef
	let imginfo = new Image()
	let cropX, cropY, cropW, cropH
	imginfo.src = img
	if (imginfo.height > imginfo.width) {
	cropX = 0
	cropW = imginfo.width
	cropY = Math.floor((imginfo.height - imginfo.width) / 2)
	cropH = imginfo.width
	} else {
	cropY = 0
	cropH = imginfo.height
	cropX = Math.floor((imginfo.width - imginfo.height) / 2)
	cropW = imginfo.height
	}
	this.uploading[0] = true
	this.$store.state.api.backendInteractor.updateAvatar({params: {img, cropX, cropY, cropW, cropH}}).then((user) => {
	if (!user.error) {
	this.$store.commit('addNewUsers', [user])
	this.$store.commit('setCurrentUser', user)
	this.previews[0] = null
	}
	this.uploading[0] = false
	})
	},
	submitBanner () {
	if (!this.previews[1]) { return }

	let banner = this.previews[1]
	// eslint-disable-next-line no-undef
	let imginfo = new Image()
	/* eslint-disable camelcase */
	let offset_top, offset_left, width, height
	imginfo.src = banner
	width = imginfo.width
	height = imginfo.height
	offset_top = 0
	offset_left = 0
	this.uploading[1] = true
	this.$store.state.api.backendInteractor.updateBanner({params: {banner, offset_top, offset_left, width, height}}).then((data) => {
	if (!data.error) {
	let clone = JSON.parse(JSON.stringify(this.$store.state.users.currentUser))
	clone.cover_photo = data.url
	this.$store.commit('addNewUsers', [clone])
	this.$store.commit('setCurrentUser', clone)
	this.previews[1] = null
	}
	this.uploading[1] = false
	})
	/* eslint-enable camelcase */
	},
	submitBg () {
	if (!this.previews[2]) { return }
	let img = this.previews[2]
	// eslint-disable-next-line no-undef
	let imginfo = new Image()
	let cropX, cropY, cropW, cropH
	imginfo.src = img
	cropX = 0
	cropY = 0
	cropW = imginfo.width
	cropH = imginfo.width
	this.uploading[2] = true
	this.$store.state.api.backendInteractor.updateBg({params: {img, cropX, cropY, cropW, cropH}}).then((data) => {
	if (!data.error) {
	let clone = JSON.parse(JSON.stringify(this.$store.state.users.currentUser))
	clone.background_image = data.url
	this.$store.commit('addNewUsers', [clone])
	this.$store.commit('setCurrentUser', clone)
	this.previews[2] = null
	}
	this.uploading[2] = false
	})
	},
	importFollows () {
	this.uploading[3] = true
	const followList = this.followList
	this.$store.state.api.backendInteractor.followImport({params: followList})
	.then((status) => {
	if (status) {
	this.followsImported = true
	} else {
	this.followImportError = true
	}
	this.uploading[3] = false
	})
	},
	+ /* This function takes an Array of Users
	+ * and outputs a file with all the addresses for the user to download
	+ */
	+ exportPeople (users, filename) {
	+ // Get all the friends addresses
	+ var UserAddresses = users.map(function (user) {
	+ // check is it's a local user
	+ if (user && user.is_local) {
	+ // append the instance address
	+ // eslint-disable-next-line no-undef
	+ user.screen_name += '@' + location.hostname
	+ }
	+ return user.screen_name
	+ }).join('\n')
	+ // Make the user download the file
	+ var fileToDownload = document.createElement('a')
	+ fileToDownload.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(UserAddresses))
	+ fileToDownload.setAttribute('download', filename)
	+ fileToDownload.style.display = 'none'
	+ document.body.appendChild(fileToDownload)
	+ fileToDownload.click()
	+ document.body.removeChild(fileToDownload)
	+ },
	+ exportFollows () {
	+ this.enableFollowsExport = false
	+ this.$store.state.api.backendInteractor
	+ .fetchFriends({id: this.$store.state.users.currentUser.id})
	+ .then((friendList) => {
	+ this.exportPeople(friendList, 'friends.csv')
	+ })
	+ },
	followListChange () {
	// eslint-disable-next-line no-undef
	let formData = new FormData()
	formData.append('list', this.$refs.followlist.files[0])
	this.followList = formData
	},
	dismissImported () {
	this.followsImported = false
	this.followImportError = false
	+ },
	+ confirmDelete () {
	+ this.deletingAccount = true
	+ },
	+ deleteAccount () {
	+ this.$store.state.api.backendInteractor.deleteAccount({password: this.deleteAccountConfirmPasswordInput})
	+ .then((res) => {
	+ if (res.status === 'success') {
	+ this.$store.dispatch('logout')
	+ this.$router.push('/main/all')
	+ } else {
	+ this.deleteAccountError = res.error
	+ }
	+ })
	+ },
	+ changePassword () {
	+ const params = {
	+ password: this.changePasswordInputs[0],
	+ newPassword: this.changePasswordInputs[1],
	+ newPasswordConfirmation: this.changePasswordInputs[2]
	+ }
	+ this.$store.state.api.backendInteractor.changePassword(params)
	+ .then((res) => {
	+ if (res.status === 'success') {
	+ this.changedPassword = true
	+ this.changePasswordError = false
	+ } else {
	+ this.changedPassword = false
	+ this.changePasswordError = res.error
	+ }
	+ })
	}
	}
	}

	export default UserSettings
	diff --git a/src/components/user_settings/user_settings.vue b/src/components/user_settings/user_settings.vue
	index ed1864cc66..fbf3f651e7 100644
	--- a/src/components/user_settings/user_settings.vue
	+++ b/src/components/user_settings/user_settings.vue
	@@ -1,95 +1,135 @@
	<template>
	<div class="settings panel panel-default">
	<div class="panel-heading">
	{{$t('settings.user_settings')}}
	</div>
	<div class="panel-body profile-edit">
	<div class="setting-item">
	<h3>{{$t('settings.name_bio')}}</h3>
	<p>{{$t('settings.name')}}</p>
	<input class='name-changer' id='username' v-model="newname"></input>
	<p>{{$t('settings.bio')}}</p>
	<textarea class="bio" v-model="newbio"></textarea>
	<button :disabled='newname.length <= 0' class="btn btn-default" @click="updateProfile">{{$t('general.submit')}}</button>
	</div>
	<div class="setting-item">
	<h3>{{$t('settings.avatar')}}</h3>
	<p>{{$t('settings.current_avatar')}}</p>
	<img :src="user.profile_image_url_original" class="old-avatar"></img>
	<p>{{$t('settings.set_new_avatar')}}</p>
	<img class="new-avatar" v-bind:src="previews[0]" v-if="previews[0]">
	</img>
	<div>
	<input type="file" @change="uploadFile(0, $event)" ></input>
	</div>
	<i class="icon-spin4 animate-spin" v-if="uploading[0]"></i>
	<button class="btn btn-default" v-else-if="previews[0]" @click="submitAvatar">{{$t('general.submit')}}</button>
	</div>
	<div class="setting-item">
	<h3>{{$t('settings.profile_banner')}}</h3>
	<p>{{$t('settings.current_profile_banner')}}</p>
	<img :src="user.cover_photo" class="banner"></img>
	<p>{{$t('settings.set_new_profile_banner')}}</p>
	<img class="banner" v-bind:src="previews[1]" v-if="previews[1]">
	</img>
	<div>
	<input type="file" @change="uploadFile(1, $event)" ></input>
	</div>
	<i class=" icon-spin4 animate-spin uploading" v-if="uploading[1]"></i>
	<button class="btn btn-default" v-else-if="previews[1]" @click="submitBanner">{{$t('general.submit')}}</button>
	</div>
	<div class="setting-item">
	<h3>{{$t('settings.profile_background')}}</h3>
	<p>{{$t('settings.set_new_profile_background')}}</p>
	<img class="bg" v-bind:src="previews[2]" v-if="previews[2]">
	</img>
	<div>
	<input type="file" @change="uploadFile(2, $event)" ></input>
	</div>
	<i class=" icon-spin4 animate-spin uploading" v-if="uploading[2]"></i>
	<button class="btn btn-default" v-else-if="previews[2]" @click="submitBg">{{$t('general.submit')}}</button>
	</div>
	+ <div class="setting-item">
	+ <h3>{{$t('settings.change_password')}}</h3>
	+ <div>
	+ <p>{{$t('settings.current_password')}}</p>
	+ <input type="password" v-model="changePasswordInputs[0]">
	+ </div>
	+ <div>
	+ <p>{{$t('settings.new_password')}}</p>
	+ <input type="password" v-model="changePasswordInputs[1]">
	+ </div>
	+ <div>
	+ <p>{{$t('settings.confirm_new_password')}}</p>
	+ <input type="password" v-model="changePasswordInputs[2]">
	+ </div>
	+ <button class="btn btn-default" @click="changePassword">{{$t('general.submit')}}</button>
	+ <p v-if="changedPassword">{{$t('settings.changed_password')}}</p>
	+ <p v-else-if="changePasswordError !== false">{{$t('settings.change_password_error')}}</p>
	+ <p v-if="changePasswordError">{{changePasswordError}}</p>
	+ </div>
	<div class="setting-item" v-if="pleromaBackend">
	<h3>{{$t('settings.follow_import')}}</h3>
	<p>{{$t('settings.import_followers_from_a_csv_file')}}</p>
	<form v-model="followImportForm">
	<input type="file" ref="followlist" v-on:change="followListChange"></input>
	</form>
	<i class=" icon-spin4 animate-spin uploading" v-if="uploading[3]"></i>
	<button class="btn btn-default" v-else @click="importFollows">{{$t('general.submit')}}</button>
	<div v-if="followsImported">
	<i class="icon-cross" @click="dismissImported"></i>
	<p>{{$t('settings.follows_imported')}}</p>
	</div>
	<div v-else-if="followImportError">
	- <i class="icon-cross" @click="dismissImported"</i>
	+ <i class="icon-cross" @click="dismissImported"></i>
	<p>{{$t('settings.follow_import_error')}}</p>
	</div>
	</div>
	+ <div class="setting-item" v-if="enableFollowsExport">
	+ <h3>{{$t('settings.follow_export')}}</h3>
	+ <button class="btn btn-default" @click="exportFollows">{{$t('settings.follow_export_button')}}</button>
	+ </div>
	+ <div class="setting-item" v-else>
	+ <h3>{{$t('settings.follow_export_processing')}}</h3>
	+ </div>
	+ <hr>
	+ <div class="setting-item">
	+ <h3>{{$t('settings.delete_account')}}</h3>
	+ <p v-if="!deletingAccount">{{$t('settings.delete_account_description')}}</p>
	+ <div v-if="deletingAccount">
	+ <p>{{$t('settings.delete_account_instructions')}}</p>
	+ <p>{{$t('login.password')}}</p>
	+ <input type="password" v-model="deleteAccountConfirmPasswordInput">
	+ <button class="btn btn-default" @click="deleteAccount">{{$t('settings.delete_account')}}</button>
	+ </div>
	+ <p v-if="deleteAccountError !== false">{{$t('settings.delete_account_error')}}</p>
	+ <p v-if="deleteAccountError">{{deleteAccountError}}</p>
	+ <button class="btn btn-default" v-if="!deletingAccount" @click="confirmDelete">{{$t('general.submit')}}</button>
	+ </div>
	</div>
	</div>
	</template>

	<script src="./user_settings.js">
	</script>

	<style lang="scss">
	.profile-edit {
	.bio {
	margin: 0;
	}

	input[type=file] {
	padding: 5px;
	}

	.banner {
	max-width: 400px;
	}

	.uploading {
	font-size: 1.5em;
	margin: 0.25em;
	}
	}
	</style>
	diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
	new file mode 100644
	index 0000000000..51b9f46923
	--- /dev/null
	+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
	@@ -0,0 +1,123 @@
	+function showWhoToFollow (panel, reply, aHost, aUser) {
	+ var users = reply.ids
	+ var cn
	+ var index = 0
	+ var random = Math.floor(Math.random() * 10)
	+ for (cn = random; cn < users.length; cn = cn + 10) {
	+ var user
	+ user = users[cn]
	+ var img
	+ if (user.icon) {
	+ img = user.icon
	+ } else {
	+ img = '/images/avi.png'
	+ }
	+ var name = user.to_id
	+ if (index === 0) {
	+ panel.img1 = img
	+ panel.name1 = name
	+ panel.$store.state.api.backendInteractor.externalProfile(name)
	+ .then((externalUser) => {
	+ if (!externalUser.error) {
	+ panel.$store.commit('addNewUsers', [externalUser])
	+ panel.id1 = externalUser.id
	+ }
	+ })
	+ } else if (index === 1) {
	+ panel.img2 = img
	+ panel.name2 = name
	+ panel.$store.state.api.backendInteractor.externalProfile(name)
	+ .then((externalUser) => {
	+ if (!externalUser.error) {
	+ panel.$store.commit('addNewUsers', [externalUser])
	+ panel.id2 = externalUser.id
	+ }
	+ })
	+ } else if (index === 2) {
	+ panel.img3 = img
	+ panel.name3 = name
	+ panel.$store.state.api.backendInteractor.externalProfile(name)
	+ .then((externalUser) => {
	+ if (!externalUser.error) {
	+ panel.$store.commit('addNewUsers', [externalUser])
	+ panel.id3 = externalUser.id
	+ }
	+ })
	+ }
	+ index = index + 1
	+ if (index > 2) {
	+ break
	+ }
	+ }
	+}
	+
	+function getWhoToFollow (panel) {
	+ var user = panel.$store.state.users.currentUser.screen_name
	+ if (user) {
	+ panel.name1 = 'Loading...'
	+ panel.name2 = 'Loading...'
	+ panel.name3 = 'Loading...'
	+ var host = window.location.hostname
	+ var whoToFollowProvider = panel.$store.state.config.whoToFollowProvider
	+ var url
	+ url = whoToFollowProvider.replace(/{{host}}/g, encodeURIComponent(host))
	+ url = url.replace(/{{user}}/g, encodeURIComponent(user))
	+ window.fetch(url, {mode: 'cors'}).then(function (response) {
	+ if (response.ok) {
	+ return response.json()
	+ } else {
	+ panel.name1 = ''
	+ panel.name2 = ''
	+ panel.name3 = ''
	+ }
	+ }).then(function (reply) {
	+ showWhoToFollow(panel, reply, host, user)
	+ })
	+ }
	+}
	+
	+const WhoToFollowPanel = {
	+ data: () => ({
	+ img1: '/images/avi.png',
	+ name1: '',
	+ id1: 0,
	+ img2: '/images/avi.png',
	+ name2: '',
	+ id2: 0,
	+ img3: '/images/avi.png',
	+ name3: '',
	+ id3: 0
	+ }),
	+ computed: {
	+ user: function () {
	+ return this.$store.state.users.currentUser.screen_name
	+ },
	+ moreUrl: function () {
	+ var host = window.location.hostname
	+ var user = this.user
	+ var whoToFollowLink = this.$store.state.config.whoToFollowLink
	+ var url
	+ url = whoToFollowLink.replace(/{{host}}/g, encodeURIComponent(host))
	+ url = url.replace(/{{user}}/g, encodeURIComponent(user))
	+ return url
	+ },
	+ showWhoToFollowPanel () {
	+ return this.$store.state.config.showWhoToFollowPanel
	+ }
	+ },
	+ watch: {
	+ user: function (user, oldUser) {
	+ if (this.showWhoToFollowPanel) {
	+ getWhoToFollow(this)
	+ }
	+ }
	+ },
	+ mounted:
	+ function () {
	+ if (this.showWhoToFollowPanel) {
	+ getWhoToFollow(this)
	+ }
	+ }
	+}
	+
	+export default WhoToFollowPanel
	diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.vue b/src/components/who_to_follow_panel/who_to_follow_panel.vue
	new file mode 100644
	index 0000000000..5af6d0d5ec
	--- /dev/null
	+++ b/src/components/who_to_follow_panel/who_to_follow_panel.vue
	@@ -0,0 +1,37 @@
	+<template>
	+ <div class="who-to-follow-panel">
	+ <div class="panel panel-default base01-background">
	+ <div class="panel-heading timeline-heading base02-background base04">
	+ <div class="title">
	+ Who to follow
	+ </div>
	+ </div>
	+ <div class="panel-body who-to-follow">
	+ <p>
	+ <img v-bind:src="img1"/> <router-link :to="{ name: 'user-profile', params: { id: id1 } }">{{ name1 }}</router-link><br>
	+ <img v-bind:src="img2"/> <router-link :to="{ name: 'user-profile', params: { id: id2 } }">{{ name2 }}</router-link><br>
	+ <img v-bind:src="img3"/> <router-link :to="{ name: 'user-profile', params: { id: id3 } }">{{ name3 }}</router-link><br>
	+ <img v-bind:src="$store.state.config.logo"> <a v-bind:href="moreUrl" target="_blank">More</a>
	+ </p>
	+ </div>
	+ </div>
	+ </div>
	+</template>
	+
	+<script src="./who_to_follow_panel.js" ></script>
	+
	+<style lang="scss">
	+ .who-to-follow * {
	+ vertical-align: middle;
	+ }
	+ .who-to-follow img {
	+ width: 32px;
	+ height: 32px;
	+ }
	+ .who-to-follow p {
	+ line-height: 40px;
	+ white-space: nowrap;
	+ overflow: hidden;
	+ text-overflow: ellipsis;
	+ }
	+</style>
	diff --git a/src/i18n/messages.js b/src/i18n/messages.js
	index d1e621552d..0b16119275 100644
	--- a/src/i18n/messages.js
	+++ b/src/i18n/messages.js
	@@ -1,1703 +1,1869 @@
	const de = {
	chat: {
	title: 'Chat'
	},
	nav: {
	chat: 'Lokaler Chat',
	timeline: 'Zeitleiste',
	mentions: 'Erwähnungen',
	public_tl: 'Lokale Zeitleiste',
	twkn: 'Das gesamte Netzwerk'
	},
	user_card: {
	follows_you: 'Folgt dir!',
	following: 'Folgst du!',
	follow: 'Folgen',
	blocked: 'Blockiert!',
	block: 'Blockieren',
	statuses: 'Beiträge',
	mute: 'Stummschalten',
	muted: 'Stummgeschaltet',
	followers: 'Folgende',
	followees: 'Folgt',
	per_day: 'pro Tag',
	remote_follow: 'Remote Follow'
	},
	timeline: {
	show_new: 'Zeige Neuere',
	error_fetching: 'Fehler beim Laden',
	up_to_date: 'Aktuell',
	load_older: 'Lade ältere Beiträge',
	conversation: 'Unterhaltung',
	collapse: 'Einklappen',
	repeated: 'wiederholte'
	},
	settings: {
	user_settings: 'Benutzereinstellungen',
	name_bio: 'Name & Bio',
	name: 'Name',
	bio: 'Bio',
	avatar: 'Avatar',
	current_avatar: 'Dein derzeitiger Avatar',
	set_new_avatar: 'Setze neuen Avatar',
	profile_banner: 'Profil Banner',
	current_profile_banner: 'Dein derzeitiger Profil Banner',
	set_new_profile_banner: 'Setze neuen Profil Banner',
	profile_background: 'Profil Hintergrund',
	set_new_profile_background: 'Setze neuen Profil Hintergrund',
	settings: 'Einstellungen',
	theme: 'Farbschema',
	presets: 'Voreinstellungen',
	theme_help: 'Benutze HTML Farbcodes (#rrggbb) um dein Farbschema anzupassen.',
	background: 'Hintergrund',
	foreground: 'Vordergrund',
	text: 'Text',
	links: 'Links',
	cBlue: 'Blau (Antworten, Folgt dir)',
	cRed: 'Rot (Abbrechen)',
	cOrange: 'Orange (Favorisieren)',
	cGreen: 'Grün (Retweet)',
	btnRadius: 'Buttons',
	panelRadius: 'Panel',
	avatarRadius: 'Avatare',
	avatarAltRadius: 'Avatare (Benachrichtigungen)',
	tooltipRadius: 'Tooltips/Warnungen',
	attachmentRadius: 'Anhänge',
	filtering: 'Filter',
	filtering_explanation: 'Alle Beiträge die diese Wörter enthalten werden ausgeblendet. Ein Wort pro Zeile.',
	attachments: 'Anhänge',
	hide_attachments_in_tl: 'Anhänge in der Zeitleiste ausblenden',
	hide_attachments_in_convo: 'Anhänge in Unterhaltungen ausblenden',
	nsfw_clickthrough: 'Aktiviere ausblendbares Overlay für Anhänge, die als NSFW markiert sind',
	stop_gifs: 'Play-on-hover GIFs',
	autoload: 'Aktiviere automatisches Laden von älteren Beiträgen beim scrollen',
	streaming: 'Aktiviere automatisches Laden (Streaming) von neuen Beiträgen',
	reply_link_preview: 'Aktiviere reply-link Vorschau bei Maus-Hover',
	follow_import: 'Folgeliste importieren',
	import_followers_from_a_csv_file: 'Importiere Kontakte, denen du folgen möchtest, aus einer CSV-Datei',
	follows_imported: 'Folgeliste importiert! Die Bearbeitung kann eine Zeit lang dauern.',
	follow_import_error: 'Fehler beim importieren der Folgeliste'
	},
	notifications: {
	notifications: 'Benachrichtigungen',
	read: 'Gelesen!',
	followed_you: 'folgt dir',
	favorited_you: 'favorisierte deine Nachricht',
	repeated_you: 'wiederholte deine Nachricht'
	},
	login: {
	login: 'Anmelden',
	username: 'Benutzername',
	password: 'Passwort',
	register: 'Registrieren',
	logout: 'Abmelden'
	},
	registration: {
	registration: 'Registrierung',
	fullname: 'Angezeigter Name',
	email: 'Email',
	bio: 'Bio',
	password_confirm: 'Passwort bestätigen'
	},
	post_status: {
	posting: 'Veröffentlichen',
	default: 'Sitze gerade im Hofbräuhaus.'
	},
	finder: {
	find_user: 'Finde Benutzer',
	error_fetching_user: 'Fehler beim Suchen des Benutzers'
	},
	general: {
	submit: 'Absenden',
	apply: 'Anwenden'
	},
	user_profile: {
	timeline_title: 'Beiträge'
	}
	}

	const fi = {
	nav: {
	timeline: 'Aikajana',
	mentions: 'Maininnat',
	public_tl: 'Julkinen Aikajana',
	twkn: 'Koko Tunnettu Verkosto'
	},
	user_card: {
	follows_you: 'Seuraa sinua!',
	following: 'Seuraat!',
	follow: 'Seuraa',
	statuses: 'Viestit',
	mute: 'Hiljennä',
	muted: 'Hiljennetty',
	followers: 'Seuraajat',
	followees: 'Seuraa',
	per_day: 'päivässä'
	},
	timeline: {
	show_new: 'Näytä uudet',
	error_fetching: 'Virhe ladatessa viestejä',
	up_to_date: 'Ajantasalla',
	load_older: 'Lataa vanhempia viestejä',
	conversation: 'Keskustelu',
	collapse: 'Sulje',
	repeated: 'toisti'
	},
	settings: {
	user_settings: 'Käyttäjän asetukset',
	name_bio: 'Nimi ja kuvaus',
	name: 'Nimi',
	bio: 'Kuvaus',
	avatar: 'Profiilikuva',
	current_avatar: 'Nykyinen profiilikuvasi',
	set_new_avatar: 'Aseta uusi profiilikuva',
	profile_banner: 'Juliste',
	current_profile_banner: 'Nykyinen julisteesi',
	set_new_profile_banner: 'Aseta uusi juliste',
	profile_background: 'Taustakuva',
	set_new_profile_background: 'Aseta uusi taustakuva',
	settings: 'Asetukset',
	theme: 'Teema',
	presets: 'Valmiit teemat',
	theme_help: 'Käytä heksadesimaalivärejä muokataksesi väriteemaasi.',
	background: 'Tausta',
	foreground: 'Korostus',
	text: 'Teksti',
	links: 'Linkit',
	filtering: 'Suodatus',
	filtering_explanation: 'Kaikki viestit, jotka sisältävät näitä sanoja, suodatetaan. Yksi sana per rivi.',
	attachments: 'Liitteet',
	hide_attachments_in_tl: 'Piilota liitteet aikajanalla',
	hide_attachments_in_convo: 'Piilota liitteet keskusteluissa',
	nsfw_clickthrough: 'Piilota NSFW liitteet klikkauksen taakse.',
	autoload: 'Lataa vanhempia viestejä automaattisesti ruudun pohjalla',
	streaming: 'Näytä uudet viestit automaattisesti ollessasi ruudun huipulla',
	reply_link_preview: 'Keskusteluiden vastauslinkkien esikatselu'
	},
	notifications: {
	notifications: 'Ilmoitukset',
	read: 'Lue!',
	followed_you: 'seuraa sinua',
	favorited_you: 'tykkäsi viestistäsi',
	repeated_you: 'toisti viestisi'
	},
	login: {
	login: 'Kirjaudu sisään',
	username: 'Käyttäjänimi',
	password: 'Salasana',
	register: 'Rekisteröidy',
	logout: 'Kirjaudu ulos'
	},
	registration: {
	registration: 'Rekisteröityminen',
	fullname: 'Koko nimi',
	email: 'Sähköposti',
	bio: 'Kuvaus',
	password_confirm: 'Salasanan vahvistaminen'
	},
	post_status: {
	posting: 'Lähetetään',
	default: 'Tulin juuri saunasta.'
	},
	finder: {
	find_user: 'Hae käyttäjä',
	error_fetching_user: 'Virhe hakiessa käyttäjää'
	},
	general: {
	submit: 'Lähetä',
	apply: 'Aseta'
	}
	}

	const en = {
	chat: {
	title: 'Chat'
	},
	nav: {
	chat: 'Local Chat',
	timeline: 'Timeline',
	mentions: 'Mentions',
	public_tl: 'Public Timeline',
	twkn: 'The Whole Known Network'
	},
	user_card: {
	follows_you: 'Follows you!',
	following: 'Following!',
	follow: 'Follow',
	blocked: 'Blocked!',
	block: 'Block',
	statuses: 'Statuses',
	mute: 'Mute',
	muted: 'Muted',
	followers: 'Followers',
	followees: 'Following',
	per_day: 'per day',
	remote_follow: 'Remote follow'
	},
	timeline: {
	show_new: 'Show new',
	error_fetching: 'Error fetching updates',
	up_to_date: 'Up-to-date',
	load_older: 'Load older statuses',
	conversation: 'Conversation',
	collapse: 'Collapse',
	repeated: 'repeated'
	},
	settings: {
	user_settings: 'User Settings',
	name_bio: 'Name & Bio',
	name: 'Name',
	bio: 'Bio',
	avatar: 'Avatar',
	current_avatar: 'Your current avatar',
	set_new_avatar: 'Set new avatar',
	profile_banner: 'Profile Banner',
	current_profile_banner: 'Your current profile banner',
	set_new_profile_banner: 'Set new profile banner',
	profile_background: 'Profile Background',
	set_new_profile_background: 'Set new profile background',
	settings: 'Settings',
	theme: 'Theme',
	presets: 'Presets',
	theme_help: 'Use hex color codes (#rrggbb) to customize your color theme.',
	radii_help: 'Set up interface edge rounding (in pixels)',
	background: 'Background',
	foreground: 'Foreground',
	text: 'Text',
	links: 'Links',
	cBlue: 'Blue (Reply, follow)',
	cRed: 'Red (Cancel)',
	cOrange: 'Orange (Favorite)',
	cGreen: 'Green (Retweet)',
	btnRadius: 'Buttons',
	+ inputRadius: 'Input fields',
	panelRadius: 'Panels',
	avatarRadius: 'Avatars',
	avatarAltRadius: 'Avatars (Notifications)',
	tooltipRadius: 'Tooltips/alerts',
	attachmentRadius: 'Attachments',
	filtering: 'Filtering',
	filtering_explanation: 'All statuses containing these words will be muted, one per line',
	attachments: 'Attachments',
	hide_attachments_in_tl: 'Hide attachments in timeline',
	hide_attachments_in_convo: 'Hide attachments in conversations',
	nsfw_clickthrough: 'Enable clickthrough NSFW attachment hiding',
	stop_gifs: 'Play-on-hover GIFs',
	autoload: 'Enable automatic loading when scrolled to the bottom',
	streaming: 'Enable automatic streaming of new posts when scrolled to the top',
	reply_link_preview: 'Enable reply-link preview on mouse hover',
	follow_import: 'Follow import',
	import_followers_from_a_csv_file: 'Import follows from a csv file',
	follows_imported: 'Follows imported! Processing them will take a while.',
	- follow_import_error: 'Error importing followers'
	+ follow_import_error: 'Error importing followers',
	+ delete_account: 'Delete Account',
	+ delete_account_description: 'Permanently delete your account and all your messages.',
	+ delete_account_instructions: 'Type your password in the input below to confirm account deletion.',
	+ delete_account_error: 'There was an issue deleting your account. If this persists please contact your instance administrator.',
	+ follow_export: 'Follow export',
	+ follow_export_processing: 'Processing, you\'ll soon be asked to download your file',
	+ follow_export_button: 'Export your follows to a csv file',
	+ change_password: 'Change Password',
	+ current_password: 'Current password',
	+ new_password: 'New password',
	+ confirm_new_password: 'Confirm new password',
	+ changed_password: 'Password changed successfully!',
	+ change_password_error: 'There was an issue changing your password.'
	},
	notifications: {
	notifications: 'Notifications',
	read: 'Read!',
	followed_you: 'followed you',
	favorited_you: 'favorited your status',
	repeated_you: 'repeated your status'
	},
	login: {
	login: 'Log in',
	username: 'Username',
	password: 'Password',
	register: 'Register',
	logout: 'Log out'
	},
	registration: {
	registration: 'Registration',
	fullname: 'Display name',
	email: 'Email',
	bio: 'Bio',
	password_confirm: 'Password confirmation'
	},
	post_status: {
	posting: 'Posting',
	+ content_warning: 'Content warning (optional)',
	default: 'Just landed in L.A.'
	},
	finder: {
	find_user: 'Find user',
	error_fetching_user: 'Error fetching user'
	},
	general: {
	submit: 'Submit',
	apply: 'Apply'
	},
	user_profile: {
	timeline_title: 'User Timeline'
	}
	}

	const eo = {
	chat: {
	title: 'Babilejo'
	},
	nav: {
	chat: 'Loka babilejo',
	timeline: 'Tempolinio',
	mentions: 'Mencioj',
	public_tl: 'Publika tempolinio',
	twkn: 'La tuta konata reto'
	},
	user_card: {
	follows_you: 'Abonas vin!',
	following: 'Abonanta!',
	follow: 'Aboni',
	blocked: 'Barita!',
	block: 'Bari',
	statuses: 'Statoj',
	mute: 'Silentigi',
	muted: 'Silentigitaj',
	followers: 'Abonantoj',
	followees: 'Abonatoj',
	per_day: 'tage',
	remote_follow: 'Fore aboni'
	},
	timeline: {
	show_new: 'Montri novajn',
	error_fetching: 'Eraro dum ĝisdatigo',
	up_to_date: 'Ĝisdata',
	load_older: 'Montri pli malnovajn statojn',
	conversation: 'Interparolo',
	collapse: 'Maletendi',
	repeated: 'ripetata'
	},
	settings: {
	user_settings: 'Uzantaj agordoj',
	name_bio: 'Nomo kaj priskribo',
	name: 'Nomo',
	bio: 'Priskribo',
	avatar: 'Profilbildo',
	current_avatar: 'Via nuna profilbildo',
	set_new_avatar: 'Agordi novan profilbildon',
	profile_banner: 'Profila rubando',
	current_profile_banner: 'Via nuna profila rubando',
	set_new_profile_banner: 'Agordi novan profilan rubandon',
	profile_background: 'Profila fono',
	set_new_profile_background: 'Agordi novan profilan fonon',
	settings: 'Agordoj',
	theme: 'Etoso',
	presets: 'Antaŭagordoj',
	theme_help: 'Uzu deksesumajn kolorkodojn (#rrvvbb) por adapti vian koloran etoson.',
	radii_help: 'Agordi fasadan rondigon de randoj (rastrumere)',
	background: 'Fono',
	foreground: 'Malfono',
	text: 'Teksto',
	links: 'Ligiloj',
	cBlue: 'Blua (Respondo, abono)',
	cRed: 'Ruĝa (Nuligo)',
	cOrange: 'Oranĝa (Ŝato)',
	cGreen: 'Verda (Kunhavigo)',
	btnRadius: 'Butonoj',
	panelRadius: 'Paneloj',
	avatarRadius: 'Profilbildoj',
	avatarAltRadius: 'Profilbildoj (sciigoj)',
	tooltipRadius: 'Ŝpruchelpiloj/avertoj',
	attachmentRadius: 'Kunsendaĵoj',
	filtering: 'Filtrado',
	filtering_explanation: 'Ĉiuj statoj kun tiuj ĉi vortoj silentiĝos, po unu linie',
	attachments: 'Kunsendaĵoj',
	hide_attachments_in_tl: 'Kaŝi kunsendaĵojn en tempolinio',
	hide_attachments_in_convo: 'Kaŝi kunsendaĵojn en interparoloj',
	nsfw_clickthrough: 'Ŝalti traklakan kaŝon de konsternaj kunsendaĵoj',
	stop_gifs: 'Movi GIF-bildojn dum ŝvebo',
	autoload: 'Ŝalti memfaran ŝarĝadon ĉe subo de paĝo',
	streaming: 'Ŝalti memfaran fluigon de novaj afiŝoj ĉe la supro de la paĝo',
	reply_link_preview: 'Ŝalti respond-ligilan antaŭvidon dum ŝvebo',
	follow_import: 'Abona enporto',
	import_followers_from_a_csv_file: 'Enporti abonojn el CSV-dosiero',
	follows_imported: 'Abonoj enportiĝis! Traktado daŭros iom.',
	follow_import_error: 'Eraro enportante abonojn'
	},
	notifications: {
	notifications: 'Sciigoj',
	read: 'Legite!',
	followed_you: 'ekabonis vin',
	favorited_you: 'ŝatis vian staton',
	repeated_you: 'ripetis vian staton'
	},
	login: {
	login: 'Ensaluti',
	username: 'Salutnomo',
	password: 'Pasvorto',
	register: 'Registriĝi',
	logout: 'Elsaluti'
	},
	registration: {
	registration: 'Registriĝo',
	fullname: 'Vidiga nomo',
	email: 'Retpoŝtadreso',
	bio: 'Priskribo',
	password_confirm: 'Konfirmo de pasvorto'
	},
	post_status: {
	posting: 'Afiŝante',
	default: 'Ĵus alvenis al la Universala Kongreso!'
	},
	finder: {
	find_user: 'Trovi uzanton',
	error_fetching_user: 'Eraro alportante uzanton'
	},
	general: {
	submit: 'Sendi',
	apply: 'Apliki'
	},
	user_profile: {
	timeline_title: 'Uzanta tempolinio'
	}
	}

	const et = {
	nav: {
	timeline: 'Ajajoon',
	mentions: 'Mainimised',
	public_tl: 'Avalik Ajajoon',
	twkn: 'Kogu Teadaolev Võrgustik'
	},
	user_card: {
	follows_you: 'Jälgib sind!',
	following: 'Jälgin!',
	follow: 'Jälgi',
	blocked: 'Blokeeritud!',
	block: 'Blokeeri',
	statuses: 'Staatuseid',
	mute: 'Vaigista',
	muted: 'Vaigistatud',
	followers: 'Jälgijaid',
	followees: 'Jälgitavaid',
	per_day: 'päevas'
	},
	timeline: {
	show_new: 'Näita uusi',
	error_fetching: 'Viga uuenduste laadimisel',
	up_to_date: 'Uuendatud',
	load_older: 'Kuva vanemaid staatuseid',
	conversation: 'Vestlus'
	},
	settings: {
	user_settings: 'Kasutaja sätted',
	name_bio: 'Nimi ja Bio',
	name: 'Nimi',
	bio: 'Bio',
	avatar: 'Profiilipilt',
	current_avatar: 'Sinu praegune profiilipilt',
	set_new_avatar: 'Vali uus profiilipilt',
	profile_banner: 'Profiilibänner',
	current_profile_banner: 'Praegune profiilibänner',
	set_new_profile_banner: 'Vali uus profiilibänner',
	profile_background: 'Profiilitaust',
	set_new_profile_background: 'Vali uus profiilitaust',
	settings: 'Sätted',
	theme: 'Teema',
	filtering: 'Sisu filtreerimine',
	filtering_explanation: 'Kõiki staatuseid, mis sisaldavad neid sõnu, ei kuvata. Üks sõna reale.',
	attachments: 'Manused',
	hide_attachments_in_tl: 'Peida manused ajajoonel',
	hide_attachments_in_convo: 'Peida manused vastlustes',
	nsfw_clickthrough: 'Peida tööks-mittesobivad(NSFW) manuste hiireklõpsu taha',
	autoload: 'Luba ajajoone automaatne uuendamine kui ajajoon on põhja keritud',
	reply_link_preview: 'Luba algpostituse kuvamine vastustes'
	},
	notifications: {
	notifications: 'Teavitused',
	read: 'Loe!',
	followed_you: 'alustas sinu jälgimist'
	},
	login: {
	login: 'Logi sisse',
	username: 'Kasutajanimi',
	password: 'Parool',
	register: 'Registreeru',
	logout: 'Logi välja'
	},
	registration: {
	registration: 'Registreerimine',
	fullname: 'Kuvatav nimi',
	email: 'E-post',
	bio: 'Bio',
	password_confirm: 'Parooli kinnitamine'
	},
	post_status: {
	posting: 'Postitan',
	default: 'Just sõitsin elektrirongiga Tallinnast Pääskülla.'
	},
	finder: {
	find_user: 'Otsi kasutajaid',
	error_fetching_user: 'Viga kasutaja leidmisel'
	},
	general: {
	submit: 'Postita'
	}
	}

	const hu = {
	nav: {
	timeline: 'Idővonal',
	mentions: 'Említéseim',
	public_tl: 'Publikus Idővonal',
	twkn: 'Az Egész Ismert Hálózat'
	},
	user_card: {
	follows_you: 'Követ téged!',
	following: 'Követve!',
	follow: 'Követ',
	blocked: 'Letiltva!',
	block: 'Letilt',
	statuses: 'Állapotok',
	mute: 'Némít',
	muted: 'Némított',
	followers: 'Követők',
	followees: 'Követettek',
	per_day: 'naponta'
	},
	timeline: {
	show_new: 'Újak mutatása',
	error_fetching: 'Hiba a frissítések beszerzésénél',
	up_to_date: 'Naprakész',
	load_older: 'Régebbi állapotok betöltése',
	conversation: 'Társalgás'
	},
	settings: {
	user_settings: 'Felhasználói beállítások',
	name_bio: 'Név és Bio',
	name: 'Név',
	bio: 'Bio',
	avatar: 'Avatár',
	current_avatar: 'Jelenlegi avatár',
	set_new_avatar: 'Új avatár',
	profile_banner: 'Profil Banner',
	current_profile_banner: 'Jelenlegi profil banner',
	set_new_profile_banner: 'Új profil banner',
	profile_background: 'Profil háttérkép',
	set_new_profile_background: 'Új profil háttér beállítása',
	settings: 'Beállítások',
	theme: 'Téma',
	filtering: 'Szűrés',
	filtering_explanation: 'Minden tartalom mely ezen szavakat tartalmazza némítva lesz, soronként egy',
	attachments: 'Csatolmányok',
	hide_attachments_in_tl: 'Csatolmányok elrejtése az idővonalon',
	hide_attachments_in_convo: 'Csatolmányok elrejtése a társalgásokban',
	nsfw_clickthrough: 'NSFW átkattintási tartalom elrejtésének engedélyezése',
	autoload: 'Autoatikus betöltés engedélyezése lap aljára görgetéskor',
	reply_link_preview: 'Válasz-link előzetes mutatása egér rátételkor'
	},
	notifications: {
	notifications: 'Értesítések',
	read: 'Olvasva!',
	followed_you: 'követ téged'
	},
	login: {
	login: 'Bejelentkezés',
	username: 'Felhasználó név',
	password: 'Jelszó',
	register: 'Feliratkozás',
	logout: 'Kijelentkezés'
	},
	registration: {
	registration: 'Feliratkozás',
	fullname: 'Teljes név',
	email: 'Email',
	bio: 'Bio',
	password_confirm: 'Jelszó megerősítése'
	},
	post_status: {
	posting: 'Küldés folyamatban',
	default: 'Most érkeztem L.A.-be'
	},
	finder: {
	find_user: 'Felhasználó keresése',
	error_fetching_user: 'Hiba felhasználó beszerzésével'
	},
	general: {
	submit: 'Elküld'
	}
	}

	const ro = {
	nav: {
	timeline: 'Cronologie',
	mentions: 'Menționări',
	public_tl: 'Cronologie Publică',
	twkn: 'Toată Reșeaua Cunoscută'
	},
	user_card: {
	follows_you: 'Te urmărește!',
	following: 'Urmărit!',
	follow: 'Urmărește',
	blocked: 'Blocat!',
	block: 'Blochează',
	statuses: 'Stări',
	mute: 'Pune pe mut',
	muted: 'Pus pe mut',
	followers: 'Următori',
	followees: 'Urmărește',
	per_day: 'pe zi'
	},
	timeline: {
	show_new: 'Arată cele noi',
	error_fetching: 'Erare la preluarea actualizărilor',
	up_to_date: 'La zi',
	load_older: 'Încarcă stări mai vechi',
	conversation: 'Conversație'
	},
	settings: {
	user_settings: 'Setările utilizatorului',
	name_bio: 'Nume și Bio',
	name: 'Nume',
	bio: 'Bio',
	avatar: 'Avatar',
	current_avatar: 'Avatarul curent',
	set_new_avatar: 'Setează avatar nou',
	profile_banner: 'Banner de profil',
	current_profile_banner: 'Bannerul curent al profilului',
	set_new_profile_banner: 'Setează banner nou la profil',
	profile_background: 'Fundalul de profil',
	set_new_profile_background: 'Setează fundal nou',
	settings: 'Setări',
	theme: 'Temă',
	filtering: 'Filtru',
	filtering_explanation: 'Toate stările care conțin aceste cuvinte vor fi puse pe mut, una pe linie',
	attachments: 'Atașamente',
	hide_attachments_in_tl: 'Ascunde atașamentele în cronologie',
	hide_attachments_in_convo: 'Ascunde atașamentele în conversații',
	nsfw_clickthrough: 'Permite ascunderea al atașamentelor NSFW',
	autoload: 'Permite încărcarea automată când scrolat la capăt',
	reply_link_preview: 'Permite previzualizarea linkului de răspuns la planarea de mouse'
	},
	notifications: {
	notifications: 'Notificări',
	read: 'Citit!',
	followed_you: 'te-a urmărit'
	},
	login: {
	login: 'Loghează',
	username: 'Nume utilizator',
	password: 'Parolă',
	register: 'Înregistrare',
	logout: 'Deloghează'
	},
	registration: {
	registration: 'Îregistrare',
	fullname: 'Numele întreg',
	email: 'Email',
	bio: 'Bio',
	password_confirm: 'Cofirmă parola'
	},
	post_status: {
	posting: 'Postează',
	default: 'Nu de mult am aterizat în L.A.'
	},
	finder: {
	find_user: 'Găsește utilizator',
	error_fetching_user: 'Eroare la preluarea utilizatorului'
	},
	general: {
	submit: 'trimite'
	}
	}

	const ja = {
	chat: {
	title: 'チャット'
	},
	nav: {
	chat: 'ローカルチャット',
	timeline: 'タイムライン',
	mentions: 'メンション',
	public_tl: '公開タイムライン',
	twkn: '接続しているすべてのネットワーク'
	},
	user_card: {
	follows_you: 'フォローされました！',
	following: 'フォロー中！',
	follow: 'フォロー',
	blocked: 'ブロック済み！',
	block: 'ブロック',
	statuses: '投稿',
	mute: 'ミュート',
	muted: 'ミュート済み',
	followers: 'フォロワー',
	followees: 'フォロー',
	per_day: '/日',
	remote_follow: 'リモートフォロー'
	},
	timeline: {
	show_new: '更新',
	error_fetching: '更新の取得中にエラーが発生しました。',
	up_to_date: '最新',
	load_older: '古い投稿を読み込む',
	conversation: '会話',
	collapse: '折り畳む',
	repeated: 'リピート'
	},
	settings: {
	user_settings: 'ユーザー設定',
	name_bio: '名前とプロフィール',
	name: '名前',
	bio: 'プロフィール',
	avatar: 'アバター',
	current_avatar: 'あなたの現在のアバター',
	set_new_avatar: '新しいアバターを設定する',
	profile_banner: 'プロフィールバナー',
	current_profile_banner: '現在のプロフィールバナー',
	set_new_profile_banner: '新しいプロフィールバナーを設定する',
	profile_background: 'プロフィールの背景',
	set_new_profile_background: '新しいプロフィールの背景を設定する',
	settings: '設定',
	theme: 'テーマ',
	presets: 'プリセット',
	theme_help: '16進数カラーコード (#aabbcc) を使用してカラーテーマをカスタマイズ出来ます。',
	radii_help: 'インターフェースの縁の丸さを設定する。',
	background: '背景',
	foreground: '前景',
	text: '文字',
	links: 'リンク',
	cBlue: '青 (返信, フォロー)',
	cRed: '赤 (キャンセル)',
	cOrange: 'オレンジ (お気に入り)',
	cGreen: '緑 (リツイート)',
	btnRadius: 'ボタン',
	panelRadius: 'パネル',
	avatarRadius: 'アバター',
	avatarAltRadius: 'アバター (通知)',
	tooltipRadius: 'ツールチップ/アラート',
	attachmentRadius: 'ファイル',
	filtering: 'フィルタリング',
	filtering_explanation: 'これらの単語を含むすべてのものがミュートされます。1行に1つの単語を入力してください。',
	attachments: 'ファイル',
	hide_attachments_in_tl: 'タイムラインのファイルを隠す。',
	hide_attachments_in_convo: '会話の中のファイルを隠す。',
	nsfw_clickthrough: 'NSFWファイルの非表示を有効にする。',
	stop_gifs: 'カーソルを重ねた時にGIFを再生する。',
	autoload: '下にスクロールした時に自動で読み込むようにする。',
	streaming: '上までスクロールした時に自動でストリーミングされるようにする。',
	reply_link_preview: 'マウスカーソルを重ねた時に返信のプレビューを表示するようにする。',
	follow_import: 'フォローインポート',
	import_followers_from_a_csv_file: 'CSVファイルからフォローをインポートする。',
	follows_imported: 'フォローがインポートされました！処理に少し時間がかかるかもしれません。',
	follow_import_error: 'フォロワーのインポート中にエラーが発生しました。'
	},
	notifications: {
	notifications: '通知',
	read: '読んだ！',
	followed_you: 'フォローされました',
	favorited_you: 'あなたの投稿がお気に入りされました',
	repeated_you: 'あなたの投稿がリピートされました'
	},
	login: {
	login: 'ログイン',
	username: 'ユーザー名',
	password: 'パスワード',
	register: '登録',
	logout: 'ログアウト'
	},
	registration: {
	registration: '登録',
	fullname: '表示名',
	email: 'Eメール',
	bio: 'プロフィール',
	password_confirm: 'パスワードの確認'
	},
	post_status: {
	posting: '投稿',
	default: 'ちょうどL.A.に着陸しました。'
	},
	finder: {
	find_user: 'ユーザー検索',
	error_fetching_user: 'ユーザー検索でエラーが発生しました'
	},
	general: {
	submit: '送信',
	apply: '適用'
	},
	user_profile: {
	timeline_title: 'ユーザータイムライン'
	}
	}

	const fr = {
	nav: {
	chat: 'Chat local',
	timeline: 'Journal',
	mentions: 'Notifications',
	public_tl: 'Statuts locaux',
	twkn: 'Le réseau connu'
	},
	user_card: {
	follows_you: 'Vous suit !',
	following: 'Suivi !',
	follow: 'Suivre',
	blocked: 'Bloqué',
	block: 'Bloquer',
	statuses: 'Statuts',
	- mute: 'Mettre en muet',
	- muted: 'Mis en muet',
	+ mute: 'Masquer',
	+ muted: 'Masqué',
	followers: 'Vous suivent',
	followees: 'Suivis',
	per_day: 'par jour',
	remote_follow: 'Suivre d\'une autre instance'
	},
	timeline: {
	show_new: 'Afficher plus',
	- error_fetching: 'Erreur en cherchant des mises à jours',
	+ error_fetching: 'Erreur en cherchant les mises à jour',
	up_to_date: 'À jour',
	load_older: 'Afficher plus',
	conversation: 'Conversation',
	collapse: 'Fermer',
	repeated: 'a partagé'
	},
	settings: {
	user_settings: 'Paramètres utilisateur',
	name_bio: 'Nom & Bio',
	name: 'Nom',
	- bio: 'Bioraphie',
	+ bio: 'Biographie',
	avatar: 'Avatar',
	- current_avatar: 'Votre avatar',
	+ current_avatar: 'Avatar actuel',
	set_new_avatar: 'Changer d\'avatar',
	- profile_banner: 'Bannière du profil',
	- current_profile_banner: 'Bannière du profil',
	+ profile_banner: 'Bannière de profil',
	+ current_profile_banner: 'Bannière de profil actuelle',
	set_new_profile_banner: 'Changer de bannière',
	profile_background: 'Image de fond',
	set_new_profile_background: 'Changer d\'image de fond',
	settings: 'Paramètres',
	theme: 'Thème',
	filtering: 'Filtre',
	- filtering_explanation: 'Tout les statuts contenant ces mots vont être cachés, un mot par ligne.',
	+ filtering_explanation: 'Tout les statuts contenant ces mots seront masqués. Un mot par ligne.',
	attachments: 'Pièces jointes',
	- hide_attachments_in_tl: 'Cacher les pièces jointes dans le journal',
	- hide_attachments_in_convo: 'Cacher les pièces jointes dans les conversations',
	- nsfw_clickthrough: 'Activer le clic pour afficher les images marquées comme contenu adulte ou sensible',
	- autoload: 'Activer le chargement automatique une fois le bas de la page atteint',
	- reply_link_preview: 'Activer un aperçu d\'une réponse sur passage de la souris',
	+ hide_attachments_in_tl: 'Masquer les pièces jointes dans le journal',
	+ hide_attachments_in_convo: 'Masquer les pièces jointes dans les conversations',
	+ nsfw_clickthrough: 'Masquer les images marquées comme contenu adulte ou sensible',
	+ autoload: 'Charger la suite automatiquement une fois le bas de la page atteint',
	+ reply_link_preview: 'Afficher un aperçu lors du survol de liens vers une réponse',
	presets: 'Thèmes prédéfinis',
	- theme_help: 'Utilisez les codes de couleur hexadécimaux (#aabbcc) pour customiser les couleurs de votre thème.',
	+ theme_help: 'Spécifiez des codes couleur hexadécimaux (#aabbcc) pour personnaliser les couleurs du thème',
	background: 'Arrière plan',
	foreground: 'Premier plan',
	text: 'Texte',
	links: 'Liens',
	- streaming: 'Active le défilement automatique de nouveaux statuts lorsqu\'on est au haut de la page',
	+ streaming: 'Charger automatiquement les nouveaux statuts lorsque vous êtes au haut de la page',
	follow_import: 'Importer ses abonnements',
	import_followers_from_a_csv_file: 'Importer ses abonnements depuis un fichier csv',
	follows_imported: 'Abonnements importés ! Le traitement peut prendre un moment.',
	follow_import_error: 'Erreur lors de l\'importation des abonnements.',
	cBlue: 'Bleu (Répondre, suivre)',
	cRed: 'Rouge (Annuler)',
	cOrange: 'Orange (Aimer)',
	cGreen: 'Vert (Partager)',
	btnRadius: 'Boutons',
	panelRadius: 'Fenêtres',
	+ inputRadius: 'Champs de texte',
	avatarRadius: 'Avatars',
	avatarAltRadius: 'Avatars (Notifications)',
	tooltipRadius: 'Info-bulles/alertes ',
	attachmentRadius: 'Pièces jointes',
	- radii_help: 'Mettre en place l\'arondissement des coins de l\'interface (en pixels)',
	- stop_gifs: 'Passer la souris sur un GIF pour l\'animer'
	+ radii_help: 'Vous pouvez ici choisir le niveau d\'arrondi des angles de l\'interface (en pixels)',
	+ stop_gifs: 'N\'animer les GIFS que lors du survol du curseur de la souris'
	},
	notifications: {
	notifications: 'Notifications',
	read: 'Lu !',
	- followed_you: 'vous a suivi',
	+ followed_you: 'a commencé à vous suivre',
	favorited_you: 'a aimé votre statut',
	repeated_you: 'a partagé votre statut'
	},
	login: {
	login: 'Connexion',
	- username: 'Nom d\'utilisateur',
	+ username: 'Identifiant',
	password: 'Mot de passe',
	register: 'S\'inscrire',
	logout: 'Déconnexion'
	},
	registration: {
	registration: 'Inscription',
	- fullname: 'Nom affiché',
	+ fullname: 'Pseudonyme',
	email: 'Adresse email',
	bio: 'Biographie',
	- password_confirm: 'Confirmez le mot de passe'
	+ password_confirm: 'Confirmation du mot de passe'
	},
	post_status: {
	posting: 'Envoi en cours',
	default: 'Écrivez ici votre prochain statut.'
	},
	finder: {
	find_user: 'Chercher un utilisateur',
	- error_fetching_user: 'Une erreur est survenue lors de la recherche de l\'utilisateur'
	+ error_fetching_user: 'Erreur lors de la recherche de l\'utilisateur'
	},
	general: {
	submit: 'Envoyer',
	apply: 'Appliquer'
	},
	user_profile: {
	timeline_title: 'Journal de l\'utilisateur'
	}
	}

	const it = {
	nav: {
	timeline: 'Sequenza temporale',
	mentions: 'Menzioni',
	public_tl: 'Sequenza temporale pubblica',
	twkn: 'L\'intiera rete conosciuta'
	},
	user_card: {
	follows_you: 'Ti segue!',
	following: 'Lo stai seguendo!',
	follow: 'Segui',
	statuses: 'Messaggi',
	mute: 'Ammutolisci',
	muted: 'Ammutoliti',
	followers: 'Chi ti segue',
	followees: 'Chi stai seguendo',
	per_day: 'al giorno'
	},
	timeline: {
	show_new: 'Mostra nuovi',
	error_fetching: 'Errori nel prelievo aggiornamenti',
	up_to_date: 'Aggiornato',
	load_older: 'Carica messaggi più vecchi'
	},
	settings: {
	user_settings: 'Configurazione dell\'utente',
	name_bio: 'Nome & Introduzione',
	name: 'Nome',
	bio: 'Introduzione',
	avatar: 'Avatar',
	current_avatar: 'Il tuo attuale avatar',
	set_new_avatar: 'Scegli un nuovo avatar',
	profile_banner: 'Sfondo del tuo profilo',
	current_profile_banner: 'Sfondo attuale',
	set_new_profile_banner: 'Scegli un nuovo sfondo per il tuo profilo',
	profile_background: 'Sfondo della tua pagina',
	set_new_profile_background: 'Scegli un nuovo sfondo per la tua pagina',
	settings: 'Settaggi',
	theme: 'Tema',
	filtering: 'Filtri',
	filtering_explanation: 'Filtra via le notifiche che contengono le seguenti parole (inserisci rigo per rigo le parole di innesco)',
	attachments: 'Allegati',
	hide_attachments_in_tl: 'Nascondi gli allegati presenti nella sequenza temporale',
	hide_attachments_in_convo: 'Nascondi gli allegati presenti nelle conversazioni',
	nsfw_clickthrough: 'Abilita la trasparenza degli allegati NSFW',
	autoload: 'Abilita caricamento automatico quando si raggiunge il fondo schermo',
	reply_link_preview: 'Ability il reply-link preview al passaggio del mouse'
	},
	notifications: {
	notifications: 'Notifiche',
	read: 'Leggi!',
	followed_you: 'ti ha seguito'
	},
	general: {
	submit: 'Invia'
	}
	}

	const oc = {
	chat: {
	title: 'Messatjariá'
	},
	nav: {
	chat: 'Chat local',
	timeline: 'Flux d’actualitat',
	mentions: 'Notificacions',
	public_tl: 'Estatuts locals',
	twkn: 'Lo malhum conegut'
	},
	user_card: {
	follows_you: 'Vos sèc!',
	following: 'Seguit!',
	follow: 'Seguir',
	blocked: 'Blocat',
	block: 'Blocar',
	statuses: 'Estatuts',
	mute: 'Amagar',
	muted: 'Amagat',
	followers: 'Seguidors',
	followees: 'Abonaments',
	per_day: 'per jorn',
	remote_follow: 'Seguir a distància'
	},
	timeline: {
	show_new: 'Ne veire mai',
	error_fetching: 'Error en cercant de mesas a jorn',
	- up_to_date: 'Actualizat',
	+ up_to_date: 'A jorn',
	load_older: 'Ne veire mai',
	conversation: 'Conversacion',
	collapse: 'Tampar',
	repeated: 'repetit'
	},
	settings: {
	user_settings: 'Paramètres utilizaire',
	name_bio: 'Nom & Bio',
	name: 'Nom',
	bio: 'Biografia',
	avatar: 'Avatar',
	current_avatar: 'Vòstre avatar actual',
	set_new_avatar: 'Cambiar l’avatar',
	profile_banner: 'Bandièra del perfil',
	current_profile_banner: 'Bandièra actuala del perfil',
	set_new_profile_banner: 'Cambiar de bandièra',
	profile_background: 'Imatge de fons',
	set_new_profile_background: 'Cambiar l’imatge de fons',
	settings: 'Paramètres',
	theme: 'Tèma',
	presets: 'Pre-enregistrats',
	theme_help: 'Emplegatz los còdis de color hex (#rrggbb) per personalizar vòstre tèma de color.',
	radii_help: 'Configurar los caires arredondits de l’interfàcia (en pixèls)',
	background: 'Rèire plan',
	foreground: 'Endavant',
	text: 'Tèxte',
	links: 'Ligams',
	cBlue: 'Blau (Respondre, seguir)',
	cRed: 'Roge (Anullar)',
	cOrange: 'Irange (Metre en favorit)',
	cGreen: 'Verd (Repartajar)',
	+ inputRadius: 'Camps tèxte',
	btnRadius: 'Botons',
	panelRadius: 'Panèls',
	avatarRadius: 'Avatars',
	avatarAltRadius: 'Avatars (Notificacions)',
	tooltipRadius: 'Astúcias/Alèrta',
	attachmentRadius: 'Pèças juntas',
	filtering: 'Filtre',
	filtering_explanation: 'Totes los estatuts amb aqueles mots seràn en silenci, un mot per linha.',
	attachments: 'Pèças juntas',
	hide_attachments_in_tl: 'Rescondre las pèças juntas',
	hide_attachments_in_convo: 'Rescondre las pèças juntas dins las conversacions',
	nsfw_clickthrough: 'Activar lo clic per mostrar los imatges marcats coma pels adults o sensibles',
	stop_gifs: 'Lançar los GIFs al subrevòl',
	autoload: 'Activar lo cargament automatic un còp arribat al cap de la pagina',
	streaming: 'Activar lo cargament automatic dels novèls estatus en anar amont',
	reply_link_preview: 'Activar l’apercebut en passar la mirga',
	follow_import: 'Importar los abonaments',
	import_followers_from_a_csv_file: 'Importar los seguidors d’un fichièr csv',
	follows_imported: 'Seguidors importats. Lo tractament pòt trigar una estona.',
	follow_import_error: 'Error en important los seguidors'
	},
	notifications: {
	notifications: 'Notficacions',
	read: 'Legit!',
	followed_you: 'vos a seguit',
	favorited_you: 'a aimat vòstre estatut',
	repeated_you: 'a repetit your vòstre estatut'
	},
	login: {
	login: 'Connexion',
	username: 'Nom d’utilizaire',
	password: 'Senhal',
	register: 'Se marcar',
	logout: 'Desconnexion'
	},
	registration: {
	registration: 'Inscripcion',
	fullname: 'Nom complèt',
	email: 'Adreça de corrièl',
	bio: 'Biografia',
	password_confirm: 'Confirmar lo senhal'
	},
	post_status: {
	posting: 'Mandadís',
	default: 'Escrivètz aquí vòstre estatut.'
	},
	finder: {
	find_user: 'Cercar un utilizaire',
	error_fetching_user: 'Error pendent la recèrca d’un utilizaire'
	},
	general: {
	submit: 'Mandar',
	apply: 'Aplicar'
	},
	user_profile: {
	- timeline_title: 'Flux a l’utilizaire'
	+ timeline_title: 'Flux utilizaire'
	}
	}

	const pl = {
	chat: {
	title: 'Czat'
	},
	nav: {
	chat: 'Lokalny czat',
	timeline: 'Oś czasu',
	mentions: 'Wzmianki',
	public_tl: 'Publiczna oś czasu',
	twkn: 'Cała znana sieć'
	},
	user_card: {
	follows_you: 'Obserwuje cię!',
	following: 'Obserwowany!',
	follow: 'Obserwuj',
	blocked: 'Zablokowany!',
	block: 'Zablokuj',
	statuses: 'Statusy',
	mute: 'Wycisz',
	muted: 'Wyciszony',
	followers: 'Obserwujący',
	followees: 'Obserwowani',
	per_day: 'dziennie',
	remote_follow: 'Zdalna obserwacja'
	},
	timeline: {
	show_new: 'Pokaż nowe',
	error_fetching: 'Błąd pobierania',
	up_to_date: 'Na bieżąco',
	load_older: 'Załaduj starsze statusy',
	conversation: 'Rozmowa',
	collapse: 'Zwiń',
	repeated: 'powtórzono'
	},
	settings: {
	user_settings: 'Ustawienia użytkownika',
	name_bio: 'Imię i bio',
	name: 'Imię',
	bio: 'Bio',
	avatar: 'Awatar',
	current_avatar: 'Twój obecny awatar',
	set_new_avatar: 'Ustaw nowy awatar',
	profile_banner: 'Banner profilu',
	current_profile_banner: 'Twój obecny banner profilu',
	set_new_profile_banner: 'Ustaw nowy banner profilu',
	profile_background: 'Tło profilu',
	set_new_profile_background: 'Ustaw nowe tło profilu',
	settings: 'Ustawienia',
	theme: 'Motyw',
	presets: 'Gotowe motywy',
	theme_help: 'Użyj kolorów w notacji szesnastkowej (#rrggbb), by stworzyć swój motyw.',
	radii_help: 'Ustaw zaokrąglenie krawędzi interfejsu (w pikselach)',
	background: 'Tło',
	foreground: 'Pierwszy plan',
	text: 'Tekst',
	links: 'Łącza',
	cBlue: 'Niebieski (odpowiedz, obserwuj)',
	cRed: 'Czerwony (anuluj)',
	cOrange: 'Pomarańczowy (ulubione)',
	cGreen: 'Zielony (powtórzenia)',
	btnRadius: 'Przyciski',
	+ inputRadius: 'Pola tekstowe',
	panelRadius: 'Panele',
	avatarRadius: 'Awatary',
	avatarAltRadius: 'Awatary (powiadomienia)',
	tooltipRadius: 'Etykiety/alerty',
	attachmentRadius: 'Załączniki',
	filtering: 'Filtrowanie',
	- filtering_explanation: 'Wszystkie statusy zawierające te słowa będą wyciszone. Jedno słowo na linijkę',
	+ filtering_explanation: 'Wszystkie statusy zawierające te słowa będą wyciszone. Jedno słowo na linijkę.',
	attachments: 'Załączniki',
	hide_attachments_in_tl: 'Ukryj załączniki w osi czasu',
	hide_attachments_in_convo: 'Ukryj załączniki w rozmowach',
	nsfw_clickthrough: 'Włącz domyślne ukrywanie załączników o treści nieprzyzwoitej (NSFW)',
	stop_gifs: 'Odtwarzaj GIFy po najechaniu kursorem',
	autoload: 'Włącz automatyczne ładowanie po przewinięciu do końca strony',
	streaming: 'Włącz automatycznie strumieniowanie nowych postów gdy na początku strony',
	reply_link_preview: 'Włącz dymek z podglądem postu po najechaniu na znak odpowiedzi',
	follow_import: 'Import obserwowanych',
	import_followers_from_a_csv_file: 'Importuj obserwowanych z pliku CSV',
	follows_imported: 'Obserwowani zaimportowani! Przetwarzanie może trochę potrwać.',
	- follow_import_error: 'Błąd przy importowaniu obserwowanych'
	+ follow_import_error: 'Błąd przy importowaniu obserwowanych',
	+ delete_account: 'Usuń konto',
	+ delete_account_description: 'Trwale usuń konto i wszystkie posty.',
	+ delete_account_instructions: 'Wprowadź swoje hasło w poniższe pole aby potwierdzić usunięcie konta.',
	+ delete_account_error: 'Wystąpił problem z usuwaniem twojego konta. Jeżeli problem powtarza się, poinformuj administratora swojej instancji.',
	+ follow_export: 'Eksport obserwowanych',
	+ follow_export_processing: 'Przetwarzanie, wkrótce twój plik zacznie się ściągać.',
	+ follow_export_button: 'Eksportuj swoją listę obserwowanych do pliku CSV',
	+ change_password: 'Zmień hasło',
	+ current_password: 'Obecne hasło',
	+ new_password: 'Nowe hasło',
	+ confirm_new_password: 'Potwierdź nowe hasło',
	+ changed_password: 'Hasło zmienione poprawnie!',
	+ change_password_error: 'Podczas zmiany hasła wystąpił problem.'
	},
	notifications: {
	notifications: 'Powiadomienia',
	read: 'Przeczytane!',
	followed_you: 'obserwuje cię',
	favorited_you: 'dodał twój status do ulubionych',
	repeated_you: 'powtórzył twój status'
	},
	login: {
	login: 'Zaloguj',
	username: 'Użytkownik',
	password: 'Hasło',
	register: 'Zarejestruj',
	logout: 'Wyloguj'
	},
	registration: {
	registration: 'Rejestracja',
	fullname: 'Wyświetlana nazwa profilu',
	email: 'Email',
	bio: 'Bio',
	password_confirm: 'Potwierdzenie hasła'
	},
	post_status: {
	posting: 'Wysyłanie',
	default: 'Właśnie wróciłem z kościoła'
	},
	finder: {
	find_user: 'Znajdź użytkownika',
	error_fetching_user: 'Błąd przy pobieraniu profilu'
	},
	general: {
	submit: 'Wyślij',
	apply: 'Zastosuj'
	},
	user_profile: {
	timeline_title: 'Oś czasu użytkownika'
	}
	}

	const es = {
	chat: {
	title: 'Chat'
	},
	nav: {
	chat: 'Chat Local',
	timeline: 'Línea Temporal',
	mentions: 'Menciones',
	public_tl: 'Línea Temporal Pública',
	twkn: 'Toda La Red Conocida'
	},
	user_card: {
	follows_you: '¡Te sigue!',
	following: '¡Siguiendo!',
	follow: 'Seguir',
	blocked: '¡Bloqueado!',
	block: 'Bloquear',
	statuses: 'Estados',
	mute: 'Silenciar',
	muted: 'Silenciado',
	followers: 'Seguidores',
	followees: 'Siguiendo',
	per_day: 'por día',
	remote_follow: 'Seguir'
	},
	timeline: {
	show_new: 'Mostrar lo nuevo',
	error_fetching: 'Error al cargar las actualizaciones',
	up_to_date: 'Actualizado',
	load_older: 'Cargar actualizaciones anteriores',
	conversation: 'Conversación'
	},
	settings: {
	user_settings: 'Ajustes de Usuario',
	name_bio: 'Nombre y Biografía',
	name: 'Nombre',
	bio: 'Biografía',
	avatar: 'Avatar',
	current_avatar: 'Tu avatar actual',
	set_new_avatar: 'Cambiar avatar',
	profile_banner: 'Cabecera del perfil',
	current_profile_banner: 'Cabecera actual',
	set_new_profile_banner: 'Cambiar cabecera',
	profile_background: 'Fondo del Perfil',
	set_new_profile_background: 'Cambiar fondo del perfil',
	settings: 'Ajustes',
	theme: 'Tema',
	presets: 'Por defecto',
	theme_help: 'Use códigos de color hexadecimales (#rrggbb) para personalizar su tema de colores.',
	background: 'Segundo plano',
	foreground: 'Primer plano',
	text: 'Texto',
	links: 'Links',
	filtering: 'Filtros',
	filtering_explanation: 'Todos los estados que contengan estas palabras serán silenciados, una por línea',
	attachments: 'Adjuntos',
	hide_attachments_in_tl: 'Ocultar adjuntos en la línea temporal',
	hide_attachments_in_convo: 'Ocultar adjuntos en las conversaciones',
	nsfw_clickthrough: 'Activar el clic para ocultar los adjuntos NSFW',
	autoload: 'Activar carga automática al llegar al final de la página',
	streaming: 'Habilite la transmisión automática de nuevas publicaciones cuando se desplaza hacia la parte superior',
	reply_link_preview: 'Activar la previsualización del enlace de responder al pasar el ratón por encima',
	follow_import: 'Importar personas que tú sigues',
	import_followers_from_a_csv_file: 'Importar personas que tú sigues apartir de un archivo csv',
	follows_imported: '¡Importado! Procesarlos llevará tiempo.',
	follow_import_error: 'Error al importal el archivo'
	},
	notifications: {
	notifications: 'Notificaciones',
	read: '¡Leído!',
	followed_you: 'empezó a seguirte'
	},
	login: {
	login: 'Identificación',
	username: 'Usuario',
	password: 'Contraseña',
	register: 'Registrar',
	logout: 'Salir'
	},
	registration: {
	registration: 'Registro',
	fullname: 'Nombre a mostrar',
	email: 'Correo electrónico',
	bio: 'Biografía',
	password_confirm: 'Confirmación de contraseña'
	},
	post_status: {
	posting: 'Publicando',
	default: 'Acabo de aterrizar en L.A.'
	},
	finder: {
	find_user: 'Encontrar usuario',
	error_fetching_user: 'Error al buscar usuario'
	},
	general: {
	submit: 'Enviar',
	apply: 'Aplicar'
	}
	}

	const pt = {
	chat: {
	title: 'Chat'
	},
	nav: {
	chat: 'Chat local',
	timeline: 'Linha do tempo',
	mentions: 'Menções',
	public_tl: 'Linha do tempo pública',
	twkn: 'Toda a rede conhecida'
	},
	user_card: {
	follows_you: 'Segue você!',
	following: 'Seguindo!',
	follow: 'Seguir',
	blocked: 'Bloqueado!',
	block: 'Bloquear',
	statuses: 'Postagens',
	mute: 'Silenciar',
	muted: 'Silenciado',
	followers: 'Seguidores',
	followees: 'Seguindo',
	per_day: 'por dia',
	remote_follow: 'Seguidor Remoto'
	},
	timeline: {
	show_new: 'Mostrar novas',
	error_fetching: 'Erro buscando atualizações',
	up_to_date: 'Atualizado',
	load_older: 'Carregar postagens antigas',
	conversation: 'Conversa'
	},
	settings: {
	user_settings: 'Configurações de Usuário',
	name_bio: 'Nome & Biografia',
	name: 'Nome',
	bio: 'Biografia',
	avatar: 'Avatar',
	current_avatar: 'Seu avatar atual',
	set_new_avatar: 'Alterar avatar',
	profile_banner: 'Capa de perfil',
	current_profile_banner: 'Sua capa de perfil atual',
	set_new_profile_banner: 'Alterar capa de perfil',
	profile_background: 'Plano de fundo de perfil',
	set_new_profile_background: 'Alterar o plano de fundo de perfil',
	settings: 'Configurações',
	theme: 'Tema',
	presets: 'Predefinições',
	theme_help: 'Use cores em código hexadecimal (#rrggbb) para personalizar seu esquema de cores.',
	radii_help: 'Arredondar arestas da interface (em píxeis)',
	background: 'Plano de Fundo',
	foreground: 'Primeiro Plano',
	text: 'Texto',
	links: 'Links',
	cBlue: 'Azul (Responder, seguir)',
	cRed: 'Vermelho (Cancelar)',
	cOrange: 'Laranja (Favoritar)',
	cGreen: 'Verde (Repetir)',
	btnRadius: 'Botões',
	panelRadius: 'Paineis',
	avatarRadius: 'Avatares',
	avatarAltRadius: 'Avatares (Notificações)',
	tooltipRadius: 'Dicass/alertas',
	attachmentRadius: 'Anexos',
	filtering: 'Filtragem',
	filtering_explanation: 'Todas as postagens contendo estas palavras serão silenciadas, uma por linha.',
	attachments: 'Anexos',
	hide_attachments_in_tl: 'Ocultar anexos na linha do tempo.',
	hide_attachments_in_convo: 'Ocultar anexos em conversas',
	nsfw_clickthrough: 'Habilitar clique para ocultar anexos NSFW',
	stop_gifs: 'Reproduzir GIFs ao passar o cursor em cima',
	autoload: 'Habilitar carregamento automático quando a rolagem chegar ao fim.',
	streaming: 'Habilitar o fluxo automático de postagens quando ao topo da página',
	reply_link_preview: 'Habilitar a pré-visualização de link de respostas ao passar o mouse.',
	follow_import: 'Importar seguidas',
	import_followers_from_a_csv_file: 'Importe seguidores a partir de um arquivo CSV',
	follows_imported: 'Seguidores importados! O processamento pode demorar um pouco.',
	follow_import_error: 'Erro ao importar seguidores'
	},
	notifications: {
	notifications: 'Notificações',
	read: 'Lido!',
	followed_you: 'seguiu você',
	favorited_you: 'favoritou sua postagem',
	repeated_you: 'repetiu sua postagem'
	},
	login: {
	login: 'Entrar',
	username: 'Usuário',
	password: 'Senha',
	register: 'Registrar',
	logout: 'Sair'
	},
	registration: {
	registration: 'Registro',
	fullname: 'Nome para exibição',
	email: 'Correio eletrônico',
	bio: 'Biografia',
	password_confirm: 'Confirmação de senha'
	},
	post_status: {
	posting: 'Publicando',
	default: 'Acabei de chegar no Rio!'
	},
	finder: {
	find_user: 'Buscar usuário',
	error_fetching_user: 'Erro procurando usuário'
	},
	general: {
	submit: 'Enviar',
	apply: 'Aplicar'
	},
	user_profile: {
	timeline_title: 'Linha do tempo do usuário'
	}
	}

	const ru = {
	chat: {
	title: 'Чат'
	},
	nav: {
	chat: 'Локальный чат',
	timeline: 'Лента',
	mentions: 'Упоминания',
	public_tl: 'Публичная лента',
	twkn: 'Федеративная лента'
	},
	user_card: {
	follows_you: 'Читает вас',
	following: 'Читаю',
	follow: 'Читать',
	blocked: 'Заблокирован',
	block: 'Заблокировать',
	statuses: 'Статусы',
	mute: 'Игнорировать',
	muted: 'Игнорирую',
	followers: 'Читатели',
	followees: 'Читаемые',
	per_day: 'в день',
	remote_follow: 'Читать удалённо'
	},
	timeline: {
	show_new: 'Показать новые',
	error_fetching: 'Ошибка при обновлении',
	up_to_date: 'Обновлено',
	load_older: 'Загрузить старые статусы',
	conversation: 'Разговор',
	collapse: 'Свернуть',
	repeated: 'повторил(а)'
	},
	settings: {
	user_settings: 'Настройки пользователя',
	name_bio: 'Имя и описание',
	name: 'Имя',
	bio: 'Описание',
	avatar: 'Аватар',
	current_avatar: 'Текущий аватар',
	set_new_avatar: 'Загрузить новый аватар',
	profile_banner: 'Баннер профиля',
	current_profile_banner: 'Текущий баннер профиля',
	set_new_profile_banner: 'Загрузить новый баннер профиля',
	profile_background: 'Фон профиля',
	set_new_profile_background: 'Загрузить новый фон профиля',
	settings: 'Настройки',
	theme: 'Тема',
	presets: 'Пресеты',
	theme_help: 'Используйте шестнадцатеричные коды цветов (#rrggbb) для настройки темы.',
	radii_help: 'Округление краёв элементов интерфейса (в пикселях)',
	background: 'Фон',
	foreground: 'Передний план',
	text: 'Текст',
	links: 'Ссылки',
	cBlue: 'Ответить, читать',
	cRed: 'Отменить',
	cOrange: 'Нравится',
	cGreen: 'Повторить',
	btnRadius: 'Кнопки',
	+ inputRadius: 'Поля ввода',
	panelRadius: 'Панели',
	avatarRadius: 'Аватары',
	avatarAltRadius: 'Аватары в уведомлениях',
	tooltipRadius: 'Всплывающие подсказки/уведомления',
	attachmentRadius: 'Прикреплённые файлы',
	filtering: 'Фильтрация',
	filtering_explanation: 'Все статусы, содержащие данные слова, будут игнорироваться, по одному в строке',
	attachments: 'Вложения',
	hide_attachments_in_tl: 'Прятать вложения в ленте',
	hide_attachments_in_convo: 'Прятать вложения в разговорах',
	stop_gifs: 'Проигрывать GIF анимации только при наведении',
	nsfw_clickthrough: 'Включить скрытие NSFW вложений',
	autoload: 'Включить автоматическую загрузку при прокрутке вниз',
	streaming: 'Включить автоматическую загрузку новых сообщений при прокрутке вверх',
	reply_link_preview: 'Включить предварительный просмотр ответа при наведении мыши',
	follow_import: 'Импортировать читаемых',
	import_followers_from_a_csv_file: 'Импортировать читаемых из файла .csv',
	follows_imported: 'Список читаемых импортирован. Обработка займёт некоторое время..',
	follow_import_error: 'Ошибка при импортировании читаемых.'
	},
	notifications: {
	notifications: 'Уведомления',
	read: 'Прочесть',
	followed_you: 'начал(а) читать вас',
	favorited_you: 'нравится ваш статус',
	repeated_you: 'повторил(а) ваш статус'
	},
	login: {
	login: 'Войти',
	username: 'Имя пользователя',
	password: 'Пароль',
	register: 'Зарегистрироваться',
	logout: 'Выйти'
	},
	registration: {
	registration: 'Регистрация',
	fullname: 'Отображаемое имя',
	email: 'Email',
	bio: 'Описание',
	password_confirm: 'Подтверждение пароля'
	},
	post_status: {
	posting: 'Отправляется',
	default: 'Что нового?'
	},
	finder: {
	find_user: 'Найти пользователя',
	error_fetching_user: 'Пользователь не найден'
	},
	general: {
	submit: 'Отправить',
	apply: 'Применить'
	},
	user_profile: {
	timeline_title: 'Лента пользователя'
	}
	}
	const nb = {
	chat: {
	title: 'Chat'
	},
	nav: {
	chat: 'Lokal Chat',
	timeline: 'Tidslinje',
	mentions: 'Nevnt',
	public_tl: 'Offentlig Tidslinje',
	twkn: 'Det hele kjente nettverket'
	},
	user_card: {
	follows_you: 'Følger deg!',
	following: 'Følger!',
	follow: 'Følg',
	blocked: 'Blokkert!',
	block: 'Blokker',
	statuses: 'Statuser',
	mute: 'Demp',
	muted: 'Dempet',
	followers: 'Følgere',
	followees: 'Følger',
	per_day: 'per dag',
	remote_follow: 'Følg eksternt'
	},
	timeline: {
	show_new: 'Vis nye',
	error_fetching: 'Feil ved henting av oppdateringer',
	up_to_date: 'Oppdatert',
	load_older: 'Last eldre statuser',
	conversation: 'Samtale',
	collapse: 'Sammenfold',
	repeated: 'gjentok'
	},
	settings: {
	user_settings: 'Brukerinstillinger',
	name_bio: 'Navn & Biografi',
	name: 'Navn',
	bio: 'Biografi',
	avatar: 'Profilbilde',
	current_avatar: 'Ditt nåværende profilbilde',
	set_new_avatar: 'Rediger profilbilde',
	profile_banner: 'Profil-banner',
	current_profile_banner: 'Din nåværende profil-banner',
	set_new_profile_banner: 'Sett ny profil-banner',
	profile_background: 'Profil-bakgrunn',
	set_new_profile_background: 'Rediger profil-bakgrunn',
	settings: 'Innstillinger',
	theme: 'Tema',
	presets: 'Forhåndsdefinerte fargekoder',
	theme_help: 'Bruk heksadesimale fargekoder (#rrggbb) til å endre farge-temaet ditt.',
	radii_help: 'Bestem hvor runde hjørnene i brukergrensesnittet skal være (i piksler)',
	background: 'Bakgrunn',
	foreground: 'Framgrunn',
	text: 'Tekst',
	links: 'Linker',
	cBlue: 'Blå (Svar, følg)',
	cRed: 'Rød (Avbryt)',
	cOrange: 'Oransje (Lik)',
	cGreen: 'Grønn (Gjenta)',
	btnRadius: 'Knapper',
	panelRadius: 'Panel',
	avatarRadius: 'Profilbilde',
	avatarAltRadius: 'Profilbilde (Varslinger)',
	tooltipRadius: 'Verktøytips/advarsler',
	attachmentRadius: 'Vedlegg',
	filtering: 'Filtrering',
	filtering_explanation: 'Alle statuser som inneholder disse ordene vil bli dempet, en kombinasjon av tegn per linje',
	attachments: 'Vedlegg',
	hide_attachments_in_tl: 'Gjem vedlegg på tidslinje',
	hide_attachments_in_convo: 'Gjem vedlegg i samtaler',
	nsfw_clickthrough: 'Krev trykk for å vise statuser som kan være upassende',
	stop_gifs: 'Spill av GIFs når du holder over dem',
	autoload: 'Automatisk lasting når du blar ned til bunnen',
	streaming: 'Automatisk strømming av nye statuser når du har bladd til toppen',
	reply_link_preview: 'Vis en forhåndsvisning når du holder musen over svar til en status',
	follow_import: 'Importer følginger',
	import_followers_from_a_csv_file: 'Importer følginger fra en csv fil',
	follows_imported: 'Følginger imported! Det vil ta litt tid å behandle de.',
	follow_import_error: 'Feil ved importering av følginger.'
	},
	notifications: {
	notifications: 'Varslinger',
	read: 'Les!',
	followed_you: 'fulgte deg',
	favorited_you: 'likte din status',
	repeated_you: 'Gjentok din status'
	},
	login: {
	login: 'Logg inn',
	username: 'Brukernavn',
	password: 'Passord',
	register: 'Registrer',
	logout: 'Logg ut'
	},
	registration: {
	registration: 'Registrering',
	fullname: 'Visningsnavn',
	email: 'Epost-adresse',
	bio: 'Biografi',
	password_confirm: 'Bekreft passord'
	},
	post_status: {
	posting: 'Publiserer',
	default: 'Landet akkurat i L.A.'
	},
	finder: {
	find_user: 'Finn bruker',
	error_fetching_user: 'Feil ved henting av bruker'
	},
	general: {
	submit: 'Legg ut',
	apply: 'Bruk'
	},
	user_profile: {
	timeline_title: 'Bruker-tidslinje'
	}
	}

	+const he = {
	+ chat: {
	+ title: 'צ\'אט'
	+ },
	+ nav: {
	+ chat: 'צ\'אט מקומי',
	+ timeline: 'ציר הזמן',
	+ mentions: 'אזכורים',
	+ public_tl: 'ציר הזמן הציבורי',
	+ twkn: 'כל הרשת הידועה'
	+ },
	+ user_card: {
	+ follows_you: 'עוקב אחריך!',
	+ following: 'עוקב!',
	+ follow: 'עקוב',
	+ blocked: 'חסום!',
	+ block: 'חסימה',
	+ statuses: 'סטטוסים',
	+ mute: 'השתק',
	+ muted: 'מושתק',
	+ followers: 'עוקבים',
	+ followees: 'נעקבים',
	+ per_day: 'ליום',
	+ remote_follow: 'עקיבה מרחוק'
	+ },
	+ timeline: {
	+ show_new: 'הראה חדש',
	+ error_fetching: 'שגיאה בהבאת הודעות',
	+ up_to_date: 'עדכני',
	+ load_older: 'טען סטטוסים חדשים',
	+ conversation: 'שיחה',
	+ collapse: 'מוטט',
	+ repeated: 'חזר'
	+ },
	+ settings: {
	+ user_settings: 'הגדרות משתמש',
	+ name_bio: 'שם ואודות',
	+ name: 'שם',
	+ bio: 'אודות',
	+ avatar: 'תמונת פרופיל',
	+ current_avatar: 'תמונת הפרופיל הנוכחית שלך',
	+ set_new_avatar: 'קבע תמונת פרופיל חדשה',
	+ profile_banner: 'כרזת הפרופיל',
	+ current_profile_banner: 'כרזת הפרופיל הנוכחית שלך',
	+ set_new_profile_banner: 'קבע כרזת פרופיל חדשה',
	+ profile_background: 'רקע הפרופיל',
	+ set_new_profile_background: 'קבע רקע פרופיל חדש',
	+ settings: 'הגדרות',
	+ theme: 'תמה',
	+ presets: 'ערכים קבועים מראש',
	+ theme_help: 'השתמש בקודי צבע הקס (#אדום-אדום-ירוק-ירוק-כחול-כחול) על מנת להתאים אישית את תמת הצבע שלך.',
	+ radii_help: 'קבע מראש עיגול פינות לממשק (בפיקסלים)',
	+ background: 'רקע',
	+ foreground: 'חזית',
	+ text: 'טקסט',
	+ links: 'לינקים',
	+ cBlue: 'כחול (תגובה, עקיבה)',
	+ cRed: 'אדום (ביטול)',
	+ cOrange: 'כתום (לייק)',
	+ cGreen: 'ירוק (חזרה)',
	+ btnRadius: 'כפתורים',
	+ inputRadius: 'שדות קלט',
	+ panelRadius: 'פאנלים',
	+ avatarRadius: 'תמונות פרופיל',
	+ avatarAltRadius: 'תמונות פרופיל (התראות)',
	+ tooltipRadius: 'טולטיפ \\ התראות',
	+ attachmentRadius: 'צירופים',
	+ filtering: 'סינון',
	+ filtering_explanation: 'כל הסטטוסים הכוללים את המילים הללו יושתקו, אחד לשורה',
	+ attachments: 'צירופים',
	+ hide_attachments_in_tl: 'החבא צירופים בציר הזמן',
	+ hide_attachments_in_convo: 'החבא צירופים בשיחות',
	+ nsfw_clickthrough: 'החל החבאת צירופים לא בטוחים לצפיה בעת עבודה בעזרת לחיצת עכבר',
	+ stop_gifs: 'נגן-בעת-ריחוף GIFs',
	+ autoload: 'החל טעינה אוטומטית בגלילה לתחתית הדף',
	+ streaming: 'החל זרימת הודעות אוטומטית בעת גלילה למעלה הדף',
	+ reply_link_preview: 'החל תצוגה מקדימה של לינק-תגובה בעת ריחוף עם העכבר',
	+ follow_import: 'יבוא עקיבות',
	+ import_followers_from_a_csv_file: 'ייבא את הנעקבים שלך מקובץ csv',
	+ follows_imported: 'נעקבים יובאו! ייקח זמן מה לעבד אותם.',
	+ follow_import_error: 'שגיאה בייבוא נעקבים.',
	+ delete_account: 'מחק משתמש',
	+ delete_account_description: 'מחק לצמיתות את המשתמש שלך ואת כל הודעותיך.',
	+ delete_account_instructions: 'הכנס את סיסמתך בקלט למטה על מנת לאשר מחיקת משתמש.',
	+ delete_account_error: 'הייתה בעיה במחיקת המשתמש. אם זה ממשיך, אנא עדכן את מנהל השרת שלך.',
	+ follow_export: 'יצוא עקיבות',
	+ follow_export_processing: 'טוען. בקרוב תתבקש להוריד את הקובץ את הקובץ שלך',
	+ follow_export_button: 'ייצא את הנעקבים שלך לקובץ csv',
	+ change_password: 'שנה סיסמה',
	+ current_password: 'סיסמה נוכחית',
	+ new_password: 'סיסמה חדשה',
	+ confirm_new_password: 'אשר סיסמה',
	+ changed_password: 'סיסמה שונתה בהצלחה!',
	+ change_password_error: 'הייתה בעיה בשינוי סיסמתך.'
	+ },
	+ notifications: {
	+ notifications: 'התראות',
	+ read: 'קרא!',
	+ followed_you: 'עקב אחריך!',
	+ favorited_you: 'אהב את הסטטוס שלך',
	+ repeated_you: 'חזר על הסטטוס שלך'
	+ },
	+ login: {
	+ login: 'התחבר',
	+ username: 'שם המשתמש',
	+ password: 'סיסמה',
	+ register: 'הירשם',
	+ logout: 'התנתק'
	+ },
	+ registration: {
	+ registration: 'הרשמה',
	+ fullname: 'שם תצוגה',
	+ email: 'אימייל',
	+ bio: 'אודות',
	+ password_confirm: 'אישור סיסמה'
	+ },
	+ post_status: {
	+ posting: 'מפרסם',
	+ default: 'הרגע נחת ב-ל.א.'
	+ },
	+ finder: {
	+ find_user: 'מציאת משתמש',
	+ error_fetching_user: 'שגיאה במציאת משתמש'
	+ },
	+ general: {
	+ submit: 'שלח',
	+ apply: 'החל'
	+ },
	+ user_profile: {
	+ timeline_title: 'ציר זמן המשתמש'
	+ }
	+}
	+
	const messages = {
	de,
	fi,
	en,
	eo,
	et,
	hu,
	ro,
	ja,
	fr,
	it,
	oc,
	pl,
	es,
	pt,
	ru,
	- nb
	+ nb,
	+ he
	}

	export default messages
	diff --git a/src/main.js b/src/main.js
	index 7ca34adf96..0c964dcc90 100644
	--- a/src/main.js
	+++ b/src/main.js
	@@ -1,179 +1,183 @@
	import Vue from 'vue'
	import VueRouter from 'vue-router'
	import Vuex from 'vuex'
	import App from './App.vue'
	import PublicTimeline from './components/public_timeline/public_timeline.vue'
	import PublicAndExternalTimeline from './components/public_and_external_timeline/public_and_external_timeline.vue'
	import FriendsTimeline from './components/friends_timeline/friends_timeline.vue'
	import TagTimeline from './components/tag_timeline/tag_timeline.vue'
	import ConversationPage from './components/conversation-page/conversation-page.vue'
	import Mentions from './components/mentions/mentions.vue'
	import UserProfile from './components/user_profile/user_profile.vue'
	import Settings from './components/settings/settings.vue'
	import Registration from './components/registration/registration.vue'
	import UserSettings from './components/user_settings/user_settings.vue'

	import statusesModule from './modules/statuses.js'
	import usersModule from './modules/users.js'
	import apiModule from './modules/api.js'
	import configModule from './modules/config.js'
	import chatModule from './modules/chat.js'

	import VueTimeago from 'vue-timeago'
	import VueI18n from 'vue-i18n'

	import createPersistedState from './lib/persisted_state.js'

	import messages from './i18n/messages.js'

	import VueChatScroll from 'vue-chat-scroll'

	const currentLocale = (window.navigator.language \|\| 'en').split('-')[0]

	Vue.use(Vuex)
	Vue.use(VueRouter)
	Vue.use(VueTimeago, {
	locale: currentLocale === 'ja' ? 'ja' : 'en',
	locales: {
	'en': require('../static/timeago-en.json'),
	'ja': require('../static/timeago-ja.json')
	}
	})
	Vue.use(VueI18n)
	Vue.use(VueChatScroll)

	const persistedStateOptions = {
	paths: [
	'config.hideAttachments',
	'config.hideAttachmentsInConv',
	'config.hideNsfw',
	'config.autoLoad',
	'config.hoverPreview',
	'config.streaming',
	'config.muteWords',
	'config.customTheme',
	'users.lastLoginName'
	]
	}

	const store = new Vuex.Store({
	modules: {
	statuses: statusesModule,
	users: usersModule,
	api: apiModule,
	config: configModule,
	chat: chatModule
	},
	plugins: [createPersistedState(persistedStateOptions)],
	strict: false // Socket modifies itself, let's ignore this for now.
	// strict: process.env.NODE_ENV !== 'production'
	})

	const i18n = new VueI18n({
	locale: currentLocale,
	fallbackLocale: 'en',
	messages
	})

	window.fetch('/api/statusnet/config.json')
	.then((res) => res.json())
	.then((data) => {
	const {name, closed: registrationClosed, textlimit} = data.site

	store.dispatch('setOption', { name: 'name', value: name })
	store.dispatch('setOption', { name: 'registrationOpen', value: (registrationClosed === '0') })
	store.dispatch('setOption', { name: 'textlimit', value: parseInt(textlimit) })
	})

	window.fetch('/static/config.json')
	.then((res) => res.json())
	.then((data) => {
	- const {theme, background, logo, showInstanceSpecificPanel} = data
	+ const {theme, background, logo, showWhoToFollowPanel, whoToFollowProvider, whoToFollowLink, showInstanceSpecificPanel, scopeOptionsEnabled} = data
	store.dispatch('setOption', { name: 'theme', value: theme })
	store.dispatch('setOption', { name: 'background', value: background })
	store.dispatch('setOption', { name: 'logo', value: logo })
	+ store.dispatch('setOption', { name: 'showWhoToFollowPanel', value: showWhoToFollowPanel })
	+ store.dispatch('setOption', { name: 'whoToFollowProvider', value: whoToFollowProvider })
	+ store.dispatch('setOption', { name: 'whoToFollowLink', value: whoToFollowLink })
	store.dispatch('setOption', { name: 'showInstanceSpecificPanel', value: showInstanceSpecificPanel })
	+ store.dispatch('setOption', { name: 'scopeOptionsEnabled', value: scopeOptionsEnabled })
	if (data['chatDisabled']) {
	store.dispatch('disableChat')
	}

	const routes = [
	{ name: 'root',
	path: '/',
	redirect: to => {
	var redirectRootLogin = data['redirectRootLogin']
	var redirectRootNoLogin = data['redirectRootNoLogin']
	return (store.state.users.currentUser ? redirectRootLogin : redirectRootNoLogin) \|\| '/main/all'
	}},
	{ path: '/main/all', component: PublicAndExternalTimeline },
	{ path: '/main/public', component: PublicTimeline },
	{ path: '/main/friends', component: FriendsTimeline },
	{ path: '/tag/:tag', component: TagTimeline },
	{ name: 'conversation', path: '/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
	{ name: 'user-profile', path: '/users/:id', component: UserProfile },
	{ name: 'mentions', path: '/:username/mentions', component: Mentions },
	{ name: 'settings', path: '/settings', component: Settings },
	{ name: 'registration', path: '/registration', component: Registration },
	{ name: 'user-settings', path: '/user-settings', component: UserSettings }
	]

	const router = new VueRouter({
	mode: 'history',
	routes,
	scrollBehavior: (to, from, savedPosition) => {
	if (to.matched.some(m => m.meta.dontScroll)) {
	return false
	}
	return savedPosition \|\| { x: 0, y: 0 }
	}
	})

	/* eslint-disable no-new */
	new Vue({
	router,
	store,
	i18n,
	el: '#app',
	render: h => h(App)
	})
	})

	window.fetch('/static/terms-of-service.html')
	.then((res) => res.text())
	.then((html) => {
	store.dispatch('setOption', { name: 'tos', value: html })
	})

	window.fetch('/api/pleroma/emoji.json')
	.then(
	(res) => res.json()
	.then(
	(values) => {
	const emoji = Object.keys(values).map((key) => {
	return { shortcode: key, image_url: values[key] }
	})
	store.dispatch('setOption', { name: 'customEmoji', value: emoji })
	store.dispatch('setOption', { name: 'pleromaBackend', value: true })
	},
	(failure) => {
	store.dispatch('setOption', { name: 'pleromaBackend', value: false })
	}
	),
	(error) => console.log(error)
	)

	window.fetch('/static/emoji.json')
	.then((res) => res.json())
	.then((values) => {
	const emoji = Object.keys(values).map((key) => {
	return { shortcode: key, image_url: false, 'utf': values[key] }
	})
	store.dispatch('setOption', { name: 'emoji', value: emoji })
	})

	window.fetch('/instance/panel.html')
	.then((res) => res.text())
	.then((html) => {
	store.dispatch('setOption', { name: 'instanceSpecificPanelContent', value: html })
	})

	diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
	index f14bfd6d10..0d91851b63 100644
	--- a/src/services/api/api.service.js
	+++ b/src/services/api/api.service.js
	@@ -1,414 +1,448 @@
	/* eslint-env browser */
	const LOGIN_URL = '/api/account/verify_credentials.json'
	const FRIENDS_TIMELINE_URL = '/api/statuses/friends_timeline.json'
	const ALL_FOLLOWING_URL = '/api/qvitter/allfollowing'
	const PUBLIC_TIMELINE_URL = '/api/statuses/public_timeline.json'
	const PUBLIC_AND_EXTERNAL_TIMELINE_URL = '/api/statuses/public_and_external_timeline.json'
	const TAG_TIMELINE_URL = '/api/statusnet/tags/timeline'
	const FAVORITE_URL = '/api/favorites/create'
	const UNFAVORITE_URL = '/api/favorites/destroy'
	const RETWEET_URL = '/api/statuses/retweet'
	const STATUS_UPDATE_URL = '/api/statuses/update.json'
	const STATUS_DELETE_URL = '/api/statuses/destroy'
	const STATUS_URL = '/api/statuses/show'
	const MEDIA_UPLOAD_URL = '/api/statusnet/media/upload'
	const CONVERSATION_URL = '/api/statusnet/conversation'
	const MENTIONS_URL = '/api/statuses/mentions.json'
	const FOLLOWERS_URL = '/api/statuses/followers.json'
	const FRIENDS_URL = '/api/statuses/friends.json'
	const FOLLOWING_URL = '/api/friendships/create.json'
	const UNFOLLOWING_URL = '/api/friendships/destroy.json'
	const QVITTER_USER_PREF_URL = '/api/qvitter/set_profile_pref.json'
	const REGISTRATION_URL = '/api/account/register.json'
	const AVATAR_UPDATE_URL = '/api/qvitter/update_avatar.json'
	const BG_UPDATE_URL = '/api/qvitter/update_background_image.json'
	const BANNER_UPDATE_URL = '/api/account/update_profile_banner.json'
	const PROFILE_UPDATE_URL = '/api/account/update_profile.json'
	const EXTERNAL_PROFILE_URL = '/api/externalprofile/show.json'
	const QVITTER_USER_TIMELINE_URL = '/api/qvitter/statuses/user_timeline.json'
	const BLOCKING_URL = '/api/blocks/create.json'
	const UNBLOCKING_URL = '/api/blocks/destroy.json'
	const USER_URL = '/api/users/show.json'
	const FOLLOW_IMPORT_URL = '/api/pleroma/follow_import'
	+const DELETE_ACCOUNT_URL = '/api/pleroma/delete_account'
	+const CHANGE_PASSWORD_URL = '/api/pleroma/change_password'

	import { each, map } from 'lodash'
	import 'whatwg-fetch'

	const oldfetch = window.fetch

	let fetch = (url, options) => {
	options = options \|\| {}
	const baseUrl = ''
	const fullUrl = baseUrl + url
	options.credentials = 'same-origin'
	return oldfetch(fullUrl, options)
	}

	// from https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding
	let utoa = (str) => {
	// first we use encodeURIComponent to get percent-encoded UTF-8,
	// then we convert the percent encodings into raw bytes which
	// can be fed into btoa.
	return btoa(encodeURIComponent(str)
	.replace(/%([0-9A-F]{2})/g,
	(match, p1) => { return String.fromCharCode('0x' + p1) }))
	}

	// Params
	// cropH
	// cropW
	// cropX
	// cropY
	// img (base 64 encodend data url)
	const updateAvatar = ({credentials, params}) => {
	let url = AVATAR_UPDATE_URL

	const form = new FormData()

	each(params, (value, key) => {
	if (value) {
	form.append(key, value)
	}
	})
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST',
	body: form
	}).then((data) => data.json())
	}

	const updateBg = ({credentials, params}) => {
	let url = BG_UPDATE_URL

	const form = new FormData()

	each(params, (value, key) => {
	if (value) {
	form.append(key, value)
	}
	})
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST',
	body: form
	}).then((data) => data.json())
	}

	// Params
	// height
	// width
	// offset_left
	// offset_top
	// banner (base 64 encodend data url)
	const updateBanner = ({credentials, params}) => {
	let url = BANNER_UPDATE_URL

	const form = new FormData()

	each(params, (value, key) => {
	if (value) {
	form.append(key, value)
	}
	})
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST',
	body: form
	}).then((data) => data.json())
	}

	// Params
	// name
	// url
	// location
	// description
	const updateProfile = ({credentials, params}) => {
	let url = PROFILE_UPDATE_URL

	const form = new FormData()

	each(params, (value, key) => {
	if (key === 'description' \|\| /* Always include description, because it might be empty */
	value) {
	form.append(key, value)
	}
	})
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST',
	body: form
	}).then((data) => data.json())
	}

	// Params needed:
	// nickname
	// email
	// fullname
	// password
	// password_confirm
	//
	// Optional
	// bio
	// homepage
	// location
	const register = (params) => {
	const form = new FormData()

	each(params, (value, key) => {
	if (value) {
	form.append(key, value)
	}
	})

	return fetch(REGISTRATION_URL, {
	method: 'POST',
	body: form
	})
	}

	const authHeaders = (user) => {
	if (user && user.username && user.password) {
	return { 'Authorization': `Basic ${utoa(`${user.username}:${user.password}`)}` }
	} else {
	return { }
	}
	}

	const externalProfile = ({profileUrl, credentials}) => {
	let url = `${EXTERNAL_PROFILE_URL}?profileurl=${profileUrl}`
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'GET'
	}).then((data) => data.json())
	}

	const followUser = ({id, credentials}) => {
	let url = `${FOLLOWING_URL}?user_id=${id}`
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST'
	}).then((data) => data.json())
	}

	const unfollowUser = ({id, credentials}) => {
	let url = `${UNFOLLOWING_URL}?user_id=${id}`
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST'
	}).then((data) => data.json())
	}

	const blockUser = ({id, credentials}) => {
	let url = `${BLOCKING_URL}?user_id=${id}`
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST'
	}).then((data) => data.json())
	}

	const unblockUser = ({id, credentials}) => {
	let url = `${UNBLOCKING_URL}?user_id=${id}`
	return fetch(url, {
	headers: authHeaders(credentials),
	method: 'POST'
	}).then((data) => data.json())
	}

	const fetchUser = ({id, credentials}) => {
	let url = `${USER_URL}?user_id=${id}`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const fetchFriends = ({id, credentials}) => {
	let url = `${FRIENDS_URL}?user_id=${id}`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const fetchFollowers = ({id, credentials}) => {
	let url = `${FOLLOWERS_URL}?user_id=${id}`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const fetchAllFollowing = ({username, credentials}) => {
	const url = `${ALL_FOLLOWING_URL}/${username}.json`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const fetchConversation = ({id, credentials}) => {
	let url = `${CONVERSATION_URL}/${id}.json?count=100`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const fetchStatus = ({id, credentials}) => {
	let url = `${STATUS_URL}/${id}.json`
	return fetch(url, { headers: authHeaders(credentials) })
	.then((data) => data.json())
	}

	const setUserMute = ({id, credentials, muted = true}) => {
	const form = new FormData()

	const muteInteger = muted ? 1 : 0

	form.append('namespace', 'qvitter')
	form.append('data', muteInteger)
	form.append('topic', `mute:${id}`)

	return fetch(QVITTER_USER_PREF_URL, {
	method: 'POST',
	headers: authHeaders(credentials),
	body: form
	})
	}

	const fetchTimeline = ({timeline, credentials, since = false, until = false, userId = false, tag = false}) => {
	const timelineUrls = {
	public: PUBLIC_TIMELINE_URL,
	friends: FRIENDS_TIMELINE_URL,
	mentions: MENTIONS_URL,
	'publicAndExternal': PUBLIC_AND_EXTERNAL_TIMELINE_URL,
	user: QVITTER_USER_TIMELINE_URL,
	tag: TAG_TIMELINE_URL
	}

	let url = timelineUrls[timeline]

	let params = []

	if (since) {
	params.push(['since_id', since])
	}
	if (until) {
	params.push(['max_id', until])
	}
	if (userId) {
	params.push(['user_id', userId])
	}
	if (tag) {
	url += `/${tag}.json`
	}

	params.push(['count', 20])

	const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
	url += `?${queryString}`

	return fetch(url, { headers: authHeaders(credentials) }).then((data) => data.json())
	}

	const verifyCredentials = (user) => {
	return fetch(LOGIN_URL, {
	method: 'POST',
	headers: authHeaders(user)
	})
	}

	const favorite = ({ id, credentials }) => {
	return fetch(`${FAVORITE_URL}/${id}.json`, {
	headers: authHeaders(credentials),
	method: 'POST'
	})
	}

	const unfavorite = ({ id, credentials }) => {
	return fetch(`${UNFAVORITE_URL}/${id}.json`, {
	headers: authHeaders(credentials),
	method: 'POST'
	})
	}

	const retweet = ({ id, credentials }) => {
	return fetch(`${RETWEET_URL}/${id}.json`, {
	headers: authHeaders(credentials),
	method: 'POST'
	})
	}

	-const postStatus = ({credentials, status, mediaIds, inReplyToStatusId}) => {
	+const postStatus = ({credentials, status, spoilerText, visibility, mediaIds, inReplyToStatusId}) => {
	const idsText = mediaIds.join(',')
	const form = new FormData()

	form.append('status', status)
	form.append('source', 'Pleroma FE')
	+ if (spoilerText) form.append('spoiler_text', spoilerText)
	+ if (visibility) form.append('visibility', visibility)
	form.append('media_ids', idsText)
	if (inReplyToStatusId) {
	form.append('in_reply_to_status_id', inReplyToStatusId)
	}

	return fetch(STATUS_UPDATE_URL, {
	body: form,
	method: 'POST',
	headers: authHeaders(credentials)
	})
	}

	const deleteStatus = ({ id, credentials }) => {
	return fetch(`${STATUS_DELETE_URL}/${id}.json`, {
	headers: authHeaders(credentials),
	method: 'POST'
	})
	}

	const uploadMedia = ({formData, credentials}) => {
	return fetch(MEDIA_UPLOAD_URL, {
	body: formData,
	method: 'POST',
	headers: authHeaders(credentials)
	})
	.then((response) => response.text())
	.then((text) => (new DOMParser()).parseFromString(text, 'application/xml'))
	}

	const followImport = ({params, credentials}) => {
	return fetch(FOLLOW_IMPORT_URL, {
	body: params,
	method: 'POST',
	headers: authHeaders(credentials)
	})
	.then((response) => response.ok)
	}

	+const deleteAccount = ({credentials, password}) => {
	+ const form = new FormData()
	+
	+ form.append('password', password)
	+
	+ return fetch(DELETE_ACCOUNT_URL, {
	+ body: form,
	+ method: 'POST',
	+ headers: authHeaders(credentials)
	+ })
	+ .then((response) => response.json())
	+}
	+
	+const changePassword = ({credentials, password, newPassword, newPasswordConfirmation}) => {
	+ const form = new FormData()
	+
	+ form.append('password', password)
	+ form.append('new_password', newPassword)
	+ form.append('new_password_confirmation', newPasswordConfirmation)
	+
	+ return fetch(CHANGE_PASSWORD_URL, {
	+ body: form,
	+ method: 'POST',
	+ headers: authHeaders(credentials)
	+ })
	+ .then((response) => response.json())
	+}
	+
	const fetchMutes = ({credentials}) => {
	const url = '/api/qvitter/mutes.json'

	return fetch(url, {
	headers: authHeaders(credentials)
	}).then((data) => data.json())
	}

	const apiService = {
	verifyCredentials,
	fetchTimeline,
	fetchConversation,
	fetchStatus,
	fetchFriends,
	fetchFollowers,
	followUser,
	unfollowUser,
	blockUser,
	unblockUser,
	fetchUser,
	favorite,
	unfavorite,
	retweet,
	postStatus,
	deleteStatus,
	uploadMedia,
	fetchAllFollowing,
	setUserMute,
	fetchMutes,
	register,
	updateAvatar,
	updateBg,
	updateProfile,
	updateBanner,
	externalProfile,
	- followImport
	+ followImport,
	+ deleteAccount,
	+ changePassword
	}

	export default apiService
	diff --git a/src/services/backend_interactor_service/backend_interactor_service.js b/src/services/backend_interactor_service/backend_interactor_service.js
	index 52b8286b56..1417355805 100644
	--- a/src/services/backend_interactor_service/backend_interactor_service.js
	+++ b/src/services/backend_interactor_service/backend_interactor_service.js
	@@ -1,91 +1,96 @@
	import apiService from '../api/api.service.js'
	import timelineFetcherService from '../timeline_fetcher/timeline_fetcher.service.js'

	const backendInteractorService = (credentials) => {
	const fetchStatus = ({id}) => {
	return apiService.fetchStatus({id, credentials})
	}

	const fetchConversation = ({id}) => {
	return apiService.fetchConversation({id, credentials})
	}

	const fetchFriends = ({id}) => {
	return apiService.fetchFriends({id, credentials})
	}

	const fetchFollowers = ({id}) => {
	return apiService.fetchFollowers({id, credentials})
	}

	const fetchAllFollowing = ({username}) => {
	return apiService.fetchAllFollowing({username, credentials})
	}

	const fetchUser = ({id}) => {
	return apiService.fetchUser({id, credentials})
	}

	const followUser = (id) => {
	return apiService.followUser({credentials, id})
	}

	const unfollowUser = (id) => {
	return apiService.unfollowUser({credentials, id})
	}

	const blockUser = (id) => {
	return apiService.blockUser({credentials, id})
	}

	const unblockUser = (id) => {
	return apiService.unblockUser({credentials, id})
	}

	const startFetching = ({timeline, store, userId = false}) => {
	return timelineFetcherService.startFetching({timeline, store, credentials, userId})
	}

	const setUserMute = ({id, muted = true}) => {
	return apiService.setUserMute({id, muted, credentials})
	}

	const fetchMutes = () => apiService.fetchMutes({credentials})

	const register = (params) => apiService.register(params)
	const updateAvatar = ({params}) => apiService.updateAvatar({credentials, params})
	const updateBg = ({params}) => apiService.updateBg({credentials, params})
	const updateBanner = ({params}) => apiService.updateBanner({credentials, params})
	const updateProfile = ({params}) => apiService.updateProfile({credentials, params})

	const externalProfile = (profileUrl) => apiService.externalProfile({profileUrl, credentials})
	const followImport = ({params}) => apiService.followImport({params, credentials})

	+ const deleteAccount = ({password}) => apiService.deleteAccount({credentials, password})
	+ const changePassword = ({password, newPassword, newPasswordConfirmation}) => apiService.changePassword({credentials, password, newPassword, newPasswordConfirmation})
	+
	const backendInteractorServiceInstance = {
	fetchStatus,
	fetchConversation,
	fetchFriends,
	fetchFollowers,
	followUser,
	unfollowUser,
	blockUser,
	unblockUser,
	fetchUser,
	fetchAllFollowing,
	verifyCredentials: apiService.verifyCredentials,
	startFetching,
	setUserMute,
	fetchMutes,
	register,
	updateAvatar,
	updateBg,
	updateBanner,
	updateProfile,
	externalProfile,
	- followImport
	+ followImport,
	+ deleteAccount,
	+ changePassword
	}

	return backendInteractorServiceInstance
	}

	export default backendInteractorService
	diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
	index 001ff8a50e..3381e9e227 100644
	--- a/src/services/status_poster/status_poster.service.js
	+++ b/src/services/status_poster/status_poster.service.js
	@@ -1,56 +1,56 @@
	import { map } from 'lodash'
	import apiService from '../api/api.service.js'

	-const postStatus = ({ store, status, media = [], inReplyToStatusId = undefined }) => {
	+const postStatus = ({ store, status, spoilerText, visibility, media = [], inReplyToStatusId = undefined }) => {
	const mediaIds = map(media, 'id')

	- return apiService.postStatus({credentials: store.state.users.currentUser.credentials, status, mediaIds, inReplyToStatusId})
	+ return apiService.postStatus({credentials: store.state.users.currentUser.credentials, status, spoilerText, visibility, mediaIds, inReplyToStatusId})
	.then((data) => data.json())
	.then((data) => {
	if (!data.error) {
	store.dispatch('addNewStatuses', {
	statuses: [data],
	timeline: 'friends',
	showImmediately: true,
	noIdUpdate: true // To prevent missing notices on next pull.
	})
	}
	return data
	})
	.catch((err) => {
	return {
	error: err.message
	}
	})
	}

	const uploadMedia = ({ store, formData }) => {
	const credentials = store.state.users.currentUser.credentials

	return apiService.uploadMedia({ credentials, formData }).then((xml) => {
	// Firefox and Chrome treat method differently...
	let link = xml.getElementsByTagName('link')

	if (link.length === 0) {
	link = xml.getElementsByTagName('atom:link')
	}

	link = link[0]

	const mediaData = {
	id: xml.getElementsByTagName('media_id')[0].textContent,
	url: xml.getElementsByTagName('media_url')[0].textContent,
	image: link.getAttribute('href'),
	mimetype: link.getAttribute('type')
	}

	return mediaData
	})
	}

	const statusPosterService = {
	postStatus,
	uploadMedia
	}

	export default statusPosterService
	diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
	index 9dc4a3e17d..493d444eb1 100644
	--- a/src/services/style_setter/style_setter.js
	+++ b/src/services/style_setter/style_setter.js
	@@ -1,155 +1,154 @@
	import { times } from 'lodash'
	import { rgb2hex, hex2rgb } from '../color_convert/color_convert.js'

	// While this is not used anymore right now, I left it in if we want to do custom
	// styles that aren't just colors, so user can pick from a few different distinct
	// styles as well as set their own colors in the future.

	const setStyle = (href, commit) => {
	/***
	What's going on here?
	I want to make it easy for admins to style this application. To have
	a good set of default themes, I chose the system from base16
	(https://chriskempson.github.io/base16/) to style all elements. They
	all have the base00..0F classes. So the only thing an admin needs to
	do to style Pleroma is to change these colors in that one css file.
	Some default things (body text color, link color) need to be set dy-
	namically, so this is done here by waiting for the stylesheet to be
	loaded and then creating an element with the respective classes.

	It is a bit weird, but should make life for admins somewhat easier.
	***/
	const head = document.head
	const body = document.body
	body.style.display = 'none'
	const cssEl = document.createElement('link')
	cssEl.setAttribute('rel', 'stylesheet')
	cssEl.setAttribute('href', href)
	head.appendChild(cssEl)

	const setDynamic = () => {
	const baseEl = document.createElement('div')
	body.appendChild(baseEl)

	let colors = {}
	times(16, (n) => {
	const name = `base0${n.toString(16).toUpperCase()}`
	baseEl.setAttribute('class', name)
	const color = window.getComputedStyle(baseEl).getPropertyValue('color')
	colors[name] = color
	})

	commit('setOption', { name: 'colors', value: colors })

	body.removeChild(baseEl)

	const styleEl = document.createElement('style')
	head.appendChild(styleEl)
	// const styleSheet = styleEl.sheet

	body.style.display = 'initial'
	}

	cssEl.addEventListener('load', setDynamic)
	}

	const setColors = (col, commit) => {
	const head = document.head
	const body = document.body
	body.style.display = 'none'

	const styleEl = document.createElement('style')
	head.appendChild(styleEl)
	const styleSheet = styleEl.sheet

	const isDark = (col.text.r + col.text.g + col.text.b) > (col.bg.r + col.bg.g + col.bg.b)
	let colors = {}
	let radii = {}

	const mod = isDark ? -10 : 10

	colors.bg = rgb2hex(col.bg.r, col.bg.g, col.bg.b) // background
	colors.lightBg = rgb2hex((col.bg.r + col.fg.r) / 2, (col.bg.g + col.fg.g) / 2, (col.bg.b + col.fg.b) / 2) // hilighted bg
	colors.btn = rgb2hex(col.fg.r, col.fg.g, col.fg.b) // panels & buttons
	+ colors.input = `rgba(${col.fg.r}, ${col.fg.g}, ${col.fg.b}, .5)`
	colors.border = rgb2hex(col.fg.r - mod, col.fg.g - mod, col.fg.b - mod) // borders
	- colors.faint = rgb2hex(
	- col.text.r * 0.45 + col.fg.r * 0.55,
	- col.text.g * 0.45 + col.fg.g * 0.55,
	- col.text.b * 0.45 + col.fg.b * 0.55) // faint text
	+ colors.faint = `rgba(${col.text.r}, ${col.text.g}, ${col.text.b}, .5)`
	colors.fg = rgb2hex(col.text.r, col.text.g, col.text.b) // text
	- colors.lightFg = rgb2hex(col.text.r - mod, col.text.g - mod, col.text.b - mod) // strong text
	+ colors.lightFg = rgb2hex(col.text.r - mod * 5, col.text.g - mod * 5, col.text.b - mod * 5) // strong text

	colors['base07'] = rgb2hex(col.text.r - mod * 2, col.text.g - mod * 2, col.text.b - mod * 2)

	colors.link = rgb2hex(col.link.r, col.link.g, col.link.b) // links
	colors.icon = rgb2hex((col.bg.r + col.text.r) / 2, (col.bg.g + col.text.g) / 2, (col.bg.b + col.text.b) / 2) // icons

	colors.cBlue = col.cBlue && rgb2hex(col.cBlue.r, col.cBlue.g, col.cBlue.b)
	colors.cRed = col.cRed && rgb2hex(col.cRed.r, col.cRed.g, col.cRed.b)
	colors.cGreen = col.cGreen && rgb2hex(col.cGreen.r, col.cGreen.g, col.cGreen.b)
	colors.cOrange = col.cOrange && rgb2hex(col.cOrange.r, col.cOrange.g, col.cOrange.b)

	colors.cAlertRed = col.cRed && `rgba(${col.cRed.r}, ${col.cRed.g}, ${col.cRed.b}, .5)`

	radii.btnRadius = col.btnRadius
	+ radii.inputRadius = col.inputRadius
	radii.panelRadius = col.panelRadius
	radii.avatarRadius = col.avatarRadius
	radii.avatarAltRadius = col.avatarAltRadius
	radii.tooltipRadius = col.tooltipRadius
	radii.attachmentRadius = col.attachmentRadius

	styleSheet.toString()
	styleSheet.insertRule(`body { ${Object.entries(colors).filter(([k, v]) => v).map(([k, v]) => `--${k}: ${v}`).join(';')} }`, 'index-max')
	styleSheet.insertRule(`body { ${Object.entries(radii).filter(([k, v]) => v).map(([k, v]) => `--${k}: ${v}px`).join(';')} }`, 'index-max')
	body.style.display = 'initial'

	commit('setOption', { name: 'colors', value: colors })
	commit('setOption', { name: 'radii', value: radii })
	commit('setOption', { name: 'customTheme', value: col })
	}

	const setPreset = (val, commit) => {
	window.fetch('/static/styles.json')
	.then((data) => data.json())
	.then((themes) => {
	const theme = themes[val] ? themes[val] : themes['pleroma-dark']
	const bgRgb = hex2rgb(theme[1])
	const fgRgb = hex2rgb(theme[2])
	const textRgb = hex2rgb(theme[3])
	const linkRgb = hex2rgb(theme[4])

	const cRedRgb = hex2rgb(theme[5] \|\| '#FF0000')
	const cGreenRgb = hex2rgb(theme[6] \|\| '#00FF00')
	const cBlueRgb = hex2rgb(theme[7] \|\| '#0000FF')
	const cOrangeRgb = hex2rgb(theme[8] \|\| '#E3FF00')

	const col = {
	bg: bgRgb,
	fg: fgRgb,
	text: textRgb,
	link: linkRgb,
	cRed: cRedRgb,
	cBlue: cBlueRgb,
	cGreen: cGreenRgb,
	cOrange: cOrangeRgb
	}

	// This is a hack, this function is only called during initial load.
	// We want to cancel loading the theme from config.json if we're already
	// loading a theme from the persisted state.
	// Needed some way of dealing with the async way of things.
	// load config -> set preset -> wait for styles.json to load ->
	// load persisted state -> set colors -> styles.json loaded -> set colors
	if (!window.themeLoaded) {
	setColors(col, commit)
	}
	})
	}

	const StyleSetter = {
	setStyle,
	setPreset,
	setColors
	}

	export default StyleSetter
	diff --git a/static/config.json b/static/config.json
	index 5cf4cdeca0..4dacfebedf 100644
	--- a/static/config.json
	+++ b/static/config.json
	@@ -1,9 +1,15 @@
	{
	"theme": "pleroma-dark",
	"background": "/static/aurora_borealis.jpg",
	"logo": "/static/logo.png",
	"redirectRootNoLogin": "/main/all",
	"redirectRootLogin": "/main/friends",
	"chatDisabled": false,
	- "showInstanceSpecificPanel": false
	+ "showWhoToFollowPanel": false,
	+ "whoToFollowProvider": "https://vinayaka.distsn.org/cgi-bin/vinayaka-user-match-osa-api.cgi?{{host}}+{{user}}",
	+ "whoToFollowProviderDummy2": "https://followlink.osa-p.net/api/get_recommend.json?acct=@{{user}}@{{host}}",
	+ "whoToFollowLink": "https://vinayaka.distsn.org/?{{host}}+{{user}}",
	+ "whoToFollowLinkDummy2": "https://followlink.osa-p.net/recommend.html",
	+ "showInstanceSpecificPanel": false,
	+ "scopeOptionsEnabled": false
	}
	diff --git a/static/font/config.json b/static/font/config.json
	index 37adff798e..fec1f9889a 100644
	--- a/static/font/config.json
	+++ b/static/font/config.json
	@@ -1,160 +1,184 @@
	{
	"name": "",
	"css_prefix_text": "icon-",
	"css_use_suffix": false,
	"hinting": true,
	"units_per_em": 1000,
	"ascent": 850,
	"glyphs": [
	{
	"uid": "9bd60140934a1eb9236fd7a8ab1ff6ba",
	"css": "spin4",
	"code": 59444,
	"src": "fontelico"
	},
	{
	"uid": "5211af474d3a9848f67f945e2ccaf143",
	"css": "cancel",
	"code": 59392,
	"src": "fontawesome"
	},
	{
	"uid": "eeec3208c90b7b48e804919d0d2d4a41",
	"css": "upload",
	"code": 59393,
	"src": "fontawesome"
	},
	{
	"uid": "2a6740fc2f9d0edea54205963f662594",
	"css": "spin3",
	"code": 59442,
	"src": "fontelico"
	},
	{
	"uid": "c6be5a58ee4e63a5ec399c2b0d15cf2c",
	"css": "reply",
	"code": 61714,
	"src": "fontawesome"
	},
	{
	"uid": "474656633f79ea2f1dad59ff63f6bf07",
	"css": "star",
	"code": 59394,
	"src": "fontawesome"
	},
	{
	"uid": "d17030afaecc1e1c22349b99f3c4992a",
	"css": "star-empty",
	"code": 59395,
	"src": "fontawesome"
	},
	{
	"uid": "09feb4465d9bd1364f4e301c9ddbaa92",
	"css": "retweet",
	"code": 59396,
	"src": "fontawesome"
	},
	{
	"uid": "7fd683b2c518ceb9e5fa6757f2276faa",
	"css": "eye-off",
	"code": 59397,
	"src": "fontawesome"
	},
	{
	"uid": "73ffeb70554099177620847206c12457",
	"css": "binoculars",
	"code": 61925,
	"src": "fontawesome"
	},
	{
	"uid": "9e1c33b6849ceb08db8acfaf02188b7d",
	"css": "plus-squared",
	"code": 59398,
	"src": "entypo"
	},
	{
	"uid": "e99461abfef3923546da8d745372c995",
	"css": "cog",
	"code": 59399,
	"src": "fontawesome"
	},
	{
	"uid": "1bafeeb1808a5fe24484c7890096901a",
	"css": "user-plus",
	"code": 62004,
	"src": "fontawesome"
	},
	{
	"uid": "559647a6f430b3aeadbecd67194451dd",
	"css": "menu",
	"code": 61641,
	"src": "fontawesome"
	},
	{
	"uid": "0d20938846444af8deb1920dc85a29fb",
	"css": "logout",
	"code": 59400,
	"src": "fontawesome"
	},
	{
	"uid": "ccddff8e8670dcd130e3cb55fdfc2fd0",
	"css": "down-open",
	"code": 59401,
	"src": "fontawesome"
	},
	{
	"uid": "44b9e75612c5fad5505edd70d071651f",
	"css": "attach",
	"code": 59402,
	"src": "entypo"
	},
	{
	"uid": "e15f0d620a7897e2035c18c80142f6d9",
	"css": "link-ext",
	"code": 61582,
	"src": "fontawesome"
	},
	{
	"uid": "381da2c2f7fd51f8de877c044d7f439d",
	"css": "picture",
	"code": 59403,
	"src": "fontawesome"
	},
	{
	"uid": "872d9516df93eb6b776cc4d94bd97dac",
	"css": "video",
	"code": 59404,
	"src": "fontawesome"
	},
	{
	"uid": "399ef63b1e23ab1b761dfbb5591fa4da",
	"css": "right-open",
	"code": 59405,
	"src": "fontawesome"
	},
	{
	"uid": "d870630ff8f81e6de3958ecaeac532f2",
	"css": "left-open",
	"code": 59406,
	"src": "fontawesome"
	},
	{
	"uid": "fe6697b391355dec12f3d86d6d490397",
	"css": "up-open",
	"code": 59407,
	"src": "fontawesome"
	},
	{
	"uid": "9c1376672bb4f1ed616fdd78a23667e9",
	"css": "comment-empty",
	"code": 61669,
	"src": "fontawesome"
	},
	{
	"uid": "cd21cbfb28ad4d903cede582157f65dc",
	"css": "bell",
	"code": 59408,
	"src": "fontawesome"
	+ },
	+ {
	+ "uid": "ccc2329632396dc096bb638d4b46fb98",
	+ "css": "mail-alt",
	+ "code": 61664,
	+ "src": "fontawesome"
	+ },
	+ {
	+ "uid": "c1f1975c885aa9f3dad7810c53b82074",
	+ "css": "lock",
	+ "code": 59409,
	+ "src": "fontawesome"
	+ },
	+ {
	+ "uid": "05376be04a27d5a46e855a233d6e8508",
	+ "css": "lock-open-alt",
	+ "code": 61758,
	+ "src": "fontawesome"
	+ },
	+ {
	+ "uid": "197375a3cea8cb90b02d06e4ddf1433d",
	+ "css": "globe",
	+ "code": 59410,
	+ "src": "fontawesome"
	}
	]
	}
	\ No newline at end of file
	diff --git a/static/font/css/fontello-codes.css b/static/font/css/fontello-codes.css
	index e4e4e64dff..b94470914d 100644
	--- a/static/font/css/fontello-codes.css
	+++ b/static/font/css/fontello-codes.css
	@@ -1,26 +1,30 @@

	.icon-cancel:before { content: '\e800'; } /* '' */
	.icon-upload:before { content: '\e801'; } /* '' */
	.icon-star:before { content: '\e802'; } /* '' */
	.icon-star-empty:before { content: '\e803'; } /* '' */
	.icon-retweet:before { content: '\e804'; } /* '' */
	.icon-eye-off:before { content: '\e805'; } /* '' */
	.icon-plus-squared:before { content: '\e806'; } /* '' */
	.icon-cog:before { content: '\e807'; } /* '' */
	.icon-logout:before { content: '\e808'; } /* '' */
	.icon-down-open:before { content: '\e809'; } /* '' */
	.icon-attach:before { content: '\e80a'; } /* '' */
	.icon-picture:before { content: '\e80b'; } /* '' */
	.icon-video:before { content: '\e80c'; } /* '' */
	.icon-right-open:before { content: '\e80d'; } /* '' */
	.icon-left-open:before { content: '\e80e'; } /* '' */
	.icon-up-open:before { content: '\e80f'; } /* '' */
	.icon-bell:before { content: '\e810'; } /* '' */
	+.icon-lock:before { content: '\e811'; } /* '' */
	+.icon-globe:before { content: '\e812'; } /* '' */
	.icon-spin3:before { content: '\e832'; } /* '' */
	.icon-spin4:before { content: '\e834'; } /* '' */
	.icon-link-ext:before { content: '\f08e'; } /* '' */
	.icon-menu:before { content: '\f0c9'; } /* '' */
	+.icon-mail-alt:before { content: '\f0e0'; } /* '' */
	.icon-comment-empty:before { content: '\f0e5'; } /* '' */
	.icon-reply:before { content: '\f112'; } /* '' */
	+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
	.icon-binoculars:before { content: '\f1e5'; } /* '' */
	.icon-user-plus:before { content: '\f234'; } /* '' */
	\ No newline at end of file
	diff --git a/static/font/css/fontello-embedded.css b/static/font/css/fontello-embedded.css
	index 20e498fe71..deee4990df 100644
	--- a/static/font/css/fontello-embedded.css
	+++ b/static/font/css/fontello-embedded.css
	@@ -1,79 +1,83 @@
	@font-face {
	font-family: 'fontello';
	- src: url('../font/fontello.eot?12951540');
	- src: url('../font/fontello.eot?12951540#iefix') format('embedded-opentype'),
	- url('../font/fontello.svg?12951540#fontello') format('svg');
	+ src: url('../font/fontello.eot?88606112');
	+ src: url('../font/fontello.eot?88606112#iefix') format('embedded-opentype'),
	+ url('../font/fontello.svg?88606112#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	@font-face {
	font-family: 'fontello';
	- src: url('data:application/octet-stream;base64,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') format('woff'),
	- url('data:application/octet-stream;base64,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') format('truetype');
	+ src: url('data:application/octet-stream;base64,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') format('woff'),
	+ url('data:application/octet-stream;base64,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') format('truetype');
	}
	/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
	/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
	/*
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family: 'fontello';
	- src: url('../font/fontello.svg?12951540#fontello') format('svg');
	+ src: url('../font/fontello.svg?88606112#fontello') format('svg');
	}
	}
	*/

	[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}
	.icon-cancel:before { content: '\e800'; } /* '' */
	.icon-upload:before { content: '\e801'; } /* '' */
	.icon-star:before { content: '\e802'; } /* '' */
	.icon-star-empty:before { content: '\e803'; } /* '' */
	.icon-retweet:before { content: '\e804'; } /* '' */
	.icon-eye-off:before { content: '\e805'; } /* '' */
	.icon-plus-squared:before { content: '\e806'; } /* '' */
	.icon-cog:before { content: '\e807'; } /* '' */
	.icon-logout:before { content: '\e808'; } /* '' */
	.icon-down-open:before { content: '\e809'; } /* '' */
	.icon-attach:before { content: '\e80a'; } /* '' */
	.icon-picture:before { content: '\e80b'; } /* '' */
	.icon-video:before { content: '\e80c'; } /* '' */
	.icon-right-open:before { content: '\e80d'; } /* '' */
	.icon-left-open:before { content: '\e80e'; } /* '' */
	.icon-up-open:before { content: '\e80f'; } /* '' */
	.icon-bell:before { content: '\e810'; } /* '' */
	+.icon-lock:before { content: '\e811'; } /* '' */
	+.icon-globe:before { content: '\e812'; } /* '' */
	.icon-spin3:before { content: '\e832'; } /* '' */
	.icon-spin4:before { content: '\e834'; } /* '' */
	.icon-link-ext:before { content: '\f08e'; } /* '' */
	.icon-menu:before { content: '\f0c9'; } /* '' */
	+.icon-mail-alt:before { content: '\f0e0'; } /* '' */
	.icon-comment-empty:before { content: '\f0e5'; } /* '' */
	.icon-reply:before { content: '\f112'; } /* '' */
	+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
	.icon-binoculars:before { content: '\f1e5'; } /* '' */
	.icon-user-plus:before { content: '\f234'; } /* '' */
	\ No newline at end of file
	diff --git a/static/font/css/fontello-ie7-codes.css b/static/font/css/fontello-ie7-codes.css
	index d7a5a52327..ad83b705f6 100644
	--- a/static/font/css/fontello-ie7-codes.css
	+++ b/static/font/css/fontello-ie7-codes.css
	@@ -1,26 +1,30 @@

	.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-attach { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-video { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-spin3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-spin4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-reply { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-binoculars { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-user-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	\ No newline at end of file
	diff --git a/static/font/css/fontello-ie7.css b/static/font/css/fontello-ie7.css
	index 5ca12ceaf9..1aa9f5c2e1 100644
	--- a/static/font/css/fontello-ie7.css
	+++ b/static/font/css/fontello-ie7.css
	@@ -1,37 +1,41 @@
	[class^="icon-"], [class*=" icon-"] {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;

	/* fix buttons height */
	line-height: 1em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	}

	.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-attach { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-video { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-spin3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-spin4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-reply { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	+.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-binoculars { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	.icon-user-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
	\ No newline at end of file
	diff --git a/static/font/css/fontello.css b/static/font/css/fontello.css
	index 5cc6f97d7a..0bb5eb9264 100644
	--- a/static/font/css/fontello.css
	+++ b/static/font/css/fontello.css
	@@ -1,82 +1,86 @@
	@font-face {
	font-family: 'fontello';
	- src: url('../font/fontello.eot?47566415');
	- src: url('../font/fontello.eot?47566415#iefix') format('embedded-opentype'),
	- url('../font/fontello.woff2?47566415') format('woff2'),
	- url('../font/fontello.woff?47566415') format('woff'),
	- url('../font/fontello.ttf?47566415') format('truetype'),
	- url('../font/fontello.svg?47566415#fontello') format('svg');
	+ src: url('../font/fontello.eot?92801760');
	+ src: url('../font/fontello.eot?92801760#iefix') format('embedded-opentype'),
	+ url('../font/fontello.woff2?92801760') format('woff2'),
	+ url('../font/fontello.woff?92801760') format('woff'),
	+ url('../font/fontello.ttf?92801760') format('truetype'),
	+ url('../font/fontello.svg?92801760#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
	/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
	/*
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family: 'fontello';
	- src: url('../font/fontello.svg?47566415#fontello') format('svg');
	+ src: url('../font/fontello.svg?92801760#fontello') format('svg');
	}
	}
	*/

	[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}

	.icon-cancel:before { content: '\e800'; } /* '' */
	.icon-upload:before { content: '\e801'; } /* '' */
	.icon-star:before { content: '\e802'; } /* '' */
	.icon-star-empty:before { content: '\e803'; } /* '' */
	.icon-retweet:before { content: '\e804'; } /* '' */
	.icon-eye-off:before { content: '\e805'; } /* '' */
	.icon-plus-squared:before { content: '\e806'; } /* '' */
	.icon-cog:before { content: '\e807'; } /* '' */
	.icon-logout:before { content: '\e808'; } /* '' */
	.icon-down-open:before { content: '\e809'; } /* '' */
	.icon-attach:before { content: '\e80a'; } /* '' */
	.icon-picture:before { content: '\e80b'; } /* '' */
	.icon-video:before { content: '\e80c'; } /* '' */
	.icon-right-open:before { content: '\e80d'; } /* '' */
	.icon-left-open:before { content: '\e80e'; } /* '' */
	.icon-up-open:before { content: '\e80f'; } /* '' */
	.icon-bell:before { content: '\e810'; } /* '' */
	+.icon-lock:before { content: '\e811'; } /* '' */
	+.icon-globe:before { content: '\e812'; } /* '' */
	.icon-spin3:before { content: '\e832'; } /* '' */
	.icon-spin4:before { content: '\e834'; } /* '' */
	.icon-link-ext:before { content: '\f08e'; } /* '' */
	.icon-menu:before { content: '\f0c9'; } /* '' */
	+.icon-mail-alt:before { content: '\f0e0'; } /* '' */
	.icon-comment-empty:before { content: '\f0e5'; } /* '' */
	.icon-reply:before { content: '\f112'; } /* '' */
	+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
	.icon-binoculars:before { content: '\f1e5'; } /* '' */
	.icon-user-plus:before { content: '\f234'; } /* '' */
	\ No newline at end of file
	diff --git a/static/font/demo.html b/static/font/demo.html
	index d01bd1d655..801480226e 100644
	--- a/static/font/demo.html
	+++ b/static/font/demo.html
	@@ -1,342 +1,348 @@
	<!DOCTYPE html>
	<html>
	<head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<meta charset="UTF-8"><style>/*
	* Bootstrap v2.2.1
	*
	* Copyright 2012 Twitter, Inc
	* Licensed under the Apache License v2.0
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Designed and built with all the love in the world @twitter by @mdo and @fat.
	*/
	.clearfix {
	*zoom: 1;
	}
	.clearfix:before,
	.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
	}
	.clearfix:after {
	clear: both;
	}
	html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
	a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	}
	a:hover,
	a:active {
	outline: 0;
	}
	button,
	input,
	select,
	textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	}
	button,
	input {
	*overflow: visible;
	line-height: normal;
	}
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	padding: 0;
	border: 0;
	}
	body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background-color: #fff;
	}
	a {
	color: #08c;
	text-decoration: none;
	}
	a:hover {
	color: #005580;
	text-decoration: underline;
	}
	.row {
	margin-left: -20px;
	*zoom: 1;
	}
	.row:before,
	.row:after {
	display: table;
	content: "";
	line-height: 0;
	}
	.row:after {
	clear: both;
	}
	[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
	}
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
	width: 940px;
	}
	.span12 {
	width: 940px;
	}
	.span11 {
	width: 860px;
	}
	.span10 {
	width: 780px;
	}
	.span9 {
	width: 700px;
	}
	.span8 {
	width: 620px;
	}
	.span7 {
	width: 540px;
	}
	.span6 {
	width: 460px;
	}
	.span5 {
	width: 380px;
	}
	.span4 {
	width: 300px;
	}
	.span3 {
	width: 220px;
	}
	.span2 {
	width: 140px;
	}
	.span1 {
	width: 60px;
	}
	[class*="span"].pull-right,
	.row-fluid [class*="span"].pull-right {
	float: right;
	}
	.container {
	margin-right: auto;
	margin-left: auto;
	*zoom: 1;
	}
	.container:before,
	.container:after {
	display: table;
	content: "";
	line-height: 0;
	}
	.container:after {
	clear: both;
	}
	p {
	margin: 0 0 10px;
	}
	.lead {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 200;
	line-height: 30px;
	}
	small {
	font-size: 85%;
	}
	h1 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	}
	h1 small {
	font-weight: normal;
	line-height: 1;
	color: #999;
	}
	h1 {
	line-height: 40px;
	}
	h1 {
	font-size: 38.5px;
	}
	h1 small {
	font-size: 24.5px;
	}
	body {
	margin-top: 90px;
	}
	.header {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -480px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	z-index: 10;
	}
	.footer {
	color: #ddd;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	}
	.footer a {
	color: #ccc;
	text-decoration: underline;
	}
	.the-icons {
	font-size: 14px;
	line-height: 24px;
	}
	.switch {
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #666;
	}
	.switch input {
	margin-right: 0.3em;
	}
	.codesOn .i-name {
	display: none;
	}
	.codesOn .i-code {
	display: inline;
	}
	.i-code {
	display: none;
	}
	@font-face {
	font-family: 'fontello';
	- src: url('./font/fontello.eot?34497073');
	- src: url('./font/fontello.eot?34497073#iefix') format('embedded-opentype'),
	- url('./font/fontello.woff?34497073') format('woff'),
	- url('./font/fontello.ttf?34497073') format('truetype'),
	- url('./font/fontello.svg?34497073#fontello') format('svg');
	+ src: url('./font/fontello.eot?48963108');
	+ src: url('./font/fontello.eot?48963108#iefix') format('embedded-opentype'),
	+ url('./font/fontello.woff?48963108') format('woff'),
	+ url('./font/fontello.ttf?48963108') format('truetype'),
	+ url('./font/fontello.svg?48963108#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
	}


	.demo-icon
	{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* You can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}
	</style>
	<link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
	<script>
	function toggleCodes(on) {
	var obj = document.getElementById('icons');

	if (on) {
	obj.className += ' codesOn';
	} else {
	obj.className = obj.className.replace(' codesOn', '');
	}
	}

	</script>
	</head>
	<body>
	<div class="container header">
	<h1>fontello <small>font demo</small></h1>
	<label class="switch">
	<input type="checkbox" onclick="toggleCodes(this.checked)">show codes
	</label>
	</div>
	<div class="container" id="icons">
	<div class="row">
	<div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-cancel"></i> <span class="i-name">icon-cancel</span><span class="i-code">0xe800</span></div>
	<div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-upload"></i> <span class="i-name">icon-upload</span><span class="i-code">0xe801</span></div>
	<div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-star"></i> <span class="i-name">icon-star</span><span class="i-code">0xe802</span></div>
	<div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-star-empty"></i> <span class="i-name">icon-star-empty</span><span class="i-code">0xe803</span></div>
	</div>
	<div class="row">
	<div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-retweet"></i> <span class="i-name">icon-retweet</span><span class="i-code">0xe804</span></div>
	<div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-eye-off"></i> <span class="i-name">icon-eye-off</span><span class="i-code">0xe805</span></div>
	<div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-plus-squared"></i> <span class="i-name">icon-plus-squared</span><span class="i-code">0xe806</span></div>
	<div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-cog"></i> <span class="i-name">icon-cog</span><span class="i-code">0xe807</span></div>
	</div>
	<div class="row">
	<div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-logout"></i> <span class="i-name">icon-logout</span><span class="i-code">0xe808</span></div>
	<div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon icon-down-open"></i> <span class="i-name">icon-down-open</span><span class="i-code">0xe809</span></div>
	<div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon icon-attach"></i> <span class="i-name">icon-attach</span><span class="i-code">0xe80a</span></div>
	<div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon icon-picture"></i> <span class="i-name">icon-picture</span><span class="i-code">0xe80b</span></div>
	</div>
	<div class="row">
	<div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon icon-video"></i> <span class="i-name">icon-video</span><span class="i-code">0xe80c</span></div>
	<div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon icon-right-open"></i> <span class="i-name">icon-right-open</span><span class="i-code">0xe80d</span></div>
	<div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon icon-left-open"></i> <span class="i-name">icon-left-open</span><span class="i-code">0xe80e</span></div>
	<div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon icon-up-open"></i> <span class="i-name">icon-up-open</span><span class="i-code">0xe80f</span></div>
	</div>
	<div class="row">
	<div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon icon-bell"></i> <span class="i-name">icon-bell</span><span class="i-code">0xe810</span></div>
	+ <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon icon-lock"></i> <span class="i-name">icon-lock</span><span class="i-code">0xe811</span></div>
	+ <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon icon-globe"></i> <span class="i-name">icon-globe</span><span class="i-code">0xe812</span></div>
	<div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-spin3 animate-spin"></i> <span class="i-name">icon-spin3</span><span class="i-code">0xe832</span></div>
	+ </div>
	+ <div class="row">
	<div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon icon-spin4 animate-spin"></i> <span class="i-name">icon-spin4</span><span class="i-code">0xe834</span></div>
	<div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon icon-link-ext"></i> <span class="i-name">icon-link-ext</span><span class="i-code">0xf08e</span></div>
	+ <div class="the-icons span3" title="Code: 0xf0c9"><i class="demo-icon icon-menu"></i> <span class="i-name">icon-menu</span><span class="i-code">0xf0c9</span></div>
	+ <div class="the-icons span3" title="Code: 0xf0e0"><i class="demo-icon icon-mail-alt"></i> <span class="i-name">icon-mail-alt</span><span class="i-code">0xf0e0</span></div>
	</div>
	<div class="row">
	- <div class="the-icons span3" title="Code: 0xf0c9"><i class="demo-icon icon-menu"></i> <span class="i-name">icon-menu</span><span class="i-code">0xf0c9</span></div>
	<div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon icon-comment-empty"></i> <span class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
	<div class="the-icons span3" title="Code: 0xf112"><i class="demo-icon icon-reply"></i> <span class="i-name">icon-reply</span><span class="i-code">0xf112</span></div>
	+ <div class="the-icons span3" title="Code: 0xf13e"><i class="demo-icon icon-lock-open-alt"></i> <span class="i-name">icon-lock-open-alt</span><span class="i-code">0xf13e</span></div>
	<div class="the-icons span3" title="Code: 0xf1e5"><i class="demo-icon icon-binoculars"></i> <span class="i-name">icon-binoculars</span><span class="i-code">0xf1e5</span></div>
	</div>
	<div class="row">
	<div class="the-icons span3" title="Code: 0xf234"><i class="demo-icon icon-user-plus"></i> <span class="i-name">icon-user-plus</span><span class="i-code">0xf234</span></div>
	</div>
	</div>
	<div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
	</body>
	</html>
	\ No newline at end of file
	diff --git a/static/font/font/fontello.eot b/static/font/font/fontello.eot
	index d15e83911c..aa6bb542d5 100644
	Binary files a/static/font/font/fontello.eot and b/static/font/font/fontello.eot differ
	diff --git a/static/font/font/fontello.svg b/static/font/font/fontello.svg
	index be07ddae3a..0862d27738 100644
	--- a/static/font/font/fontello.svg
	+++ b/static/font/font/fontello.svg
	@@ -1,60 +1,68 @@
	<?xml version="1.0" standalone="no"?>
	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	<svg xmlns="http://www.w3.org/2000/svg">
	<metadata>Copyright (C) 2018 by original authors @ fontello.com</metadata>
	<defs>
	<font id="fontello" horiz-adv-x="1000" >
	<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
	<missing-glyph horiz-adv-x="1000" />
	<glyph glyph-name="cancel" unicode="" d="M724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38z" horiz-adv-x="785.7" />

	<glyph glyph-name="upload" unicode="" d="M714 29q0 14-10 25t-25 10-25-10-11-25 11-25 25-11 25 11 10 25z m143 0q0 14-10 25t-26 10-25-10-10-25 10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-38t-38-16h-821q-23 0-38 16t-16 38v179q0 22 16 38t38 15h238q12-31 39-51t62-20h143q34 0 61 20t40 51h238q22 0 38-15t16-38z m-182 361q-9-22-33-22h-143v-250q0-15-10-25t-25-11h-143q-15 0-25 11t-11 25v250h-143q-23 0-33 22-9 22 8 39l250 250q10 10 25 10t25-10l250-250q18-17 8-39z" horiz-adv-x="928.6" />

	<glyph glyph-name="star" unicode="" d="M929 489q0-12-15-27l-202-197 48-279q0-4 0-12 0-11-6-19t-17-9q-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z" horiz-adv-x="928.6" />

	<glyph glyph-name="star-empty" unicode="" d="M635 290l170 166-235 34-106 213-105-213-236-34 171-166-41-235 211 111 211-111z m294 199q0-12-15-27l-202-197 48-279q0-4 0-12 0-28-23-28-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z" horiz-adv-x="928.6" />

	<glyph glyph-name="retweet" unicode="" d="M714 11q0-7-5-13t-13-5h-535q-5 0-8 1t-5 4-3 4-2 7 0 6v335h-107q-15 0-25 11t-11 25q0 13 8 23l179 214q11 12 27 12t28-12l178-214q9-10 9-23 0-15-11-25t-25-11h-107v-214h321q9 0 14-6l89-108q4-5 4-11z m357 232q0-13-8-23l-178-214q-12-13-28-13t-27 13l-179 214q-8 10-8 23 0 14 11 25t25 11h107v214h-322q-9 0-14 7l-89 107q-4 5-4 11 0 7 5 12t13 6h536q4 0 7-1t5-4 3-5 2-6 1-7v-334h107q14 0 25-11t10-25z" horiz-adv-x="1071.4" />

	<glyph glyph-name="eye-off" unicode="" d="M310 105l43 79q-48 35-76 88t-27 114q0 67 34 125-128-65-213-197 94-144 239-209z m217 424q0 11-8 19t-19 7q-70 0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z m202 106q0-4 0-5-59-105-176-316t-176-316l-28-50q-5-9-15-9-7 0-75 39-9 6-9 16 0 7 25 49-80 36-147 96t-117 137q-11 17-11 38t11 39q86 131 212 207t277 76q50 0 100-10l31 54q5 9 15 9 3 0 10-3t18-9 18-10 18-10 10-7q9-5 9-15z m21-249q0-78-44-142t-117-91l157 280q4-25 4-47z m250-72q0-19-11-38-22-36-61-81-84-96-194-149t-234-53l41 74q119 10 219 76t169 171q-65 100-158 164l35 63q53-36 102-85t81-103q11-19 11-39z" horiz-adv-x="1000" />

	<glyph glyph-name="plus-squared" unicode="" d="M700 750q42 0 71-29t29-71l0-600q0-40-29-70t-71-30l-600 0q-40 0-70 30t-30 70l0 600q0 42 30 71t70 29l600 0z m-50-450l0 100-200 0 0 200-100 0 0-200-200 0 0-100 200 0 0-200 100 0 0 200 200 0z" horiz-adv-x="800" />

	<glyph glyph-name="cog" unicode="" d="M571 350q0 59-41 101t-101 42-101-42-42-101 42-101 101-42 101 42 41 101z m286 61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51 19-27 59-77 6-6 6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 60q-25-13-51-21-9-76-16-104-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 21l-79-60q-6-5-14-5-8 0-14 6-70 64-92 94-4 5-4 13 0 6 5 12 8 12 28 37t30 40q-15 28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51-23 32-60 77-6 7-6 14 0 5 5 12 15 20 55 60t53 40q7 0 15-5l77-60q24 13 50 21 9 76 17 104 3 16 20 16h124q7 0 13-5t7-12l15-103q28-9 51-20l79 59q5 5 13 5 7 0 14-5 72-67 92-95 4-5 4-12 0-7-4-13-9-12-29-37t-30-40q15-28 23-54l102-16q7-1 12-7t4-13z" horiz-adv-x="857.1" />

	<glyph glyph-name="logout" unicode="" d="M357 46q0-2 1-11t0-14-2-14-5-11-12-3h-178q-67 0-114 47t-47 114v392q0 67 47 114t114 47h178q8 0 13-5t5-13q0-2 1-11t0-15-2-13-5-11-12-3h-178q-37 0-63-26t-27-64v-392q0-37 27-63t63-27h174t6 0 7-2 4-3 4-5 1-8z m518 304q0-14-11-25l-303-304q-11-10-25-10t-25 10-11 25v161h-250q-14 0-25 11t-11 25v214q0 15 11 25t25 11h250v161q0 14 11 25t25 10 25-10l303-304q11-10 11-25z" horiz-adv-x="928.6" />

	<glyph glyph-name="down-open" unicode="" d="M939 399l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26t11 25l93 92q10 11 25 11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26z" horiz-adv-x="1000" />

	<glyph glyph-name="attach" unicode="" d="M244-140q-102 0-170 72-72 70-74 166t84 190l496 496q80 80 174 54 44-12 79-47t47-79q26-96-54-176l-474-474q-40-40-88-46-48-4-80 28-30 24-27 74t47 92l332 334q24 26 50 0t0-50l-332-332q-44-44-20-70 12-8 24-6 24 4 46 26l474 474q50 50 34 108-16 60-76 76-54 14-108-36l-494-494q-66-76-64-143t52-117q50-48 117-50t141 62l496 494q24 24 50 0 26-22 0-48l-496-496q-82-82-186-82z" horiz-adv-x="939" />

	<glyph glyph-name="picture" unicode="" d="M357 529q0-45-31-76t-76-32-76 32-31 76 31 76 76 31 76-31 31-76z m572-215v-250h-786v107l178 179 90-89 285 285z m53 393h-893q-7 0-12-5t-6-13v-678q0-7 6-13t12-5h893q7 0 13 5t5 13v678q0 8-5 13t-13 5z m89-18v-678q0-37-26-63t-63-27h-893q-36 0-63 27t-26 63v678q0 37 26 63t63 27h893q37 0 63-27t26-63z" horiz-adv-x="1071.4" />

	<glyph glyph-name="video" unicode="" d="M214-43v72q0 14-10 25t-25 10h-72q-14 0-25-10t-11-25v-72q0-14 11-25t25-11h72q14 0 25 11t10 25z m0 214v72q0 14-10 25t-25 11h-72q-14 0-25-11t-11-25v-72q0-14 11-25t25-10h72q14 0 25 10t10 25z m0 215v71q0 15-10 25t-25 11h-72q-14 0-25-11t-11-25v-71q0-15 11-25t25-11h72q14 0 25 11t10 25z m572-429v286q0 14-11 25t-25 11h-429q-14 0-25-11t-10-25v-286q0-14 10-25t25-11h429q15 0 25 11t11 25z m-572 643v71q0 15-10 26t-25 10h-72q-14 0-25-10t-11-26v-71q0-14 11-25t25-11h72q14 0 25 11t10 25z m786-643v72q0 14-11 25t-25 10h-71q-15 0-25-10t-11-25v-72q0-14 11-25t25-11h71q15 0 25 11t11 25z m-214 429v285q0 15-11 26t-25 10h-429q-14 0-25-10t-10-26v-285q0-15 10-25t25-11h429q15 0 25 11t11 25z m214-215v72q0 14-11 25t-25 11h-71q-15 0-25-11t-11-25v-72q0-14 11-25t25-10h71q15 0 25 10t11 25z m0 215v71q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-71q0-15 11-25t25-11h71q15 0 25 11t11 25z m0 214v71q0 15-11 26t-25 10h-71q-15 0-25-10t-11-26v-71q0-14 11-25t25-11h71q15 0 25 11t11 25z m71 89v-750q0-37-26-63t-63-26h-893q-36 0-63 26t-26 63v750q0 37 26 63t63 27h893q37 0 63-27t26-63z" horiz-adv-x="1071.4" />

	<glyph glyph-name="right-open" unicode="" d="M618 361l-414-415q-11-10-25-10t-25 10l-93 93q-11 11-11 25t11 25l296 297-296 296q-11 11-11 25t11 25l93 93q10 11 25 11t25-11l414-414q10-11 10-25t-10-25z" horiz-adv-x="714.3" />

	<glyph glyph-name="left-open" unicode="" d="M654 682l-297-296 297-297q10-10 10-25t-10-25l-93-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25t11 25l414 414q10 11 25 11t25-11l93-93q10-10 10-25t-10-25z" horiz-adv-x="714.3" />

	<glyph glyph-name="up-open" unicode="" d="M939 107l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-25 10l-93 92q-11 11-11 26t11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26z" horiz-adv-x="1000" />

	<glyph glyph-name="bell" unicode="" d="M509-96q0 8-9 8-33 0-57 24t-23 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m-372 160h726q-149 168-149 465 0 28-13 58t-39 58-67 45-95 17-95-17-67-45-39-58-13-58q0-297-149-465z m827 0q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 48-67 50-49z" horiz-adv-x="1000" />

	+<glyph glyph-name="lock" unicode="" d="M179 421h285v108q0 59-42 101t-101 41-101-41-41-101v-108z m464-53v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 73-176v-108h18q23 0 38-15t16-38z" horiz-adv-x="642.9" />
	+
	+<glyph glyph-name="globe" unicode="" d="M429 779q116 0 215-58t156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58z m153-291q-2-1-6-5t-7-6q1 0 2 3t3 6 2 4q3 4 12 8 8 4 29 7 19 5 29-6-1 1 5 7t8 7q2 1 8 3t9 4l1 12q-7-1-10 4t-3 12q0-2-4-5 0 4-2 5t-7-1-5-1q-5 2-8 5t-5 9-2 8q-1 3-5 6t-5 6q-1 1-2 3t-1 4-3 3-3 1-4-3-4-5-2-3q-2 1-4 1t-2-1-3-1-3-2q-1-2-4-2t-5-1q8 3-1 6-5 2-9 2 6 2 5 6t-5 8h3q-1 2-5 5t-10 5-7 3q-5 3-19 5t-18 1q-3-4-3-6t2-8 2-7q1-3-3-7t-3-7q0-4 7-9t6-12q-2-4-9-9t-9-6q-3-5-1-11t6-9q1-1 1-2t-2-3-3-2-4-2l-1-1q-7-3-12 3t-7 15q-4 14-9 17-13 4-16-1-3 7-23 15-14 5-33 2 4 0 0 8-4 9-10 7 1 3 2 10t0 7q2 8 7 13 1 1 4 5t5 7 1 4q19-3 28 6 2 3 6 9t6 10q5 3 8 3t8-3 8-3q8-1 8 6t-4 11q7 0 2 10-2 4-5 5-6 2-15-3-4-2 2-4-1 0-6-6t-9-10-9 3q0 0-3 7t-5 8q-5 0-9-9 1 5-6 9t-14 4q11 7-4 15-4 3-12 3t-11-2q-2-4-3-7t3-4 6-3 6-2 5-2q8-6 5-8-1 0-5-2t-6-2-4-2q-1-3 0-8t-1-8q-3 3-5 10t-4 9q4-5-14-3l-5 0q-3 0-9-1t-12-1-7 5q-3 4 0 11 0 2 2 1-2 2-6 5t-6 5q-25-8-52-23 3 0 6 1 3 1 8 4t5 3q19 7 24 4l3 2q7-9 11-14-4 3-17 1-11-3-12-7 4-6 2-10-2 2-6 6t-8 6-8 3q-9 0-13-1-81-45-131-124 4-4 7-4 2-1 3-5t1-6 6 1q5-4 2-10 1 0 25-15 10-10 11-12 2-6-5-10-1 1-5 5t-5 2q-2-3 0-10t6-7q-4 0-5-9t-2-20 0-13l1-1q-2-6 3-19t12-11q-7-1 11-24 3-4 4-5 2-1 7-4t9-6 5-5q2-3 6-13t8-13q-2-3 5-11t6-13q-1 0-2-1t-1 0q2-4 9-8t8-7q1-2 1-6t2-6 4-1q2 11-13 35-8 13-9 16-2 2-4 8t-2 8q1 0 3 0t5-2 4-3 1-1q-1-4 1-10t7-10 10-11 6-7q4-4 8-11t0-8q5 0 11-5t10-11q3-5 4-15t3-13q1-4 5-8t7-5l9-5t7-3q3-2 10-6t12-7q6-2 9-2t8 1 8 2q8 1 16-8t12-12q20-10 30-6-1 0 1-4t4-9 5-8 3-5q3-3 10-8t10-8q4 2 4 5-1-5 4-11t10-6q8 2 8 18-17-8-27 10 0 0-2 3t-2 5-1 4 0 5 2 1q5 0 6 2t-1 7-2 8q-1 4-6 11t-7 8q-3-5-9-4t-9 5q0-1-1-3t-1-4q-7 0-8 0 1 2 1 10t2 13q1 2 3 6t5 9 2 7-3 5-9 1q-11 0-15-11-1-2-2-6t-2-6-5-4q-4-2-14-1t-13 3q-8 4-13 16t-5 20q0 6 1 15t2 14-3 14q2 1 5 5t5 6q2 1 3 1t3 0 2 1 1 3q0 1-2 2-1 1-2 1 4-1 16 1t15-1q9-6 12 1 0 1-1 6t0 7q3-15 16-5 2-1 9-3t9-2q2-1 4-3t3-3 3 0 5 4q5-8 7-13 6-23 10-25 4-2 6-1t3 5 0 8-1 7l-1 5v10l0 4q-8 2-10 7t0 10 9 10q0 1 4 2t9 4 7 4q12 11 8 20 4 0 6 5 0 0-2 2t-5 2-2 2q5 2 1 8 3 2 4 7t4 5q5-6 12-1 5 5 1 9 2 4 11 6t10 5q4-1 5 1t0 7 2 7q2 2 9 5t7 2l9 7q2 2 0 2 10-1 18 6 5 6-4 11 2 4-1 5t-9 4q2 0 7 0t5 1q9 5-3 9-10 2-24-7z m-91-490q115 21 195 106-1 2-7 2t-7 2q-10 4-13 5 1 4-1 7t-5 5-7 5-6 4q-1 1-4 3t-4 3-4 2-5 2-5-1l-2-1q-2 0-3-1t-3-2-2-1 0-2q-12 10-20 13-3 0-6 3t-6 4-6 0-6-3q-3-3-4-9t-1-7q-4 3 0 10t1 10q-1 3-6 2t-6-2-7-5-5-3-4-3-5-5q-2-2-4-6t-2-6q-1 2-7 3t-5 3q1-5 2-19t3-22q4-17-7-26-15-14-16-23-2-12 7-14 0-4-5-12t-4-12q0-3 2-9z" horiz-adv-x="857.1" />
	+
	<glyph glyph-name="spin3" unicode="" d="M494 850c-266 0-483-210-494-472-1-19 13-20 13-20l84 0c16 0 19 10 19 18 10 199 176 358 378 358 107 0 205-45 273-118l-58-57c-11-12-11-27 5-31l247-50c21-5 46 11 37 44l-58 227c-2 9-16 22-29 13l-65-60c-89 91-214 148-352 148z m409-508c-16 0-19-10-19-18-10-199-176-358-377-358-108 0-205 45-274 118l59 57c10 12 10 27-5 31l-248 50c-21 5-46-11-37-44l58-227c2-9 16-22 30-13l64 60c89-91 214-148 353-148 265 0 482 210 493 473 1 18-13 19-13 19l-84 0z" horiz-adv-x="1000" />

	<glyph glyph-name="spin4" unicode="" d="M498 850c-114 0-228-39-320-116l0 0c173 140 428 130 588-31 134-134 164-332 89-495-10-29-5-50 12-68 21-20 61-23 84 0 3 3 12 15 15 24 71 180 33 393-112 539-99 98-228 147-356 147z m-409-274c-14 0-29-5-39-16-3-3-13-15-15-24-71-180-34-393 112-539 185-185 479-195 676-31l0 0c-173-140-428-130-589 31-134 134-163 333-89 495 11 29 6 50-12 68-11 11-27 17-44 16z" horiz-adv-x="1001" />

	<glyph glyph-name="link-ext" unicode="" d="M786 332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z" horiz-adv-x="1000" />

	<glyph glyph-name="menu" unicode="" d="M857 100v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 25t25 11h785q15 0 26-11t10-25z m0 286v-72q0-14-10-25t-26-10h-785q-15 0-25 10t-11 25v72q0 14 11 25t25 10h785q15 0 26-10t10-25z m0 285v-71q0-14-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 26t25 10h785q15 0 26-10t10-26z" horiz-adv-x="857.1" />

	+<glyph glyph-name="mail-alt" unicode="" d="M1000 454v-443q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v443q25-27 56-49 202-137 278-192 32-24 51-37t53-27 61-13h2q28 0 61 13t53 27 51 37q95 68 278 192 32 22 56 49z m0 164q0-44-27-84t-68-69q-210-146-262-181-5-4-23-17t-30-22-29-18-32-15-28-5h-2q-12 0-27 5t-32 15-30 18-30 22-23 17q-51 35-147 101t-114 80q-35 23-65 64t-31 77q0 43 23 72t66 29h822q36 0 63-26t26-63z" horiz-adv-x="1000" />
	+
	<glyph glyph-name="comment-empty" unicode="" d="M500 636q-114 0-213-39t-157-105-59-142q0-62 40-119t113-98l48-28-15-53q-13-51-39-97 85 36 154 96l24 21 32-3q38-5 72-5 114 0 213 39t157 105 59 142-59 142-157 105-213 39z m500-286q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12h-3q-8 0-15 6t-9 15v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157q0 97 67 179t182 130 251 48 251-48 182-130 67-179z" horiz-adv-x="1000" />

	<glyph glyph-name="reply" unicode="" d="M1000 225q0-93-71-252-1-4-6-13t-7-17-7-12q-7-10-16-10-8 0-13 6t-5 14q0 5 1 15t2 13q3 38 3 69 0 56-10 101t-27 77-45 56-59 39-74 24-86 12-98 3h-125v-143q0-14-10-25t-26-11-25 11l-285 286q-11 10-11 25t11 25l285 286q11 10 25 10t26-10 10-25v-143h125q398 0 488-225 30-75 30-186z" horiz-adv-x="1000" />

	+<glyph glyph-name="lock-open-alt" unicode="" d="M589 421q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 15h17v179q0 103 74 177t176 73 177-73 73-177q0-14-10-25t-25-11h-36q-14 0-25 11t-11 25q0 59-42 101t-101 42-101-42-41-101v-179h410z" horiz-adv-x="642.9" />
	+
	<glyph glyph-name="binoculars" unicode="" d="M393 671v-428q0-15-11-25t-25-11v-321q0-15-10-25t-26-11h-285q-15 0-25 11t-11 25v285l139 488q4 12 17 12h237z m178 0v-392h-142v392h142z m429-500v-285q0-15-11-25t-25-11h-285q-15 0-25 11t-11 25v321q-15 0-25 11t-11 25v428h237q13 0 17-12z m-589 661v-125h-197v125q0 8 5 13t13 5h161q8 0 13-5t5-13z m375 0v-125h-197v125q0 8 5 13t13 5h161q8 0 13-5t5-13z" horiz-adv-x="1000" />

	<glyph glyph-name="user-plus" unicode="" d="M393 350q-89 0-152 63t-62 151 62 152 152 63 151-63 63-152-63-151-151-63z m536-71h196q7 0 13-6t5-12v-107q0-8-5-13t-13-5h-196v-197q0-7-6-12t-12-6h-107q-8 0-13 6t-5 12v197h-197q-7 0-12 5t-6 13v107q0 7 6 12t12 6h197v196q0 7 5 13t13 5h107q7 0 12-5t6-13v-196z m-411-125q0-29 21-51t50-21h143v-133q-38-28-95-28h-488q-67 0-108 39t-41 106q0 30 2 58t8 61 15 60 24 55 34 45 48 30 62 11q11 0 22-10 44-34 86-51t92-17 92 17 86 51q11 10 22 10 73 0 121-54h-125q-29 0-50-21t-21-50v-107z" horiz-adv-x="1142.9" />
	</font>
	</defs>
	</svg>
	\ No newline at end of file
	diff --git a/static/font/font/fontello.ttf b/static/font/font/fontello.ttf
	index 3b08e96b8d..c9a50e1a55 100644
	Binary files a/static/font/font/fontello.ttf and b/static/font/font/fontello.ttf differ
	diff --git a/static/font/font/fontello.woff b/static/font/font/fontello.woff
	index 167d132dbf..5accf90731 100644
	Binary files a/static/font/font/fontello.woff and b/static/font/font/fontello.woff differ
	diff --git a/static/font/font/fontello.woff2 b/static/font/font/fontello.woff2
	index 224e9b97b0..1cdb8a640b 100644
	Binary files a/static/font/font/fontello.woff2 and b/static/font/font/fontello.woff2 differ

File Metadata

Mime Type: text/x-diff
Expires: Sat, Aug 8, 2:55 PM (1 d, 13 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1723628
Default Alt Text: (311 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions