Skip to content

Instantly share code, notes, and snippets.

@nolanlawson

nolanlawson/index.html

Last active November 28, 2018 06:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nolanlawson/07e732b654842a2fe62760c4bda179ee to your computer and use it in GitHub Desktop.
Save nolanlawson/07e732b654842a2fe62760c4bda179ee to your computer and use it in GitHub Desktop.
Download ZIP
Repro Firefox NVDA crash
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<style>
body {
margin: 0;
font-family: system-ui,-apple-system,PinaforeRegular,sans-serif;
font-size: 14px;
line-height: 1.4;
color: var(--body-text-color);
background: var(--body-bg);
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
}
html {
scrollbar-face-color: var(--scrollbar-face-color);
scrollbar-track-color: var(--scrollbar-track-color);
scrollbar-color: var(--scrollbar-face-color) var(--scrollbar-track-color);
}
:root {
--button-primary-bg: #6081e6;
--button-primary-text: #fff;
--button-primary-border: #132c76;
--button-primary-bg-active: #456ce2;
--button-primary-bg-hover: #6988e7;
--button-bg: #e6e6e6;
--button-text: #333;
--button-border: #a7a7a7;
--button-bg-active: #bfbfbf;
--button-bg-hover: #f2f2f2;
--input-border: #dadada;
--anchor-text: #4169e1;
--main-bg: #fff;
--body-bg: #e8edfb;
--body-text-color: #333;
--main-border: #dadada;
--svg-fill: #4169e1;
--form-bg: #f7f7f7;
--form-border: #c1c1c1;
--nav-bg: #4169e1;
--nav-border: #214cce;
--nav-a-border: #4169e1;
--nav-a-selected-border: #fff;
--nav-a-selected-bg: #6d8ce8;
--nav-svg-fill: #fff;
--nav-text-color: #fff;
--nav-a-selected-border-hover: #fff;
--nav-a-selected-bg-hover: #839deb;
--nav-a-bg-hover: #577ae4;
--nav-a-border-hover: #4169e1;
--nav-svg-fill-hover: #fff;
--nav-text-color-hover: #fff;
--action-button-fill-color: #90a8ee;
--action-button-fill-color-hover: #a2b6f0;
--action-button-fill-color-active: #577ae4;
--action-button-fill-color-pressed: #2351dc;
--action-button-fill-color-pressed-hover: #3862e0;
--action-button-fill-color-pressed-active: #1d44b8;
--action-button-deemphasized-fill-color: #666;
--action-button-deemphasized-fill-color-hover: #9e9e9e;
--action-button-deemphasized-fill-color-active: #737373;
--action-button-deemphasized-fill-color-pressed: #545454;
--action-button-deemphasized-fill-color-pressed-hover: #616161;
--action-button-deemphasized-fill-color-pressed-active: #404040;
--settings-list-item-bg: #fff;
--settings-list-item-text: #4169e1;
--settings-list-item-text-hover: #4169e1;
--settings-list-item-border: #dadada;
--settings-list-item-bg-active: #e6e6e6;
--settings-list-item-bg-hover: #fafafa;
--toast-bg: #333;
--toast-border: #fafafa;
--toast-text: #fff;
--mask-bg: #333;
--mask-svg-fill: #fff;
--mask-opaque-bg: rgba(51,51,51,0.8);
--loading-bg: #ededed;
--account-profile-bg-backdrop-filter: rgba(255,255,255,0.7);
--account-profile-bg: rgba(255,255,255,0.9);
--deemphasized-text-color: #666;
--focus-outline: #c5d1f6;
--very-deemphasized-link-color: rgba(65,105,225,0.6);
--very-deemphasized-text-color: rgba(102,102,102,0.6);
--status-direct-background: #d2dcf8;
--main-theme-color: #4169e1;
--warning-color: #e01f19;
--alt-input-bg: rgba(255,255,255,0.7);
--muted-modal-bg: transparent;
--muted-modal-focus: #999;
--muted-modal-hover: rgba(255,255,255,0.2);
--compose-autosuggest-item-hover: #ced8f7;
--compose-autosuggest-item-active: #b8c7f4;
--compose-autosuggest-outline: #dbe3f9;
--compose-button-halo: rgba(255,255,255,0.1);
}
:root {
--scrollbar-face-color: #90a8ee;
--scrollbar-track-color: #dbe3f9;
--scrollbar-border-radius: 0;
--scrollbar-face-color-hover: #99afef;
--scrollbar-face-color-active: #839deb;
--scrollbar-width: 12px;
--scrollbar-height: 12px;
--scrollbar-background-color: transparent;
}
:root {
--button-primary-bg: #1c8e9e;
--button-primary-text: #fff;
--button-primary-border: #000;
--button-primary-bg-active: #187784;
--button-primary-bg-hover: #1e96a7;
--button-bg: #e6e6e6;
--button-text: #333;
--button-border: #a7a7a7;
--button-bg-active: #bfbfbf;
--button-bg-hover: #f2f2f2;
--input-border: #dadada;
--anchor-text: #177380;
--main-bg: #fff;
--body-bg: #d2f2f7;
--body-text-color: #333;
--main-border: #dadada;
--svg-fill: #177380;
--form-bg: #f7f7f7;
--form-border: #c1c1c1;
--nav-bg: #177380;
--nav-border: #0f4c55;
--nav-a-border: #177380;
--nav-a-selected-border: #fff;
--nav-a-selected-bg: #1f9aab;
--nav-svg-fill: #fff;
--nav-text-color: #fff;
--nav-a-selected-border-hover: #fff;
--nav-a-selected-bg-hover: #23adc1;
--nav-a-bg-hover: #1b8696;
--nav-a-border-hover: #177380;
--nav-svg-fill-hover: #fff;
--nav-text-color-hover: #fff;
--action-button-fill-color: #25b9ce;
--action-button-fill-color-hover: #2ec4d9;
--action-button-fill-color-active: #1b8696;
--action-button-fill-color-pressed: #125862;
--action-button-fill-color-pressed-hover: #156b77;
--action-button-fill-color-pressed-active: #0b393f;
--action-button-deemphasized-fill-color: #666;
--action-button-deemphasized-fill-color-hover: #9e9e9e;
--action-button-deemphasized-fill-color-active: #737373;
--action-button-deemphasized-fill-color-pressed: #545454;
--action-button-deemphasized-fill-color-pressed-hover: #616161;
--action-button-deemphasized-fill-color-pressed-active: #404040;
--settings-list-item-bg: #fff;
--settings-list-item-text: #177380;
--settings-list-item-text-hover: #177380;
--settings-list-item-border: #dadada;
--settings-list-item-bg-active: #e6e6e6;
--settings-list-item-bg-hover: #fafafa;
--toast-bg: #333;
--toast-border: #fafafa;
--toast-text: #fff;
--mask-bg: #333;
--mask-svg-fill: #fff;
--mask-opaque-bg: rgba(51,51,51,0.8);
--loading-bg: #ededed;
--account-profile-bg-backdrop-filter: rgba(255,255,255,0.7);
--account-profile-bg: rgba(255,255,255,0.9);
--deemphasized-text-color: #666;
--focus-outline: #a7e6ef;
--very-deemphasized-link-color: rgba(23,115,128,0.6);
--very-deemphasized-text-color: rgba(102,102,102,0.6);
--status-direct-background: #bcecf3;
--main-theme-color: #177380;
--warning-color: #e01f19;
--alt-input-bg: rgba(255,255,255,0.7);
--muted-modal-bg: transparent;
--muted-modal-focus: #999;
--muted-modal-hover: rgba(255,255,255,0.2);
--compose-autosuggest-item-hover: #afe9f1;
--compose-autosuggest-item-active: #9ae3ed;
--compose-autosuggest-outline: #bcecf3;
--compose-button-halo: rgba(255,255,255,0.1);
}
:root {
--scrollbar-face-color: #25b9ce;
--scrollbar-track-color: #c5eff5;
--scrollbar-border-radius: 0;
--scrollbar-face-color-hover: #27c1d6;
--scrollbar-face-color-active: #23adc1;
--scrollbar-width: 12px;
--scrollbar-height: 12px;
--scrollbar-background-color: transparent;
}
.loading-mask-container {
bottom: 0px;
left: 0px;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0px;
top: 0px;
transition: opacity 333ms linear;
z-index: 100;
}
.toast-modal {
bottom: 40px;
left: 0px;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0px;
transition: opacity 333ms linear;
z-index: 100000;
}
.toast-container, .toast-modal {
align-items: center;
display: flex;
flex-direction: column;
}
.toast-container {
background: var(--toast-bg);
border: 2px solid var(--toast-border);
border-radius: 5px;
color: var(--toast-text);
font-size: 1.3em;
margin: 0 40px;
max-height: 20vh;
max-width: 600px;
overflow: hidden;
padding: 20px;
}
.main-nav {
border-bottom: 1px solid var(--nav-border);
background: var(--nav-bg);
position: fixed;
left: 0px;
right: 0px;
top: 0px;
z-index: 20;
contain: content;
}
.main-nav {
background: var(--nav-bg);
border-bottom: 1px solid var(--nav-border);
contain: content;
left: 0px;
position: fixed;
right: 0px;
top: 0px;
z-index: 20;
}
.main-content {
contain: content;
padding-top: 42px;
}
/* @media all and (max-width:991px) */
.main-content {
padding-top: 52px;
}
main {
position: relative;
width: 602px;
max-width: 100vw;
padding: 0;
box-sizing: border-box;
margin: 30px auto 15px;
background: var(--main-bg);
border: 1px solid var(--main-border);
border-radius: 1px;
min-height: 70vh;
}
.timeline-anchor-container, .timeline-page {
position: relative;
}
.timeline-reveal-container, .timeline-slot-reveal-container {
transition: opacity .2s linear;
}
.lazy-timeline {
width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.5em 0;
font-weight: 400;
line-height: 1.2;
}
h1 {
font-size: 2em;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0px, 0px, 0px, 0px);
border: 0;
}
.virtual-list {
position: relative;
}
.virtual-list-footer, .virtual-list-header {
position: absolute;
top: 0px;
width: 100%;
}
.virtual-list-header {
display: none;
opacity: 0;
transition: none;
z-index: 10;
}
.virtual-list-item {
contain: content;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0px;
transition: opacity .333s linear;
}
.virtual-list-item.shown {
opacity: 1;
pointer-events: auto;
}
.hidden {
opacity: 0;
}
.loading-footer {
align-items: center;
display: flex;
justify-content: center;
padding: 20px 0 10px;
}
.spin {
animation: spin 1.5s infinite linear;
}
.loading-spinner-icon {
fill: var(--svg-fill);
}
.loading-footer-info {
font-size: 1.3em;
margin-left: 20px;
}
.status-article {
cursor: pointer;
display: grid;
grid-template-areas: "header header header header" "sidebar author-name author-handle relative-date" "sidebar spoiler spoiler spoiler" "sidebar spoiler-btn spoiler-btn spoiler-btn" "sidebar mentions mentions mentions" "sidebar content content content" "media media media media" ". toolbar toolbar toolbar" "compose compose compose compose";
grid-template-columns: min-content minmax(0px, max-content) 1fr min-content;
grid-template-rows: repeat(8, max-content);
max-width: calc(-40px + 100vw);
padding: 10px 20px;
}
.status-article.status-in-timeline {
border-bottom: 1px solid var(--main-border);
width: 560px;
}
a {
color: var(--anchor-text);
text-decoration: none;
}
.status-author-name {
align-self: center;
font-size: 1.1em;
font-weight: 600;
grid-area: author-name;
margin-left: 5px;
min-width: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.status-sidebar {
grid-area: sidebar;
margin-right: 15px;
}
.nav-icon-and-label {
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
flex: 1;
}
/* @media all and (max-width:991px) */
.nav-icon-and-label {
padding: 20px 0;
}
.main-nav-link {
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
flex: 1;
flex-direction: column;
}
.main-nav-link {
flex: 1;
flex-direction: column;
text-decoration: none;
}
.main-nav-link, .nav-icon-and-label {
align-items: center;
display: flex;
justify-content: center;
}
a:visited {
color: var(--anchor-text);
}
.status-author-name, .status-author-name:hover, .status-author-name:visited {
color: var(--body-text-color);
}
.status-author-handle {
align-self: center;
color: var(--deemphasized-text-color);
font-size: 1.1em;
grid-area: author-handle;
margin-left: 5px;
min-width: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.status-relative-date {
align-self: center;
font-size: 1.1em;
grid-area: relative-date;
margin-left: 5px;
margin-right: 10px;
text-align: right;
white-space: nowrap;
}
.status-relative-date, .status-relative-date:hover, .status-relative-date:visited {
color: var(--deemphasized-text-color);
}
.status-sidebar.size-small {
height: 48px;
width: 48px;
}
.status-content {
display: none;
font-size: 0.9em;
grid-area: content;
margin: 10px 10px 10px 5px;
overflow: hidden;
white-space: pre-wrap;
word-wrap: break-word;
}
.status-content.shown {
display: block;
}
.status-toolbar {
display: flex;
grid-area: toolbar;
justify-content: space-between;
}
button, .button {
font-size: 1.2em;
background: var(--button-bg);
border-radius: 2px;
padding: 10px 15px;
border: 1px solid var(--button-border);
cursor: pointer;
color: var(--button-text);
}
.icon-button {
align-items: center;
background: none;
border: none;
display: flex;
justify-content: center;
padding: 6px 10px;
}
.icon-button-svg {
fill: var(--action-button-fill-color);
height: 24px;
pointer-events: none;
width: 24px;
}
p, label, input {
font-size: 1.3em;
}
ul, li, p {
padding: 0;
margin: 0;
}
.status-content p {
margin: 0 0 20px;
}
.status-content p:first-child {
margin: 0 0 20px;
}
.status-content p:last-child {
margin: 0;
}
.status-content .invisible {
display: inline-block;
font-size: 0px;
height: 0px;
line-height: 0;
position: absolute;
width: 0px;
}
.non-autoplay-zoom-in {
cursor: zoom-in;
}
.avatar {
background: var(--loading-bg);
border-radius: 4px;
}
.non-autoplay-zoom-in.is-link {
cursor: pointer;
}
.avatar.loaded {
background: none;
}
.account-display-name {
pointer-events: none;
}
.inline-emoji {
font-family: PinaforeEmoji,sans-serif;
}
.status-spoiler {
font-size: 0.9em;
grid-area: spoiler;
margin: 10px 5px;
overflow: hidden;
white-space: pre-wrap;
word-wrap: break-word;
}
.status-spoiler-button {
grid-area: spoiler-btn;
margin: 10px 5px;
}
.status-spoiler-button button {
font-size: 1.1em;
padding: 5px 10px;
}
.inline-custom-emoji {
width: 1.4em;
height: 1.4em;
margin: -0.1em 0;
object-fit: contain;
vertical-align: middle;
}
.more-items-header {
align-items: center;
display: flex;
justify-content: center;
padding: 5px;
}
button.primary, .button.primary {
border: 1px solid var(--button-primary-border);
background: var(--button-primary-bg);
color: var(--button-primary-text);
}
.dynamic-page-banner {
align-items: center;
display: grid;
grid-column-gap: 10px;
grid-template-columns: 1fr min-content;
margin: 20px;
}
.dynamic-page-title {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dynamic-page-go-back {
background: none;
border: 0;
color: var(--anchor-text);
font-size: 1.3em;
justify-self: flex-end;
padding: 0;
}
.main-nav-ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: stretch;
}
.main-nav-ul {
align-items: stretch;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.main-nav-li {
display: flex;
}
/* @media all and (max-width:991px) */
.main-nav-li {
flex: 1;
}
.main-nav-li {
display: flex;
}
/* @media all and (max-width:991px) */
.main-nav-li {
flex: 1;
}
.nav-icon-and-label {
flex: 1;
padding: 15px 20px;
}
/* @media all and (max-width:991px) */
.nav-icon-and-label {
padding: 20px 0;
}
.nav-indicator {
width: 100%;
height: 1px;
background: var(--nav-a-border);
transform-origin: left 50% 0px;
}
.nav-indicator {
background: var(--nav-a-border);
height: 1px;
transform-origin: left 50% 0px;
width: 100%;
}
.nav-link-svg-wrapper {
position: relative;
display: inline-block;
}
.nav-link-svg-wrapper, .nav-link-svg {
width: 20px;
height: 20px;
}
.nav-link-svg {
display: inline-block;
fill: var(--nav-svg-fill);
}
/* @media all and (max-width:991px) */
.nav-link-svg-wrapper, .nav-link-svg {
width: 25px;
height: 25px;
}
.nav-link-svg-wrapper {
display: inline-block;
position: relative;
}
.nav-link-svg, .nav-link-svg-wrapper {
height: 20px;
width: 20px;
}
.nav-link-svg {
display: inline-block;
fill: var(--nav-svg-fill);
}
/* @media all and (max-width:991px) */
.nav-link-svg, .nav-link-svg-wrapper {
height: 25px;
width: 25px;
}
.nav-link-label {
font-size: 16px;
color: var(--nav-text-color);
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nav-link-label {
color: var(--nav-text-color);
font-size: 16px;
overflow: hidden;
padding-left: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
/* @media all and (max-width:991px) */
.main-nav-link .nav-link-label {
display: none;
}
/* @media all and (max-width:991px) */
.main-nav-link .nav-link-label {
display: none;
}
</style>
</head>
<body>
<!-- auto-generated w/ build-inline-script.js -->
<!-- insert inline script here -->
<script>(function () {
'use strict'
// For perf reasons, this script is run inline to quickly set certain styles.
// To allow CSP to work correctly, we also calculate a sha256 hash during
// the build process and write it to inline-script-checksum.json.
window.__themeColors = { "default": "royalblue", "scarlet": "#e04e41", "seafoam": "#177380", "hotpants": "hotpink", "oaken": "saddlebrown", "majesty": "blueviolet", "gecko": "#4ab92f", "ozark": "#5263af", "cobalt": "#08439b", "sorcery": "#ae91e8", "punk": "#e04e41", "riot": "hotpink", "hacker": "#4ab92f" }
if (localStorage.store_currentInstance && localStorage.store_instanceThemes) {
let safeParse = (str) => str === 'undefined' ? undefined : JSON.parse(str)
let theme = safeParse(localStorage.store_instanceThemes)[safeParse(localStorage.store_currentInstance)]
if (theme && theme !== 'default') {
let link = document.createElement('link')
link.rel = 'stylesheet'
link.href = `/theme-${theme}.css`
// inserting before the offline <style> ensures that the offline style wins when offline
document.head.insertBefore(link, document.getElementById('theOfflineStyle'))
if (window.__themeColors[theme]) {
document.getElementById('theThemeColor').content = window.__themeColors[theme]
}
}
}
if (!localStorage.store_currentInstance) {
// if not logged in, show all these 'hidden-from-ssr' elements
let style = document.createElement('style')
style.textContent = '.hidden-from-ssr { opacity: 1 !important; }'
document.head.appendChild(style)
}
if (localStorage.store_disableCustomScrollbars === 'true') {
// if user has disabled custom scrollbars, remove this style
let theScrollbarStyle = document.getElementById('theScrollbarStyle')
theScrollbarStyle.setAttribute('media', 'only x') // disables the style
}
// hack to make the scrollbars rounded only on macOS
if (/mac/i.test(navigator.platform)) {
document.documentElement.style.setProperty('--scrollbar-border-radius', '50px')
}
// TODO: remove this hack when Safari works with cross-origin window.open()
// in a PWA: https://github.com/nolanlawson/pinafore/issues/45
if (/iP(?:hone|ad|od)/.test(navigator.userAgent)) {
document.head.removeChild(document.getElementById('theManifest'))
}
})()</script><!-- end insert inline script here -->
<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
<!-- auto-generated w/ build-svg.js -->
<!-- insert svg here --><svg style="display:none;">
<symbol id="pinafore-logo" viewBox="0 0 100 100">
<title>Home</title>
<path d="M 92.12 59.93 H 59.87 V 8.23 C 70.4 14.9 87.34 30 92.12 59.93 Z M 31 26.9 A 122.4 122.4 0 0 1 9.39 60.35 H 31 Z M 37.76 99 h 24.48 a 30.67 30.67 0 0 0 30.67 -30.67 H 50.52 V 6.27 a 5.27 5.27 0 0 0 -10.52 0 v 62.06 H 7.09 A 30.67 30.67 0 0 0 37.76 99 Z" />
</symbol>
<symbol id="fa-bell" viewBox="0 0 1792 1792">
<title>Notifications</title>
<path d="M 912 1696 q 0 -16 -16 -16 q -59 0 -101.5 -42.5 T 752 1536 q 0 -16 -16 -16 t -16 16 q 0 73 51.5 124.5 T 896 1712 q 16 0 16 -16 Z m 816 -288 q 0 52 -38 90 t -90 38 h -448 q 0 106 -75 181 t -181 75 t -181 -75 t -75 -181 H 192 q -52 0 -90 -38 t -38 -90 q 50 -42 91 -88 t 85 -119.5 t 74.5 -158.5 t 50 -206 T 384 576 q 0 -152 117 -282.5 T 808 135 q -8 -19 -8 -39 q 0 -40 28 -68 t 68 -28 t 68 28 t 28 68 q 0 20 -8 39 q 190 28 307 158.5 T 1408 576 q 0 139 19.5 260 t 50 206 t 74.5 158.5 t 85 119.5 t 91 88 Z" />
</symbol>
<symbol id="fa-users" viewBox="0 0 2048 1792">
<title>Local</title>
<path d="M 657 896 q -162 5 -265 128 H 258 q -82 0 -138 -40.5 T 64 865 q 0 -353 124 -353 q 6 0 43.5 21 t 97.5 42.5 T 448 597 q 67 0 133 -23 q -5 37 -5 66 q 0 139 81 256 Z m 1071 637 q 0 120 -73 189.5 t -194 69.5 H 587 q -121 0 -194 -69.5 T 320 1533 q 0 -53 3.5 -103.5 t 14 -109 T 364 1212 t 43 -97.5 t 62 -81 t 85.5 -53.5 T 666 960 q 10 0 43 21.5 t 73 48 t 107 48 t 135 21.5 t 135 -21.5 t 107 -48 t 73 -48 t 43 -21.5 q 61 0 111.5 20 t 85.5 53.5 t 62 81 t 43 97.5 t 26.5 108.5 t 14 109 t 3.5 103.5 Z M 704 256 q 0 106 -75 181 t -181 75 t -181 -75 t -75 -181 t 75 -181 T 448 0 t 181 75 t 75 181 Z m 704 384 q 0 159 -112.5 271.5 T 1024 1024 T 752.5 911.5 T 640 640 t 112.5 -271.5 T 1024 256 t 271.5 112.5 T 1408 640 Z m 576 225 q 0 78 -56 118.5 t -138 40.5 h -134 q -103 -123 -265 -128 q 81 -117 81 -256 q 0 -29 -5 -66 q 66 23 133 23 q 59 0 119 -21.5 t 97.5 -42.5 t 43.5 -21 q 124 0 124 353 Z m -128 -609 q 0 106 -75 181 t -181 75 t -181 -75 t -75 -181 t 75 -181 t 181 -75 t 181 75 t 75 181 Z" />
</symbol>
<symbol id="fa-globe" viewBox="0 0 1792 1792">
<title>Federated</title>
<path d="M 896 128 q 209 0 385.5 103 T 1561 510.5 T 1664 896 t -103 385.5 t -279.5 279.5 T 896 1664 t -385.5 -103 T 231 1281.5 T 128 896 t 103 -385.5 T 510.5 231 T 896 128 Z m 274 521 q -2 1 -9.5 9.5 T 1147 668 q 2 0 4.5 -5 t 5 -11 t 3.5 -7 q 6 -7 22 -15 q 14 -6 52 -12 q 34 -8 51 11 q -2 -2 9.5 -13 t 14.5 -12 q 3 -2 15 -4.5 t 15 -7.5 l 2 -22 q -12 1 -17.5 -7 t -6.5 -21 q 0 2 -6 8 q 0 -7 -4.5 -8 t -11.5 1 t -9 1 q -10 -3 -15 -7.5 t -8 -16.5 t -4 -15 q -2 -5 -9.5 -11 t -9.5 -10 q -1 -2 -2.5 -5.5 t -3 -6.5 t -4 -5.5 t -5.5 -2.5 t -7 5 t -7.5 10 t -4.5 5 q -3 -2 -6 -1.5 t -4.5 1 t -4.5 3 t -5 3.5 q -3 2 -8.5 3 t -8.5 2 q 15 -5 -1 -11 q -10 -4 -16 -3 q 9 -4 7.5 -12 t -8.5 -14 h 5 q -1 -4 -8.5 -8.5 T 1130 438 t -13 -6 q -8 -5 -34 -9.5 t -33 -0.5 q -5 6 -4.5 10.5 t 4 14 t 3.5 12.5 q 1 6 -5.5 13 t -6.5 12 q 0 7 14 15.5 t 10 21.5 q -3 8 -16 16 t -16 12 q -5 8 -1.5 18.5 T 1042 584 q 2 2 1.5 4 t -3.5 4.5 t -5.5 4 t -6.5 3.5 l -3 2 q -11 5 -20.5 -6 T 991 570 q -7 -25 -16 -30 q -23 -8 -29 1 q -5 -13 -41 -26 q -25 -9 -58 -4 q 6 -1 0 -15 q -7 -15 -19 -12 q 3 -6 4 -17.5 t 1 -13.5 q 3 -13 12 -23 q 1 -1 7 -8.5 t 9.5 -13.5 t 0.5 -6 q 35 4 50 -11 q 5 -5 11.5 -17 t 10.5 -17 q 9 -6 14 -5.5 t 14.5 5.5 t 14.5 5 q 14 1 15.5 -11 t -7.5 -20 q 12 1 3 -17 q -4 -7 -8 -9 q -12 -4 -27 5 q -8 4 2 8 q -1 -1 -9.5 10.5 T 929 346 t -16 -5 q -1 -1 -5.5 -13.5 T 898 314 q -8 0 -16 15 q 3 -8 -11 -15 t -24 -8 q 19 -12 -8 -27 q -7 -4 -20.5 -5 t -19.5 4 q -5 7 -5.5 11.5 t 5 8 T 809 303 t 11.5 4 t 8.5 3 q 14 10 8 14 q -2 1 -8.5 3.5 T 817 332 t -6 4 q -3 4 0 14 t -2 14 q -5 -5 -9 -17.5 t -7 -16.5 q 7 9 -25 6 l -10 -1 q -4 0 -16 2 t -20.5 1 t -13.5 -8 q -4 -8 0 -20 q 1 -4 4 -2 q -4 -3 -11 -9.5 t -10 -8.5 q -46 15 -94 41 q 6 1 12 -1 q 5 -2 13 -6.5 t 10 -5.5 q 34 -14 42 -7 l 5 -5 q 14 16 20 25 q -7 -4 -30 -1 q -20 6 -22 12 q 7 12 5 18 q -4 -3 -11.5 -10 T 626 339 t -15 -5 q -16 0 -22 1 q -146 80 -235 222 q 7 7 12 8 q 4 1 5 9 t 2.5 11 t 11.5 -3 q 9 8 3 19 q 1 -1 44 27 q 19 17 21 21 q 3 11 -10 18 q -1 -2 -9 -9 t -9 -4 q -3 5 0.5 18.5 T 436 685 q -7 0 -9.5 16 t -2.5 35.5 t -1 23.5 l 2 1 q -3 12 5.5 34.5 T 452 815 q -13 3 20 43 q 6 8 8 9 q 3 2 12 7.5 t 15 10 t 10 10.5 q 4 5 10 22.5 t 14 23.5 q -2 6 9.5 20 t 10.5 23 q -1 0 -2.5 1 t -2.5 1 q 3 7 15.5 14 t 15.5 13 q 1 3 2 10 t 3 11 t 8 2 q 2 -20 -24 -62 q -15 -25 -17 -29 q -3 -5 -5.5 -15.5 T 549 915 q 2 0 6 1.5 t 8.5 3.5 t 7.5 4 t 2 3 q -3 7 2 17.5 t 12 18.5 t 17 19 t 12 13 q 6 6 14 19.5 t 0 13.5 q 9 0 20 10.5 t 17 19.5 q 5 8 8 26 t 5 24 q 2 7 8.5 13.5 t 12.5 9.5 l 16 8 l 13 7 q 5 2 18.5 10.5 T 770 1168 q 10 4 16 4 t 14.5 -2.5 t 13.5 -3.5 q 15 -2 29 15 t 21 21 q 36 19 55 11 q -2 1 0.5 7.5 t 8 15.5 t 9 14.5 t 5.5 8.5 q 5 6 18 15 t 18 15 q 6 -4 7 -9 q -3 8 7 20 t 18 10 q 14 -3 14 -32 q -31 15 -49 -18 q 0 -1 -2.5 -5.5 t -4 -8.5 t -2.5 -8.5 t 0 -7.5 t 5 -3 q 9 0 10 -3.5 t -2 -12.5 t -4 -13 q -1 -8 -11 -20 t -12 -15 q -5 9 -16 8 t -16 -9 q 0 1 -1.5 5.5 t -1.5 6.5 q -13 0 -15 -1 q 1 -3 2.5 -17.5 t 3.5 -22.5 q 1 -4 5.5 -12 t 7.5 -14.5 t 4 -12.5 t -4.5 -9.5 t -17.5 -2.5 q -19 1 -26 20 q -1 3 -3 10.5 t -5 11.5 t -9 7 q -7 3 -24 2 t -24 -5 q -13 -8 -22.5 -29 t -9.5 -37 q 0 -10 2.5 -26.5 t 3 -25 T 780 986 q 3 -2 9 -9.5 t 10 -10.5 q 2 -1 4.5 -1.5 t 4.5 0 t 4 -1.5 t 3 -6 q -1 -1 -4 -3 q -3 -3 -4 -3 q 7 3 28.5 -1.5 T 863 951 q 15 11 22 -2 q 0 -1 -2.5 -9.5 T 882 926 q 5 27 29 9 q 3 3 15.5 5 t 17.5 5 q 3 2 7 5.5 t 5.5 4.5 t 5 -0.5 t 8.5 -6.5 q 10 14 12 24 q 11 40 19 44 q 7 3 11 2 t 4.5 -9.5 t 0 -14 t -1.5 -12.5 l -1 -8 v -18 l -1 -8 q -15 -3 -18.5 -12 t 1.5 -18.5 t 15 -18.5 q 1 -1 8 -3.5 t 15.5 -6.5 t 12.5 -8 q 21 -19 15 -35 q 7 0 11 -9 q -1 0 -5 -3 t -7.5 -5 t -4.5 -2 q 9 -5 2 -16 q 5 -3 7.5 -11 t 7.5 -10 q 9 12 21 2 q 8 -8 1 -16 q 5 -7 20.5 -10.5 t 18.5 -9.5 q 7 2 8 -2 t 1 -12 t 3 -12 q 4 -5 15 -9 t 13 -5 l 17 -11 q 3 -4 0 -4 q 18 2 31 -11 q 10 -11 -6 -20 q 3 -6 -3 -9.5 t -15 -5.5 q 3 -1 11.5 -0.5 t 10.5 -1.5 q 15 -10 -7 -16 q -17 -5 -43 12 Z m -163 877 q 206 -36 351 -189 q -3 -3 -12.5 -4.5 t -12.5 -3.5 q -18 -7 -24 -8 q 1 -7 -2.5 -13 t -8 -9 t -12.5 -8 t -11 -7 q -2 -2 -7 -6 t -7 -5.5 t -7.5 -4.5 t -8.5 -2 t -10 1 l -3 1 q -3 1 -5.5 2.5 t -5.5 3 t -4 3 t 0 2.5 q -21 -17 -36 -22 q -5 -1 -11 -5.5 t -10.5 -7 t -10 -1.5 t -11.5 7 q -5 5 -6 15 t -2 13 q -7 -5 0 -17.5 t 2 -18.5 q -3 -6 -10.5 -4.5 t -12 4.5 t -11.5 8.5 t -9 6.5 t -8.5 5.5 t -8.5 7.5 q -3 4 -6 12 t -5 11 q -2 -4 -11.5 -6.5 t -9.5 -5.5 q 2 10 4 35 t 5 38 q 7 31 -12 48 q -27 25 -29 40 q -4 22 12 26 q 0 7 -8 20.5 t -7 21.5 q 0 6 2 16 Z" />
</symbol>
<symbol id="fa-gear" viewBox="0 0 1792 1792">
<title>Settings</title>
<path d="M 1152 896 q 0 -106 -75 -181 t -181 -75 t -181 75 t -75 181 t 75 181 t 181 75 t 181 -75 t 75 -181 Z m 512 -109 v 222 q 0 12 -8 23 t -20 13 l -185 28 q -19 54 -39 91 q 35 50 107 138 q 10 12 10 25 t -9 23 q -27 37 -99 108 t -94 71 q -12 0 -26 -9 l -138 -108 q -44 23 -91 38 q -16 136 -29 186 q -7 28 -36 28 H 785 q -14 0 -24.5 -8.5 T 749 1634 l -28 -184 q -49 -16 -90 -37 l -141 107 q -10 9 -25 9 q -14 0 -25 -11 q -126 -114 -165 -168 q -7 -10 -7 -23 q 0 -12 8 -23 q 15 -21 51 -66.5 t 54 -70.5 q -27 -50 -41 -99 l -183 -27 q -13 -2 -21 -12.5 t -8 -23.5 V 783 q 0 -12 8 -23 t 19 -13 l 186 -28 q 14 -46 39 -92 q -40 -57 -107 -138 q -10 -12 -10 -24 q 0 -10 9 -23 q 26 -36 98.5 -107.5 T 465 263 q 13 0 26 10 l 138 107 q 44 -23 91 -38 q 16 -136 29 -186 q 7 -28 36 -28 h 222 q 14 0 24.5 8.5 T 1043 158 l 28 184 q 49 16 90 37 l 142 -107 q 9 -9 24 -9 q 13 0 25 10 q 129 119 165 170 q 7 8 7 22 q 0 12 -8 23 q -15 21 -51 66.5 t -54 70.5 q 26 50 41 98 l 183 28 q 13 2 21 12.5 t 8 23.5 Z" />
</symbol>
<symbol id="fa-reply" viewBox="0 0 1792 1792">
<title>Reply</title>
<path d="M 1792 1120 q 0 166 -127 451 q -3 7 -10.5 24 t -13.5 30 t -13 22 q -12 17 -28 17 q -15 0 -23.5 -10 t -8.5 -25 q 0 -9 2.5 -26.5 t 2.5 -23.5 q 5 -68 5 -123 q 0 -101 -17.5 -181 t -48.5 -138.5 t -80 -101 t -105.5 -69.5 t -133 -42.5 t -154 -21.5 t -175.5 -6 H 640 v 256 q 0 26 -19 45 t -45 19 t -45 -19 L 19 685 Q 0 666 0 640 t 19 -45 L 531 83 q 19 -19 45 -19 t 45 19 t 19 45 v 256 h 224 q 713 0 875 403 q 53 134 53 333 Z" />
</symbol>
<symbol id="fa-reply-all" viewBox="0 0 1792 1792">
<title>Reply to thread</title>
<path d="M 640 1082 v 70 q 0 42 -39 59 q -13 5 -25 5 q -27 0 -45 -19 L 19 685 Q 0 666 0 640 t 19 -45 L 531 83 q 29 -31 70 -14 q 39 17 39 59 v 69 L 243 595 q -19 19 -19 45 t 19 45 Z m 1152 38 q 0 58 -17 133.5 t -38.5 138 t -48 125 t -40.5 90.5 l -20 40 q -8 17 -28 17 q -6 0 -9 -1 q -25 -8 -23 -34 q 43 -400 -106 -565 q -64 -71 -170.5 -110.5 T 1024 901 v 251 q 0 42 -39 59 q -13 5 -25 5 q -27 0 -45 -19 L 403 685 q -19 -19 -19 -45 t 19 -45 L 915 83 q 29 -31 70 -14 q 39 17 39 59 v 262 q 411 28 599 221 q 169 173 169 509 Z" />
</symbol>
<symbol id="fa-retweet" viewBox="0 0 2048 1792">
<title>Boost</title>
<path d="M 1344 1504 q 0 13 -9.5 22.5 t -22.5 9.5 H 352 q -8 0 -13.5 -2 t -9 -7 t -5.5 -8 t -3 -11.5 t -1 -11.5 V 896 H 128 q -26 0 -45 -19 t -19 -45 q 0 -24 15 -41 l 320 -384 q 19 -22 49 -22 t 49 22 l 320 384 q 15 17 15 41 q 0 26 -19 45 t -45 19 H 576 v 384 h 576 q 16 0 25 11 l 160 192 q 7 10 7 21 Z m 640 -416 q 0 24 -15 41 l -320 384 q -20 23 -49 23 t -49 -23 l -320 -384 q -15 -17 -15 -41 q 0 -26 19 -45 t 45 -19 h 192 V 640 H 896 q -16 0 -25 -12 L 711 436 q -7 -9 -7 -20 q 0 -13 9.5 -22.5 T 736 384 h 960 q 8 0 13.5 2 t 9 7 t 5.5 8 t 3 11.5 t 1 11.5 v 600 h 192 q 26 0 45 19 t 19 45 Z" />
</symbol>
<symbol id="fa-star" viewBox="0 0 1792 1792">
<title>Favorite</title>
<path d="M 1728 647 q 0 22 -26 48 l -363 354 l 86 500 q 1 7 1 20 q 0 21 -10.5 35.5 T 1385 1619 q -19 0 -40 -12 l -449 -236 l -449 236 q -22 12 -40 12 q -21 0 -31.5 -14.5 T 365 1569 q 0 -6 2 -20 l 86 -500 L 89 695 q -25 -27 -25 -48 q 0 -37 56 -46 l 502 -73 L 847 73 q 19 -41 49 -41 t 49 41 l 225 455 l 502 73 q 56 9 56 46 Z" />
</symbol>
<symbol id="fa-ellipsis-h" viewBox="0 0 1792 1792">
<title>More</title>
<path d="M 576 736 v 192 q 0 40 -28 68 t -68 28 H 288 q -40 0 -68 -28 t -28 -68 V 736 q 0 -40 28 -68 t 68 -28 h 192 q 40 0 68 28 t 28 68 Z m 512 0 v 192 q 0 40 -28 68 t -68 28 H 800 q -40 0 -68 -28 t -28 -68 V 736 q 0 -40 28 -68 t 68 -28 h 192 q 40 0 68 28 t 28 68 Z m 512 0 v 192 q 0 40 -28 68 t -68 28 h -192 q -40 0 -68 -28 t -28 -68 V 736 q 0 -40 28 -68 t 68 -28 h 192 q 40 0 68 28 t 28 68 Z" />
</symbol>
<symbol id="fa-spinner" viewBox="0 0 1792 1792">
<title>Spinner</title>
<path d="M 526 1394 q 0 53 -37.5 90.5 T 398 1522 q -52 0 -90 -38 t -38 -90 q 0 -53 37.5 -90.5 T 398 1266 t 90.5 37.5 T 526 1394 Z m 498 206 q 0 53 -37.5 90.5 T 896 1728 t -90.5 -37.5 T 768 1600 t 37.5 -90.5 T 896 1472 t 90.5 37.5 t 37.5 90.5 Z M 320 896 q 0 53 -37.5 90.5 T 192 1024 t -90.5 -37.5 T 64 896 t 37.5 -90.5 T 192 768 t 90.5 37.5 T 320 896 Z m 1202 498 q 0 52 -38 90 t -90 38 q -53 0 -90.5 -37.5 T 1266 1394 t 37.5 -90.5 t 90.5 -37.5 t 90.5 37.5 t 37.5 90.5 Z M 558 398 q 0 66 -47 113 t -113 47 t -113 -47 t -47 -113 t 47 -113 t 113 -47 t 113 47 t 47 113 Z m 1170 498 q 0 53 -37.5 90.5 T 1600 1024 t -90.5 -37.5 T 1472 896 t 37.5 -90.5 T 1600 768 t 90.5 37.5 T 1728 896 Z m -640 -704 q 0 80 -56 136 t -136 56 t -136 -56 t -56 -136 t 56 -136 T 896 0 t 136 56 t 56 136 Z m 530 206 q 0 93 -66 158.5 T 1394 622 q -93 0 -158.5 -65.5 T 1170 398 q 0 -92 65.5 -158 t 158.5 -66 q 92 0 158 66 t 66 158 Z" />
</symbol>
<symbol id="fa-user" viewBox="0 0 1792 1792">
<title>Empty user profile</title>
<path d="M 1536 1399 q 0 109 -62.5 187 t -150.5 78 H 469 q -88 0 -150.5 -78 T 256 1399 q 0 -85 8.5 -160.5 t 31.5 -152 t 58.5 -131 t 94 -89 T 583 832 q 131 128 313 128 t 313 -128 q 76 0 134.5 34.5 t 94 89 t 58.5 131 t 31.5 152 t 8.5 160.5 Z m -256 -887 q 0 159 -112.5 271.5 T 896 896 T 624.5 783.5 T 512 512 t 112.5 -271.5 T 896 128 t 271.5 112.5 T 1280 512 Z" />
</symbol>
<symbol id="fa-play-circle" viewBox="0 0 1792 1792">
<title>Play</title>
<path d="M 896 128 q 209 0 385.5 103 T 1561 510.5 T 1664 896 t -103 385.5 t -279.5 279.5 T 896 1664 t -385.5 -103 T 231 1281.5 T 128 896 t 103 -385.5 T 510.5 231 T 896 128 Z m 384 823 q 32 -18 32 -55 t -32 -55 L 736 521 q -31 -19 -64 -1 q -32 19 -32 56 v 640 q 0 37 32 56 q 16 8 32 8 q 17 0 32 -9 Z" />
</symbol>
<symbol id="fa-eye" viewBox="0 0 1792 1792">
<title>Show Sensitive Content</title>
<path d="M 1664 960 q -152 -236 -381 -353 q 61 104 61 225 q 0 185 -131.5 316.5 T 896 1280 t -316.5 -131.5 T 448 832 q 0 -121 61 -225 q -229 117 -381 353 q 133 205 333.5 326.5 T 896 1408 t 434.5 -121.5 T 1664 960 Z M 944 576 q 0 -20 -14 -34 t -34 -14 q -125 0 -214.5 89.5 T 592 832 q 0 20 14 34 t 34 14 t 34 -14 t 14 -34 q 0 -86 61 -147 t 147 -61 q 20 0 34 -14 t 14 -34 Z m 848 384 q 0 34 -20 69 q -140 230 -376.5 368.5 T 896 1536 t -499.5 -139 T 20 1029 Q 0 994 0 960 t 20 -69 q 140 -229 376.5 -368 T 896 384 t 499.5 139 T 1772 891 q 20 35 20 69 Z" />
</symbol>
<symbol id="fa-eye-slash" viewBox="0 0 1792 1792">
<title>Hide Sensitive Content</title>
<path d="M 555 1335 l 78 -141 q -87 -63 -136 -159 t -49 -203 q 0 -121 61 -225 q -229 117 -381 353 q 167 258 427 375 Z m 389 -759 q 0 -20 -14 -34 t -34 -14 q -125 0 -214.5 89.5 T 592 832 q 0 20 14 34 t 34 14 t 34 -14 t 14 -34 q 0 -86 61 -147 t 147 -61 q 20 0 34 -14 t 14 -34 Z m 363 -191 q 0 7 -1 9 q -106 189 -316 567 t -315 566 l -49 89 q -10 16 -28 16 q -12 0 -134 -70 q -16 -10 -16 -28 q 0 -12 44 -87 q -143 -65 -263.5 -173 T 20 1029 Q 0 998 0 960 t 20 -69 q 153 -235 380 -371 t 496 -136 q 89 0 180 17 l 54 -97 q 10 -16 28 -16 q 5 0 18 6 t 31 15.5 t 33 18.5 t 31.5 18.5 T 1291 358 q 16 10 16 27 Z m 37 447 q 0 139 -79 253.5 T 1056 1250 l 280 -502 q 8 45 8 84 Z m 448 128 q 0 35 -20 69 q -39 64 -109 145 q -150 172 -347.5 267 T 896 1536 l 74 -132 q 212 -18 392.5 -137 T 1664 960 q -115 -179 -282 -294 l 63 -112 q 95 64 182.5 153 T 1772 891 q 20 34 20 69 Z" />
</symbol>
<symbol id="fa-lock" viewBox="0 0 1792 1792">
<title>Locked</title>
<path d="M 640 768 h 512 V 576 q 0 -106 -75 -181 t -181 -75 t -181 75 t -75 181 v 192 Z m 832 96 v 576 q 0 40 -28 68 t -68 28 H 416 q -40 0 -68 -28 t -28 -68 V 864 q 0 -40 28 -68 t 68 -28 h 32 V 576 q 0 -184 132 -316 t 316 -132 t 316 132 t 132 316 v 192 h 32 q 40 0 68 28 t 28 68 Z" />
</symbol>
<symbol id="fa-unlock" viewBox="0 0 1792 1792">
<title>Unlocked</title>
<path d="M 1728 576 v 256 q 0 26 -19 45 t -45 19 h -64 q -26 0 -45 -19 t -19 -45 V 576 q 0 -106 -75 -181 t -181 -75 t -181 75 t -75 181 v 192 h 96 q 40 0 68 28 t 28 68 v 576 q 0 40 -28 68 t -68 28 H 160 q -40 0 -68 -28 t -28 -68 V 864 q 0 -40 28 -68 t 68 -28 h 672 V 576 q 0 -185 131.5 -316.5 T 1280 128 t 316.5 131.5 T 1728 576 Z" />
</symbol>
<symbol id="fa-envelope" viewBox="0 0 1792 1792">
<title>Sealed Envelope</title>
<path d="M 1792 710 v 794 q 0 66 -47 113 t -113 47 H 160 q -66 0 -113 -47 T 0 1504 V 710 q 44 49 101 87 q 362 246 497 345 q 57 42 92.5 65.5 t 94.5 48 t 110 24.5 h 2 q 51 0 110 -24.5 t 94.5 -48 t 92.5 -65.5 q 170 -123 498 -345 q 57 -39 100 -87 Z m 0 -294 q 0 79 -49 151 t -122 123 q -376 261 -468 325 q -10 7 -42.5 30.5 t -54 38 t -52 32.5 t -57.5 27 t -50 9 h -2 q -23 0 -50 -9 t -57.5 -27 t -52 -32.5 t -54 -38 T 639 1015 q -91 -64 -262 -182.5 T 172 690 q -62 -42 -117 -115.5 T 0 438 q 0 -78 41.5 -130 T 160 256 h 1472 q 65 0 112.5 47 t 47.5 113 Z" />
</symbol>
<symbol id="fa-user-times" viewBox="0 0 2048 1792">
<title>Stop Following</title>
<path d="M 704 896 q -159 0 -271.5 -112.5 T 320 512 t 112.5 -271.5 T 704 128 t 271.5 112.5 T 1088 512 T 975.5 783.5 T 704 896 Z m 1077 320 l 249 249 q 9 9 9 23 q 0 13 -9 22 l -136 136 q -9 9 -22 9 q -14 0 -23 -9 l -249 -249 l -249 249 q -9 9 -23 9 q -13 0 -22 -9 l -136 -136 q -9 -9 -9 -22 q 0 -14 9 -23 l 249 -249 l -249 -249 q -9 -9 -9 -23 q 0 -13 9 -22 l 136 -136 q 9 -9 22 -9 q 14 0 23 9 l 249 249 l 249 -249 q 9 -9 23 -9 q 13 0 22 9 l 136 136 q 9 9 9 22 q 0 14 -9 23 Z m -498 0 l -181 181 q -37 37 -37 91 q 0 53 37 90 l 83 83 q -21 3 -44 3 H 267 q -121 0 -194 -69 T 0 1405 q 0 -53 3.5 -103.5 t 14 -109 T 44 1084 t 43 -97.5 t 62 -81 t 85.5 -53.5 T 346 832 q 19 0 39 17 q 154 122 319 122 t 319 -122 q 20 -17 39 -17 q 28 0 57 6 q -28 27 -41 50 t -13 56 q 0 54 37 91 Z" />
</symbol>
<symbol id="fa-user-plus" viewBox="0 0 2048 1792">
<title>Follow</title>
<path d="M 704 896 q -159 0 -271.5 -112.5 T 320 512 t 112.5 -271.5 T 704 128 t 271.5 112.5 T 1088 512 T 975.5 783.5 T 704 896 Z m 960 128 h 352 q 13 0 22.5 9.5 t 9.5 22.5 v 192 q 0 13 -9.5 22.5 t -22.5 9.5 h -352 v 352 q 0 13 -9.5 22.5 t -22.5 9.5 h -192 q -13 0 -22.5 -9.5 t -9.5 -22.5 v -352 h -352 q -13 0 -22.5 -9.5 t -9.5 -22.5 v -192 q 0 -13 9.5 -22.5 t 22.5 -9.5 h 352 V 672 q 0 -13 9.5 -22.5 t 22.5 -9.5 h 192 q 13 0 22.5 9.5 t 9.5 22.5 v 352 Z m -736 224 q 0 52 38 90 t 90 38 h 256 v 238 q -68 50 -171 50 H 267 q -121 0 -194 -69 T 0 1405 q 0 -53 3.5 -103.5 t 14 -109 T 44 1084 t 43 -97.5 t 62 -81 t 85.5 -53.5 T 346 832 q 19 0 39 17 q 79 61 154.5 91.5 T 704 971 t 164.5 -30.5 T 1023 849 q 20 -17 39 -17 q 132 0 217 96 h -223 q -52 0 -90 38 t -38 90 v 192 Z" />
</symbol>
<symbol id="fa-external-link" viewBox="0 0 1792 1792">
<title>External Link</title>
<path d="M 1408 928 v 320 q 0 119 -84.5 203.5 T 1120 1536 H 288 q -119 0 -203.5 -84.5 T 0 1248 V 416 q 0 -119 84.5 -203.5 T 288 128 h 704 q 14 0 23 9 t 9 23 v 64 q 0 14 -9 23 t -23 9 H 288 q -66 0 -113 47 t -47 113 v 832 q 0 66 47 113 t 113 47 h 832 q 66 0 113 -47 t 47 -113 V 928 q 0 -14 9 -23 t 23 -9 h 64 q 14 0 23 9 t 9 23 Z m 384 -864 v 512 q 0 26 -19 45 t -45 19 t -45 -19 l -176 -176 l -652 652 q -10 10 -23 10 t -23 -10 L 695 983 q -10 -10 -10 -23 t 10 -23 l 652 -652 l -176 -176 q -19 -19 -19 -45 t 19 -45 t 45 -19 h 512 q 26 0 45 19 t 19 45 Z" />
</symbol>
<symbol id="fa-search" viewBox="0 0 1792 1792">
<title>Search</title>
<path d="M 1216 832 q 0 -185 -131.5 -316.5 T 768 384 T 451.5 515.5 T 320 832 t 131.5 316.5 T 768 1280 t 316.5 -131.5 T 1216 832 Z m 512 832 q 0 52 -38 90 t -90 38 q -54 0 -90 -38 l -343 -342 q -179 124 -399 124 q -143 0 -273.5 -55.5 t -225 -150 t -150 -225 T 64 832 t 55.5 -273.5 t 150 -225 t 225 -150 T 768 128 t 273.5 55.5 t 225 150 t 150 225 T 1472 832 q 0 220 -124 399 l 343 343 q 37 37 37 90 Z" />
</symbol>
<symbol id="fa-comments" viewBox="0 0 1792 1792">
<title>Conversations</title>
<path d="M 1408 768 q 0 139 -94 257 t -256.5 186.5 T 704 1280 q -86 0 -176 -16 q -124 88 -278 128 q -36 9 -86 16 h -3 q -11 0 -20.5 -8 t -11.5 -21 q -1 -3 -1 -6.5 t 0.5 -6.5 t 2 -6 l 2.5 -5 l 3.5 -5.5 l 4 -5 l 4.5 -5 l 4 -4.5 q 5 -6 23 -25 t 26 -29.5 t 22.5 -29 t 25 -38.5 t 20.5 -44 q -124 -72 -195 -177 T 0 768 q 0 -139 94 -257 t 256.5 -186.5 T 704 256 t 353.5 68.5 T 1314 511 t 94 257 Z m 384 256 q 0 120 -71 224.5 T 1526 1425 q 10 24 20.5 44 t 25 38.5 t 22.5 29 t 26 29.5 t 23 25 q 1 1 4 4.5 t 4.5 5 t 4 5 t 3.5 5.5 l 2.5 5 l 2 6 l 0.5 6.5 l -1 6.5 q -3 14 -13 22 t -22 7 q -50 -7 -86 -16 q -154 -40 -278 -128 q -90 16 -176 16 q -271 0 -472 -132 q 58 4 88 4 q 161 0 309 -45 t 264 -129 q 125 -92 192 -212 t 67 -254 q 0 -77 -23 -152 q 129 71 204 178 t 75 230 Z" />
</symbol>
<symbol id="fa-paperclip" viewBox="0 0 1792 1792">
<title>Paperclip</title>
<path d="M 1596 1385 q 0 117 -79 196 t -196 79 q -135 0 -235 -100 L 309 784 Q 196 669 196 513 q 0 -159 110 -270 t 269 -111 q 158 0 273 113 l 605 606 q 10 10 10 22 q 0 16 -30.5 46.5 T 1386 950 q -13 0 -23 -10 L 757 333 q -79 -77 -181 -77 q -106 0 -179 75 t -73 181 q 0 105 76 181 l 776 777 q 63 63 145 63 q 64 0 106 -42 t 42 -106 q 0 -82 -63 -145 L 825 659 q -26 -24 -60 -24 q -29 0 -48 19 t -19 48 q 0 32 25 59 l 410 410 q 10 10 10 22 q 0 16 -31 47 t -47 31 q -12 0 -22 -10 L 633 851 q -63 -61 -63 -149 q 0 -82 57 -139 t 139 -57 q 88 0 149 63 l 581 581 q 100 98 100 235 Z" />
</symbol>
<symbol id="fa-thumb-tack" viewBox="0 0 1792 1792">
<title>Thumbtack</title>
<path d="M 800 864 V 416 q 0 -14 -9 -23 t -23 -9 t -23 9 t -9 23 v 448 q 0 14 9 23 t 23 9 t 23 -9 t 9 -23 Z m 672 352 q 0 26 -19 45 t -45 19 H 979 l -51 483 q -2 12 -10.5 20.5 T 897 1792 h -1 q -27 0 -32 -27 l -76 -485 H 384 q -26 0 -45 -19 t -19 -45 q 0 -123 78.5 -221.5 T 576 896 V 384 q -52 0 -90 -38 t -38 -90 t 38 -90 t 90 -38 h 640 q 52 0 90 38 t 38 90 t -38 90 t -90 38 v 512 q 99 0 177.5 98.5 T 1472 1216 Z" />
</symbol>
<symbol id="fa-bars" viewBox="0 0 1792 1792">
<title>List</title>
<path d="M 1664 1344 v 128 q 0 26 -19 45 t -45 19 H 192 q -26 0 -45 -19 t -19 -45 v -128 q 0 -26 19 -45 t 45 -19 h 1408 q 26 0 45 19 t 19 45 Z m 0 -512 v 128 q 0 26 -19 45 t -45 19 H 192 q -26 0 -45 -19 t -19 -45 V 832 q 0 -26 19 -45 t 45 -19 h 1408 q 26 0 45 19 t 19 45 Z m 0 -512 v 128 q 0 26 -19 45 t -45 19 H 192 q -26 0 -45 -19 t -19 -45 V 320 q 0 -26 19 -45 t 45 -19 h 1408 q 26 0 45 19 t 19 45 Z" />
</symbol>
<symbol id="fa-ban" viewBox="0 0 1792 1792">
<title>Ban</title>
<path d="M 1440 893 q 0 -161 -87 -295 l -754 753 q 137 89 297 89 q 111 0 211.5 -43.5 T 1281 1280 t 116 -174.5 t 43 -212.5 Z m -999 299 l 755 -754 q -135 -91 -300 -91 q -148 0 -273 73 T 425 619 t -73 274 q 0 162 89 299 Z m 1223 -299 q 0 157 -61 300 t -163.5 246 t -245 164 t -298.5 61 t -298.5 -61 t -245 -164 T 189 1193 t -61 -300 t 61 -299.5 T 352.5 348 t 245 -164 T 896 123 t 298.5 61 t 245 164 T 1603 593.5 t 61 299.5 Z" />
</symbol>
<symbol id="fa-camera" viewBox="0 0 2048 1792">
<title>Add media</title>
<path d="M 1024 672 q 119 0 203.5 84.5 T 1312 960 t -84.5 203.5 T 1024 1248 t -203.5 -84.5 T 736 960 t 84.5 -203.5 T 1024 672 Z m 704 -416 q 106 0 181 75 t 75 181 v 896 q 0 106 -75 181 t -181 75 H 320 q -106 0 -181 -75 t -75 -181 V 512 q 0 -106 75 -181 t 181 -75 h 224 l 51 -136 q 19 -49 69.5 -84.5 T 768 0 h 512 q 53 0 103.5 35.5 T 1453 120 l 51 136 h 224 Z m -704 1152 q 185 0 316.5 -131.5 T 1472 960 t -131.5 -316.5 T 1024 512 T 707.5 643.5 T 576 960 t 131.5 316.5 T 1024 1408 Z" />
</symbol>
<symbol id="fa-smile" viewBox="0 0 1792 1792">
<title>Custom emoji</title>
<path d="M 1262 1075 q -37 121 -138 195 t -228 74 t -228 -74 t -138 -195 q -8 -25 4 -48.5 t 38 -31.5 q 25 -8 48.5 4 t 31.5 38 q 25 80 92.5 129.5 T 896 1216 t 151.5 -49.5 T 1140 1037 q 8 -26 32 -38 t 49 -4 t 37 31.5 t 4 48.5 Z M 768 640 q 0 53 -37.5 90.5 T 640 768 t -90.5 -37.5 T 512 640 t 37.5 -90.5 T 640 512 t 90.5 37.5 T 768 640 Z m 512 0 q 0 53 -37.5 90.5 T 1152 768 t -90.5 -37.5 T 1024 640 t 37.5 -90.5 T 1152 512 t 90.5 37.5 T 1280 640 Z m 256 256 q 0 -130 -51 -248.5 t -136.5 -204 t -204 -136.5 T 896 256 t -248.5 51 t -204 136.5 t -136.5 204 T 256 896 t 51 248.5 t 136.5 204 t 204 136.5 t 248.5 51 t 248.5 -51 t 204 -136.5 t 136.5 -204 t 51 -248.5 Z m 128 0 q 0 209 -103 385.5 T 1281.5 1561 T 896 1664 t -385.5 -103 T 231 1281.5 T 128 896 t 103 -385.5 T 510.5 231 T 896 128 t 385.5 103 T 1561 510.5 T 1664 896 Z" />
</symbol>
<symbol id="fa-exclamation-triangle" viewBox="0 0 1792 1792">
<title>Content warning</title>
<path d="M 1024 1375 v -190 q 0 -14 -9.5 -23.5 T 992 1152 H 800 q -13 0 -22.5 9.5 T 768 1185 v 190 q 0 14 9.5 23.5 t 22.5 9.5 h 192 q 13 0 22.5 -9.5 t 9.5 -23.5 Z m -2 -374 l 18 -459 q 0 -12 -10 -19 q -13 -11 -24 -11 H 786 q -11 0 -24 11 q -10 7 -10 21 l 17 457 q 0 10 10 16.5 t 24 6.5 h 185 q 14 0 23.5 -6.5 t 10.5 -16.5 Z m -14 -934 l 768 1408 q 35 63 -2 126 q -17 29 -46.5 46 t -63.5 17 H 128 q -34 0 -63.5 -17 T 18 1601 q -37 -63 -2 -126 L 784 67 q 17 -31 47 -49 t 65 -18 t 65 18 t 47 49 Z" />
</symbol>
<symbol id="fa-check" viewBox="0 0 1792 1792">
<title>Check</title>
<path d="M 1671 566 q 0 40 -28 68 l -724 724 l -136 136 q -28 28 -68 28 t -68 -28 l -136 -136 l -362 -362 q -28 -28 -28 -68 t 28 -68 l 136 -136 q 28 -28 68 -28 t 68 28 l 294 295 l 656 -657 q 28 -28 68 -28 t 68 28 l 136 136 q 28 28 28 68 Z" />
</symbol>
<symbol id="fa-trash" viewBox="0 0 1792 1792">
<title>Delete</title>
<path d="M 704 736 v 576 q 0 14 -9 23 t -23 9 h -64 q -14 0 -23 -9 t -9 -23 V 736 q 0 -14 9 -23 t 23 -9 h 64 q 14 0 23 9 t 9 23 Z m 256 0 v 576 q 0 14 -9 23 t -23 9 h -64 q -14 0 -23 -9 t -9 -23 V 736 q 0 -14 9 -23 t 23 -9 h 64 q 14 0 23 9 t 9 23 Z m 256 0 v 576 q 0 14 -9 23 t -23 9 h -64 q -14 0 -23 -9 t -9 -23 V 736 q 0 -14 9 -23 t 23 -9 h 64 q 14 0 23 9 t 9 23 Z m 128 724 V 512 H 448 v 948 q 0 22 7 40.5 t 14.5 27 t 10.5 8.5 h 832 q 3 0 10.5 -8.5 t 14.5 -27 t 7 -40.5 Z M 672 384 h 448 l -48 -117 q -7 -9 -17 -11 H 738 q -10 2 -17 11 Z m 928 32 v 64 q 0 14 -9 23 t -23 9 h -96 v 948 q 0 83 -47 143.5 t -113 60.5 H 480 q -66 0 -113 -58.5 T 320 1464 V 512 h -96 q -14 0 -23 -9 t -9 -23 v -64 q 0 -14 9 -23 t 23 -9 h 309 l 70 -167 q 15 -37 54 -63 t 79 -26 h 320 q 40 0 79 26 t 54 63 l 70 167 h 309 q 14 0 23 9 t 9 23 Z" />
</symbol>
<symbol id="fa-hourglass" viewBox="0 0 1792 1792">
<title>Follow requested</title>
<path d="M 1632 1600 q 14 0 23 9 t 9 23 v 128 q 0 14 -9 23 t -23 9 H 160 q -14 0 -23 -9 t -9 -23 v -128 q 0 -14 9 -23 t 23 -9 h 1472 Z m -1374 -64 q 3 -55 16 -107 t 30 -95 t 46 -87 t 53.5 -76 t 64.5 -69.5 t 66 -60 t 70.5 -55 T 671 939 t 65 -43 q -43 -28 -65 -43 t -66.5 -47.5 t -70.5 -55 t -66 -60 t -64.5 -69.5 t -53.5 -76 t -46 -87 t -30 -95 t -16 -107 h 1276 q -3 55 -16 107 t -30 95 t -46 87 t -53.5 76 t -64.5 69.5 t -66 60 t -70.5 55 T 1121 853 t -65 43 q 43 28 65 43 t 66.5 47.5 t 70.5 55 t 66 60 t 64.5 69.5 t 53.5 76 t 46 87 t 30 95 t 16 107 H 258 Z M 1632 0 q 14 0 23 9 t 9 23 v 128 q 0 14 -9 23 t -23 9 H 160 q -14 0 -23 -9 t -9 -23 V 32 q 0 -14 9 -23 t 23 -9 h 1472 Z" />
</symbol>
<symbol id="fa-pencil" viewBox="0 0 1792 1792">
<title>Compose</title>
<path d="M 491 1536 l 91 -91 l -235 -235 l -91 91 v 107 h 128 v 128 h 107 Z m 523 -928 q 0 -22 -22 -22 q -10 0 -17 7 l -542 542 q -7 7 -7 17 q 0 22 22 22 q 10 0 17 -7 l 542 -542 q 7 -7 7 -17 Z m -54 -192 l 416 416 l -832 832 H 128 v -416 Z m 683 96 q 0 53 -37 90 l -166 166 l -416 -416 l 166 -165 q 36 -38 90 -38 q 53 0 91 38 l 235 234 q 37 39 37 91 Z" />
</symbol>
<symbol id="fa-times" viewBox="0 0 1792 1792">
<title>Close</title>
<path d="M 1490 1322 q 0 40 -28 68 l -136 136 q -28 28 -68 28 t -68 -28 l -294 -294 l -294 294 q -28 28 -68 28 t -68 -28 l -136 -136 q -28 -28 -28 -68 t 28 -68 l 294 -294 l -294 -294 q -28 -28 -28 -68 t 28 -68 l 136 -136 q 28 -28 68 -28 t 68 28 l 294 294 l 294 -294 q 28 -28 68 -28 t 68 28 l 136 136 q 28 28 28 68 t -28 68 l -294 294 l 294 294 q 28 28 28 68 Z" />
</symbol>
<symbol id="fa-volume-off" viewBox="0 0 1792 1792">
<title>Mute</title>
<path d="M 1280 352 v 1088 q 0 26 -19 45 t -45 19 t -45 -19 l -333 -333 H 576 q -26 0 -45 -19 t -19 -45 V 704 q 0 -26 19 -45 t 45 -19 h 262 l 333 -333 q 19 -19 45 -19 t 45 19 t 19 45 Z" />
</symbol>
<symbol id="fa-volume-up" viewBox="0 0 1792 1792">
<title>Unmute</title>
<path d="M 832 352 v 1088 q 0 26 -19 45 t -45 19 t -45 -19 l -333 -333 H 128 q -26 0 -45 -19 t -19 -45 V 704 q 0 -26 19 -45 t 45 -19 h 262 l 333 -333 q 19 -19 45 -19 t 45 19 t 19 45 Z m 384 544 q 0 76 -42.5 141.5 T 1061 1131 q -10 5 -25 5 q -26 0 -45 -18.5 t -19 -45.5 q 0 -21 12 -35.5 t 29 -25 t 34 -23 t 29 -36 t 12 -56.5 t -12 -56.5 t -29 -36 t -34 -23 t -29 -25 t -12 -35.5 q 0 -27 19 -45.5 t 45 -18.5 q 15 0 25 5 q 70 27 112.5 93 t 42.5 142 Z m 256 0 q 0 153 -85 282.5 T 1162 1367 q -13 5 -25 5 q -27 0 -46 -19 t -19 -45 q 0 -39 39 -59 q 56 -29 76 -44 q 74 -54 115.5 -135.5 T 1344 896 t -41.5 -173.5 T 1187 587 q -20 -15 -76 -44 q -39 -20 -39 -59 q 0 -26 19 -45 t 45 -19 q 13 0 26 5 q 140 59 225 188.5 t 85 282.5 Z m 256 0 q 0 230 -127 422.5 T 1263 1602 q -13 5 -26 5 q -26 0 -45 -19 t -19 -45 q 0 -36 39 -59 q 7 -4 22.5 -10.5 t 22.5 -10.5 q 46 -25 82 -51 q 123 -91 192 -227 t 69 -289 t -69 -289 t -192 -227 q -36 -26 -82 -51 q -7 -4 -22.5 -10.5 T 1212 308 q -39 -23 -39 -59 q 0 -26 19 -45 t 45 -19 q 13 0 26 5 q 211 91 338 283.5 T 1728 896 Z" />
</symbol>
<symbol id="fa-link" viewBox="0 0 1792 1792">
<title>Link</title>
<path d="M 1520 1216 q 0 -40 -28 -68 l -208 -208 q -28 -28 -68 -28 q -42 0 -72 32 q 3 3 19 18.5 t 21.5 21.5 t 15 19 t 13 25.5 t 3.5 27.5 q 0 40 -28 68 t -68 28 q -15 0 -27.5 -3.5 t -25.5 -13 t -19 -15 t -21.5 -21.5 t -18.5 -19 q -33 31 -33 73 q 0 40 28 68 l 206 207 q 27 27 68 27 q 40 0 68 -26 l 147 -146 q 28 -28 28 -67 Z M 817 511 q 0 -40 -28 -68 L 583 236 q -28 -28 -68 -28 q -39 0 -68 27 L 300 381 q -28 28 -28 67 q 0 40 28 68 l 208 208 q 27 27 68 27 q 42 0 72 -31 q -3 -3 -19 -18.5 T 607.5 680 t -15 -19 t -13 -25.5 T 576 608 q 0 -40 28 -68 t 68 -28 q 15 0 27.5 3.5 t 25.5 13 t 19 15 t 21.5 21.5 t 18.5 19 q 33 -31 33 -73 Z m 895 705 q 0 120 -85 203 l -147 146 q -83 83 -203 83 q -121 0 -204 -85 l -206 -207 q -83 -83 -83 -203 q 0 -123 88 -209 l -88 -88 q -86 88 -208 88 q -120 0 -204 -84 L 164 652 q -84 -84 -84 -204 t 85 -203 L 312 99 q 83 -83 203 -83 q 121 0 204 85 l 206 207 q 83 83 83 203 q 0 123 -88 209 l 88 88 q 86 -88 208 -88 q 120 0 204 84 l 208 208 q 84 84 84 204 Z" />
</symbol>
</svg><!-- end insert svg here -->
</svg>
<!-- The application will be rendered inside this element,
because `templates/main.js` references it -->
<div id="sapper">
<nav class="main-nav">
<ul class="main-nav-ul">
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Home" href="/">
<div class="nav-icon-and-label"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#pinafore-logo" /></svg>
<span class="nav-link-label">Home</span></div>
<div class="nav-indicator" nav-indicator-key="home"></div>
</a>
</li>
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Notifications" href="/notifications">
<div class="nav-icon-and-label">
<div class="nav-link-svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-bell" /></svg>
</div>
<span class="nav-link-label">Notifications</span>
</div>
<div class="nav-indicator" nav-indicator-key="notifications"></div>
</a>
</li>
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Local" href="/local">
<div class="nav-icon-and-label"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-users" /></svg>
<span class="nav-link-label">Local</span></div>
<div class="nav-indicator" nav-indicator-key="local"></div>
</a>
</li>
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Community" href="/community">
<div class="nav-icon-and-label"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-comments" /></svg>
<span class="nav-link-label">Community</span></div>
<div class="nav-indicator" nav-indicator-key="community"></div>
</a>
</li>
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Search" href="/search">
<div class="nav-icon-and-label"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-search" /></svg>
<span class="nav-link-label">Search</span></div>
<div class="nav-indicator" nav-indicator-key="search"></div>
</a>
</li>
<li class="main-nav-li"><a class="main-nav-link " aria-current="false" aria-label="Settings" href="/settings">
<div class="nav-icon-and-label"><svg xmlns="http://www.w3.org/2000/svg" class="nav-link-svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-gear" /></svg>
<span class="nav-link-label">Settings</span></div>
<div class="nav-indicator" nav-indicator-key="settings"></div>
</a>
</li>
</ul>
</nav>
<div class="main-content">
<main>
<div class="timeline-page" aria-busy="false">
<div class="timeline-slot-reveal-container ">
<div class="dynamic-page-banner " role="navigation" aria-label="Page header">
<h1 class="dynamic-page-title" aria-label="">#mastoadmins</h1>
<button class="dynamic-page-go-back" aria-label="Go back" type="button">Back</button>
</div>
</div>
<div class="timeline-anchor-container">
<div class="timeline-reveal-container ">
<div class="lazy-timeline">
<h1 class="sr-only">Statuses: #mastoadmins hashtag</h1>
<div class="timeline" role="feed">
<!---->
<div class="virtual-list" style="height: 10446.93px;">
<div class="virtual-list-header ">
<div class="more-items-header"><button class="primary" type="button">Show 0 more</button></div>
</div>
<!---->
<div class="virtual-list-item list-item shown" aria-hidden="false" style="transform: translateY(0px);"
virtual-list-key="101146685033931379">
<article tabindex="0" class="status-article status-in-timeline" aria-posinset="0" aria-setsize="43"
aria-label="☕🏴‍☠️ Crazypedia 🍵🏴‍☠️, Question for other #mastoadminsI am looking at changing instance hosting providers. If i move to something like #AWS/#Azure does it make sense to offload the #pgSQL to their database service or keep it on the instance? If i move it off the instance, are the resource savings enough to significantly step down the RAM usage, like from 4GB to 2GB or less?I am looking to minimize costs while also learning new things., 2 hours ago, @crazypedia@toot.chat, Public"
focus-key="status-malfunctioning.technology/tag/mastoadmins//101146685033931379" delegate-key="status-malfunctioning.technology/tag/mastoadmins//101146685033931379">
<a title="@crazypedia@toot.chat" class="status-author-name " href="/accounts/4636" focus-key="status-author-name-malfunctioning.technology/tag/mastoadmins//101146685033931379"><span
class="account-display-name"><span class="inline-emoji">☕</span><span class="inline-emoji">🏴‍☠️</span>
Crazypedia <span class="inline-emoji">🍵</span><span class="inline-emoji">🏴‍☠️</span></span></a>
<span class="status-author-handle ">@crazypedia@toot.chat</span>
<a class="status-relative-date " href="/statuses/101146685033931379" focus-key="status-relative-date-malfunctioning.technology/tag/mastoadmins//101146685033931379"><time
title="2 hours ago" aria-label="2 hours ago – click to show thread" datetime="2018-11-28T03:32:11.000Z">2
hours ago</time></a>
<a class="status-sidebar size-small" aria-hidden="true" href="/accounts/4636" focus-key="status-author-avatar-malfunctioning.technology/tag/mastoadmins//101146685033931379"><img
width="48" height="48" title="" class="avatar loaded non-autoplay-zoom-in is-link" aria-hidden="true" alt=""
src="https://malfunctioning.technology/system/accounts/avatars/000/004/636/static/a33d76f18c7f944c.png?1517239850">
<!----></a>
<div class="status-content shown">
<p>Question for other <a class="mention hashtag" href="/tags/mastoadmins" focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101146685033931379-1">#<span>mastoadmins</span></a><br>I
am looking at changing instance hosting providers. If i move to something like <a class="mention hashtag"
href="/tags/aws" focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101146685033931379-2">#<span>AWS</span></a>/#Azure
does it make sense to offload the <a class="mention hashtag" href="/tags/pgsql" focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101146685033931379-3">#<span>pgSQL</span></a>
to their database service or keep it on the instance? If i move it off the instance, are the resource
savings enough to significantly step down the RAM usage, like from 4GB to 2GB or less?<br>I am looking to
minimize costs while also learning new things.</p>
</div>
<div class="status-toolbar "><button title="Reply" class="icon-button status-toolbar-reply-button"
aria-pressed="false" aria-label="Reply" type="button" focus-key="reply-malfunctioning.technology/tag/mastoadmins//101146685033931379"
delegate-key="reply-malfunctioning.technology/tag/mastoadmins//101146685033931379"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-reply" /></svg></button>
<!---->
<button title="Boost" class="icon-button" aria-pressed="false" aria-label="Boost" type="button" focus-key=""
delegate-key="reblog-malfunctioning.technology/tag/mastoadmins//101146685033931379"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-retweet" /></svg></button>
<!---->
<button title="Favorite" class="icon-button" aria-pressed="false" aria-label="Favorite" type="button"
focus-key="" delegate-key="fav-malfunctioning.technology/tag/mastoadmins//101146685033931379"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-star" /></svg></button>
<!---->
<button title="Show more options" class="icon-button not-pressable" aria-pressed="" aria-label="Show more options"
type="button" focus-key="" delegate-key="options-malfunctioning.technology/tag/mastoadmins//101146685033931379"><svg
xmlns="http://www.w3.org/2000/svg" class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-ellipsis-h" /></svg></button>
<!---->
</div>
</article>
</div>
<!---->
<!---->
<div class="virtual-list-item list-item shown" aria-hidden="false" style="transform: translateY(600px);"
virtual-list-key="101145062899505525">
<article tabindex="0" class="status-article status-in-timeline" aria-posinset="1" aria-setsize="43"
aria-label="☕🏴‍☠️ Crazypedia 🍵🏴‍☠️, Whee! Toot Chat is in the midst of a catastrophic failure at our service provider! I am in the process of evacuating the database and configurations now. All toot chat users should expect that any data bast this point may be lost!I am investigating other hosting solutions now, some may be temporary. Rough seas ahead!#MastoAdmins if you have any advice hit me up on birdsite @Crazypedia@twitter.com please!, 9 hours ago, @crazypedia@toot.chat, Public"
focus-key="status-malfunctioning.technology/tag/mastoadmins//101145062899505525" delegate-key="status-malfunctioning.technology/tag/mastoadmins//101145062899505525">
<a title="@crazypedia@toot.chat" class="status-author-name " href="/accounts/4636" focus-key="status-author-name-malfunctioning.technology/tag/mastoadmins//101145062899505525"><span
class="account-display-name"><span class="inline-emoji">☕</span><span class="inline-emoji">🏴‍☠️</span>
Crazypedia <span class="inline-emoji">🍵</span><span class="inline-emoji">🏴‍☠️</span></span></a>
<span class="status-author-handle ">@crazypedia@toot.chat</span>
<a class="status-relative-date " href="/statuses/101145062899505525" focus-key="status-relative-date-malfunctioning.technology/tag/mastoadmins//101145062899505525"><time
title="9 hours ago" aria-label="9 hours ago – click to show thread" datetime="2018-11-27T20:39:39.000Z">9
hours ago</time></a>
<a class="status-sidebar size-small" aria-hidden="true" href="/accounts/4636" focus-key="status-author-avatar-malfunctioning.technology/tag/mastoadmins//101145062899505525"><img
width="48" height="48" title="" class="avatar loaded non-autoplay-zoom-in is-link" aria-hidden="true" alt=""
src="https://malfunctioning.technology/system/accounts/avatars/000/004/636/static/a33d76f18c7f944c.png?1517239850">
<!----></a>
<div class="status-content shown">
<p>Whee! Toot Chat is in the midst of a catastrophic failure at our service provider! I am in the process
of evacuating the database and configurations now. All toot chat users should expect that any data bast
this point may be lost!<br>I am investigating other hosting solutions now, some may be temporary. Rough
seas ahead!<br><a class="mention hashtag" href="/tags/mastoadmins" focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101145062899505525-1">#<span>MastoAdmins</span></a>
if you have any advice hit me up on birdsite @Crazypedia@twitter.com please!</p>
</div>
<div class="status-toolbar "><button title="Reply" class="icon-button status-toolbar-reply-button"
aria-pressed="false" aria-label="Reply" type="button" focus-key="reply-malfunctioning.technology/tag/mastoadmins//101145062899505525"
delegate-key="reply-malfunctioning.technology/tag/mastoadmins//101145062899505525"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-reply" /></svg></button>
<!---->
<button title="Boost" class="icon-button" aria-pressed="false" aria-label="Boost" type="button" focus-key=""
delegate-key="reblog-malfunctioning.technology/tag/mastoadmins//101145062899505525"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-retweet" /></svg></button>
<!---->
<button title="Favorite" class="icon-button" aria-pressed="false" aria-label="Favorite" type="button"
focus-key="" delegate-key="fav-malfunctioning.technology/tag/mastoadmins//101145062899505525"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-star" /></svg></button>
<!---->
<button title="Show more options" class="icon-button not-pressable" aria-pressed="" aria-label="Show more options"
type="button" focus-key="" delegate-key="options-malfunctioning.technology/tag/mastoadmins//101145062899505525"><svg
xmlns="http://www.w3.org/2000/svg" class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-ellipsis-h" /></svg></button>
<!---->
</div>
</article>
</div>
<!---->
<!---->
<div class="virtual-list-item list-item shown" aria-hidden="false" style="transform: translateY(1200px);"
virtual-list-key="101139300870822437">
<article tabindex="0" class="status-article status-in-timeline" aria-posinset="2" aria-setsize="43"
aria-label="Arjen P. de Vries, Hey Eugen @Gargron or other #mastoadmins any clue why, after upgrade to 2.6.2, the app Tusky works fine but the Web UI seems empty?, 1 day ago, @arjen@idf.social, Public"
focus-key="status-malfunctioning.technology/tag/mastoadmins//101139300870822437" delegate-key="status-malfunctioning.technology/tag/mastoadmins//101139300870822437">
<a title="@arjen@idf.social" class="status-author-name " href="/accounts/17016" focus-key="status-author-name-malfunctioning.technology/tag/mastoadmins//101139300870822437"><span
class="account-display-name">Arjen P. de Vries</span></a>
<span class="status-author-handle ">@arjen@idf.social</span>
<a class="status-relative-date " href="/statuses/101139300870822437" focus-key="status-relative-date-malfunctioning.technology/tag/mastoadmins//101139300870822437"><time
title="1 day ago" aria-label="1 day ago – click to show thread" datetime="2018-11-26T20:14:17.000Z">1 day
ago</time></a>
<a class="status-sidebar size-small" aria-hidden="true" href="/accounts/17016" focus-key="status-author-avatar-malfunctioning.technology/tag/mastoadmins//101139300870822437"><img
width="48" height="48" title="" class="avatar loaded is-link" aria-hidden="true" alt="" src="https://malfunctioning.technology/system/accounts/avatars/000/017/016/original/691dbda4df60ec64.jpeg?1543263342">
<!----></a>
<div class="status-content shown">
<p>Hey Eugen <span class="h-card"><a title="@Gargron@mastodon.social" class="u-url mention" href="/accounts/26"
focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101139300870822437-1">@<span>Gargron</span></a></span>
or other <a class="mention hashtag" href="/tags/mastoadmins" focus-key="status-content-link-malfunctioning.technology/tag/mastoadmins//101139300870822437-2">#<span>mastoadmins</span></a>
any clue why, after upgrade to 2.6.2, the app Tusky works fine but the Web UI seems empty?</p>
</div>
<div class="status-toolbar "><button title="Reply" class="icon-button status-toolbar-reply-button"
aria-pressed="false" aria-label="Reply" type="button" focus-key="reply-malfunctioning.technology/tag/mastoadmins//101139300870822437"
delegate-key="reply-malfunctioning.technology/tag/mastoadmins//101139300870822437"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-reply" /></svg></button>
<!---->
<button title="Boost" class="icon-button" aria-pressed="false" aria-label="Boost" type="button" focus-key=""
delegate-key="reblog-malfunctioning.technology/tag/mastoadmins//101139300870822437"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-retweet" /></svg></button>
<!---->
<button title="Favorite" class="icon-button" aria-pressed="false" aria-label="Favorite" type="button"
focus-key="" delegate-key="fav-malfunctioning.technology/tag/mastoadmins//101139300870822437"><svg xmlns="http://www.w3.org/2000/svg"
class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-star" /></svg></button>
<!---->
<button title="Show more options" class="icon-button not-pressable" aria-pressed="" aria-label="Show more options"
type="button" focus-key="" delegate-key="options-malfunctioning.technology/tag/mastoadmins//101139300870822437"><svg
xmlns="http://www.w3.org/2000/svg" class="icon-button-svg ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-ellipsis-h" /></svg></button>
<!---->
</div>
</article>
</div>
<!---->
<!---->
<div class="virtual-list-footer" style="transform: translateY(10368.9px);">
<div class="loading-footer hidden"><svg xmlns="http://www.w3.org/2000/svg" class="loading-spinner-icon spin "
style="width: 48px; height: 48px;" aria-label="Loading">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-spinner" /></svg>
<span class="loading-footer-info">Loading more...</span></div>
</div>
</div>
<!---->
<!---->
</div>
<!---->
</div>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</main>
</div>
</div>
<!-- Toast.html gets rendered here -->
<div id="toast">
<div class="toast-modal " role="alert" aria-hidden="false">
<div class="toast-container"></div>
</div>
</div>
<!-- LoadingMask.html gets rendered here -->
<div id="loading-mask" aria-hidden="true">
<div class="loading-mask-container "></div>
</div>
<!-- Sapper creates a <script> tag containing `templates/main.js`
and anything else it needs to hydrate the app and
initialise the router -->
<script src="/client/main.f0ded1e0cf5bba5f4e91.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment