12.61.1

Add suffix slot to MkLink
update deps
2020-12-03 23:08:42 +09:00 · 2020-12-03 23:06:46 +09:00 · 2020-12-03 22:57:47 +09:00 · 2020-12-03 22:54:00 +09:00 · 2020-12-03 22:52:50 +09:00 · 2020-12-02 20:33:03 +00:00
59 changed files with 2396 additions and 1280 deletions
--- a/.node-version
+++ b/.node-version
@ -1 +1 @@
-v14.15.0
+v14.15.1
--- a/2
+++ b/2
@ -1,4 +1,4 @@
-FROM node:14.15.0-alpine AS base
+FROM node:14.15.1-alpine AS base

 ENV NODE_ENV=production

--- a/README.md
+++ b/README.md
@ -8,7 +8,7 @@
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge&logo=github)](http://makeapullrequest.com)
 [![Awesome Humane Tech](https://raw.githubusercontent.com/humanetech-community/awesome-humane-tech/main/humane-tech-badge.svg?sanitize=true)](https://github.com/humanetech-community/awesome-humane-tech)

-**A forever evolving, professional microblogging platform.**
+**A forever evolving, interplanetary microblogging platform.**

 <p align="justify">
 <a href="https://join.misskey.page/">Misskey</a> is a decentralized microblogging platform born on Earth.
--- a/locales/ar-SA.yml
+++ b/locales/ar-SA.yml
@ -273,7 +273,6 @@ popularTags: "الوسوم الرائجة"
 userList: "القوائم"
 about: "عن"
 aboutMisskey: "عن Misskey"
-patrons: "الداعمون"
 administrator: "المدير"
 token: "الرمز المميز"
 twoStepAuthentication: "الإستيثاق بعاملَيْن"
--- a/locales/de-DE.yml
+++ b/locales/de-DE.yml
@ -127,6 +127,7 @@ cacheRemoteFilesDescription: "Wenn diese Einstellung deaktiviert ist, werden Dat
 flagAsBot: "Als Bot markieren"
 flagAsBotDescription: "Wenn dieser Account durch ein Programm gesteuert wird, setze diesen Haken. Falls aktiviert, agiert es als Flag für andere Entwickler um endlose Kettenreaktionen mit anderen Bots zu verhindern und lässt Misskey's interne Systeme diesen Account als Bot behandeln."
 flagAsCat: "Als Katze markieren"
+flagAsCatDescription: "Setze diese Flag um dieses Benutzerkonto als Katze zu markieren."
 autoAcceptFollowed: "Follow-Anfragen automatisch akzeptieren"
 addAcount: "Benutzerkonto hinzufügen"
 loginFailed: "Login fehlgeschlagen"
@ -359,13 +360,6 @@ popularTags: "Beliebte Schlagwörter"
 userList: "Listen"
 about: "Über"
 aboutMisskey: "Über Misskey"
-aboutMisskeyText: "Misskey ist Open-Source-Software die von syuilo seit 2014 entwickelt wird."
-misskeyMembers: "Misskey wird momentan von den unten aufgelisteten Mitgliedern weiterentwickelt und instand gehalten:"
-misskeySource: "Der Quelltext ist hier verfügbar:"
-misskeyTranslation: "Hilf dabei, Misskey zu übersetzen:"
-misskeyDonate: "Spende an Misskey, um die Weiterentwicklung zu unterstützen:"
-morePatrons: "Wir schätzen ebenso die Unterstützung vieler anderer hier nicht gelisteter Personen sehr. Danke! 🥰"
-patrons: "UnterstützerInnen"
 administrator: "Administrator"
 token: "Token"
 twoStepAuthentication: "Zwei-Faktor-Authentifizierung"
@ -440,6 +434,7 @@ useOsNativeEmojis: "Eingebaute Emojis des Betriebssystems benutzen"
 youHaveNoGroups: "Keine Gruppen vorhanden"
 joinOrCreateGroup: "Lass dich zu einer Gruppe einladen oder erstelle deine eigene."
 noHistory: "Kein Verlauf"
+signinHistory: "Anmeldungsverlauf"
 disableAnimatedMfm: "MFM, die Animationen enthalten, deaktivieren"
 doing: "In Bearbeitung"
 category: "Kategorie"
@ -492,6 +487,7 @@ none: "Keine"
 showInPage: "In Seite anzeigen"
 popout: "Pop-Up"
 volume: "Lautstärke"
+masterVolume: "Gesamtlautstärke"
 details: "Details"
 chooseEmoji: "Wähle ein Emoji"
 unableToProcess: "Der Vorgang konnte nicht abgeschlossen werden."
@ -564,7 +560,8 @@ useStarForReactionFallback: "Verwende ★ falls das Reaktions-Emoji unbekannt is
 emailConfig: "Email-Server Konfiguration"
 enableEmail: "Email-Versand aktivieren"
 emailConfigInfo: "Zur Email-Bestätigung bei Registrierung und zum Zurücksetzen des Passworts verwendet"
-email: "Email-Adresse"
+email: "Email"
+emailAddress: "Email-Adresse"
 smtpConfig: "SMTP-Server Konfiguration"
 smtpHost: "Host"
 smtpPort: "Port"
@ -596,6 +593,7 @@ regenerateLoginTokenDescription: "Den bei Logins intern verwendeten Token regene
 setMultipleBySeparatingWithSpace: "Trenne Elemente durch ein Leerzeichen um mehrere Einstellungen zu kofigurieren."
 fileIdOrUrl: "Datei-ID oder URL"
 chatOpenBehavior: "Verhalten des Chatfensters bei Öffnung"
+behavior: "Verhalten"
 sample: "Beispiel"
 abuseReports: "Melden"
 reportAbuse: "Melden"
@ -619,6 +617,55 @@ createNew: "Neu erstellen"
 optional: "Optional"
 createNewClip: "Neuen Clip erstellen"
 public: "Öffentlich"
+i18nInfo: "Misskey wird durch freiwillige Helfer in viele verschiedene Sprachen übersetzt. Unter {link} kannst du mithelfen."
+manageAccessTokens: "Zugriffstoken verwalten"
+accountInfo: "Benutzerkonto-Informationen"
+notesCount: "Anzahl von Notizen"
+repliesCount: "Anzahl gesendeter Antworten"
+renotesCount: "Anzahl gesendeter Renotes"
+repliedCount: "Anzahl erhaltener Antworten"
+renotedCount: "Anzahl erhaltener Renotes"
+followingCount: "Anzahl gefolgter Benutzer"
+followersCount: "Anzahl an Followern"
+sentReactionsCount: "Anzahl gesendeter Reaktionen"
+receivedReactionsCount: "Anzahl erhaltener Reaktionen"
+pollVotesCount: "Anzahl beantworteter Umfragen"
+pollVotedCount: "Anzahl erhaltener Umfrageantworten"
+yes: "Ja"
+no: "Nein"
+driveFilesCount: "Anzahl von Drive-Dateien"
+driveUsage: "Drive-Auslastung"
+noCrawle: "Crawler-Indexierung ablehnen"
+noCrawleDescription: "Suchmaschinen bitten, die eigene Profilseite, Notizen, Seiten usw. nicht zu indexieren"
+lockedAccountInfo: "Auch wenn du Follow-Anfragen auf manuelle Bestätigung setzt, wird jeder deine Notizen öffentlich sehen können, sofern du die Notizsichtbarkeit nicht auf \"Nur Follower\" setzt."
+alwaysMarkSensitive: "Immer als NSFW markieren"
+loadRawImages: "Anstatt Vorschaubild immer volles Bild laden"
+disableShowingAnimatedImages: "Animierte Bilder nicht abspielen"
+verificationEmailSent: "Eine Verifizierungsnachricht wurde versendet. Besuche den dort enthaltenen Link, um die Verifizierung abzuschließen."
+notSet: "Nicht konfiguriert"
+emailVerified: "Email-Adresse bestätigt"
+noteFavoritesCount: "Anzahl favorisierter Notizen"
+pageLikesCount: "Anzahl der Seiten, die mir gefallen"
+pageLikedCount: "Anzahl erhaltener \"Gefällt mir\" auf Seiten"
+reversiCount: "Anzahl von Reversi-Runden"
+contact: "Kontakt"
+useSystemFont: "Standardschriftart des Systems verwenden"
+clips: "Clips"
+experimentalFeatures: "Experimentelle Funktionalitäten"
+developer: "Entwickler"
+_aboutMisskey:
+  about: "Misskey ist Open-Source-Software die von syuilo seit 2014 entwickelt wird."
+  contributors: "Hauptmitwirkende"
+  allContributors: "Alle Mitwirkenden"
+  source: "Quellcode"
+  translation: "Misskey übersetzen"
+  donate: "An Misskey spenden"
+  morePatrons: "Wir schätzen ebenso die Unterstützung vieler anderer hier nicht gelisteter Personen sehr. Danke! 🥰"
+  patrons: "UnterstützerInnen"
+_nsfw:
+  respect: "Als NSFW markierte Bilder verdecken"
+  ignore: "Als NSFW markierte Bilder nicht verdecken"
+  force: "Alle Medien verdecken"
 _mfm:
  cheatSheet: "MFM Spickzettel"
  intro: "MFM ist eine an vielen Stellen verwendbare und Misskey-exklusive Markup-Sprache. Hier kannst du eine Liste von verfügbarer MFM-Syntax anschauen."
@ -720,7 +767,7 @@ _channel:
  notesCount: "{n} Notizen"
 _sidebar:
  full: "Voll"
-  icon: "Symbol"
+  icon: "Symbole"
  hide: "Ausblenden"
 _wordMute:
  muteWords: "Wort stummschalten"
@ -737,6 +784,8 @@ _theme:
  manage: "Themaverwaltung"
  code: "Themen-Code"
  installed: "{name} wurde installiert"
+  installedThemes: "Installierte Themen"
+  builtinThemes: "Eingebaute Themen"
  alreadyInstalled: "Dieses Thema ist bereits installiert"
  invalid: "Themenformat ist ungültig"
  make: "Farbthema erstellen"
@ -810,6 +859,8 @@ _sfx:
  chatBg: "Nachrichten (Hintergrund)"
  antenna: "Antennen"
  channel: "Kanalbenachrichtigung"
+  reversiPutBlack: "Reversi: Schwarz macht einen Zug"
+  reversiPutWhite: "Reversi: Weiß macht einen Zug"
 _ago:
  unknown: "Unbekannt"
  future: "Zukunft"
@ -975,9 +1026,13 @@ _profile:
  username: "Benutzername"
  description: "Über mich"
  youCanIncludeHashtags: "Du kannst auch Hashtags in deiner Beschreibung verwenden."
-  metadata: "Andere Informationen"
+  metadata: "Zusätzliche Informationen"
+  metadataEdit: "Zusätzliche Informationen bearbeiten"
+  metadataDescription: "Du kannst auf deinem Profil vier zusätzliche Informationsblöcke anzeigen lassen."
  metadataLabel: "Name"
  metadataContent: "Inhalt"
+  changeAvatar: "Profilbild ändern"
+  changeBanner: "Banner ändern"
 _exportOrImport:
  allNotes: "Alle Notizen"
  followingList: "Gefolgte Benutzer"
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@ -127,6 +127,7 @@ cacheRemoteFilesDescription: "When this setting is disabled, remote files are lo
 flagAsBot: "This account is a bot"
 flagAsBotDescription: "If this account is controlled by a program, set this option. If enabled, it will act as flag for other developers to prevent endless interaction chains with other bots and adjust Misskey's internal systems to treat this account as a bot."
 flagAsCat: "This account is a cat"
+flagAsCatDescription: "Toggle this flag on for this account to be marked as a cat."
 autoAcceptFollowed: "Automatically approve follow requests from users you're following"
 addAcount: "Add Account"
 loginFailed: "Failed to sign in"
@ -359,13 +360,6 @@ popularTags: "Trending Tags"
 userList: "Lists"
 about: "About"
 aboutMisskey: "About Misskey"
-aboutMisskeyText: "Misskey is an open-source software developed by syuilo since 2014."
-misskeyMembers: "It is currently developed and maintained by the members listed below:"
-misskeySource: "Source code is available here:"
-misskeyTranslation: "Help us with your contribution to translate Misskey:"
-misskeyDonate: "Help us to keep improving the software by donating here:"
-morePatrons: "We really appreciate the support of many other helpers not listed here. Thank you! 🥰"
-patrons: "Backers"
 administrator: "Admin"
 token: "Token"
 twoStepAuthentication: "Two-factor authentication"
@ -440,6 +434,7 @@ useOsNativeEmojis: "Use OS native Emojis"
 youHaveNoGroups: "You have no groups"
 joinOrCreateGroup: "Get invited to join the groups or you can create your own group."
 noHistory: "No history items"
+signinHistory: "Login history"
 disableAnimatedMfm: "Disable MFM with animation"
 doing: "On my way"
 category: "Category"
@ -492,6 +487,7 @@ none: "None"
 showInPage: "Show in page"
 popout: "Pop-out"
 volume: "Volume"
+masterVolume: "Master volume"
 details: "Details"
 chooseEmoji: "Choose an emoji"
 unableToProcess: "The operation could not be completed."
@ -564,7 +560,8 @@ useStarForReactionFallback: "Use ★ as fallback if the reaction emoji is unknow
 emailConfig: "Email server configuration"
 enableEmail: "Enable email distribution"
 emailConfigInfo: "Used to confirm your email during sign-up and if you forget your password"
-email: "Email Address"
+email: "Email"
+emailAddress: "Email address"
 smtpConfig: "SMTP Server configuration"
 smtpHost: "Host"
 smtpPort: "Port"
@ -596,6 +593,7 @@ regenerateLoginTokenDescription: "Regenerate the token used internally during lo
 setMultipleBySeparatingWithSpace: "You can set multiple by separating them with spaces."
 fileIdOrUrl: "File-ID or URL"
 chatOpenBehavior: "Behavior of the chat window when opened"
+behavior: "Behavior"
 sample: "Sample"
 abuseReports: "Reports"
 reportAbuse: "Report"
@ -619,6 +617,55 @@ createNew: "Create new"
 optional: "Optional"
 createNewClip: "Create new clip"
 public: "Public"
+i18nInfo: "Misskey is being translated into various languages by volunteers. You can help at {link}."
+manageAccessTokens: "Manage access tokens"
+accountInfo: "Account Info"
+notesCount: "Amount of notes"
+repliesCount: "Amount of replies sent"
+renotesCount: "Amount of renotes sent"
+repliedCount: "Amount of replies received"
+renotedCount: "Amount of renotes received"
+followingCount: "Amount of followed accounts"
+followersCount: "Amount of followers"
+sentReactionsCount: "Amount of sent reactions"
+receivedReactionsCount: "Amount of received reactions"
+pollVotesCount: "Amount of sent poll votes"
+pollVotedCount: "Amount of received poll votes"
+yes: "Yes"
+no: "No"
+driveFilesCount: "Amount of drive files"
+driveUsage: "Drive space usage"
+noCrawle: "Reject crawler indexing"
+noCrawleDescription: "Ask search engines not to index your profile page, notes, Pages, etc"
+lockedAccountInfo: "Unless you set your note visiblity to \"Followers only\", your notes are visible to anyone even if you require followers to be manually approved."
+alwaysMarkSensitive: "Mark NSFW by default"
+loadRawImages: "Display image attachments fully instead of thumbnails"
+disableShowingAnimatedImages: "Don't play animated images"
+verificationEmailSent: "A verification email has been sent. Please access the included link to complete verification."
+notSet: "Not set"
+emailVerified: "Email has been verified"
+noteFavoritesCount: "Amount of favorite notes"
+pageLikesCount: "Amount of received Page likes"
+pageLikedCount: "Amount of liked Pages"
+reversiCount: "Number of Reversi matches"
+contact: "Contact"
+useSystemFont: "Use the system's default font"
+clips: "Clips"
+experimentalFeatures: "Experimental features"
+developer: "Developer"
+_aboutMisskey:
+  about: "Misskey is open-source software being developed by syuilo since 2014."
+  contributors: "Main contributors"
+  allContributors: "All contributors"
+  source: "Source code"
+  translation: "Translate Misskey"
+  donate: "Donate to Misskey"
+  morePatrons: "We really appreciate the support of many other helpers not listed here. Thank you! 🥰"
+  patrons: "Backers"
+_nsfw:
+  respect: "Hide NSFW media"
+  ignore: "Don't hide NSFW media"
+  force: "Hide all media"
 _mfm:
  cheatSheet: "MFM Cheatsheet"
  intro: "MFM is a Misskey-exclusive markup language that can be used in many places. Here you can view a list of all available MFM syntax."
@ -720,7 +767,7 @@ _channel:
  notesCount: "{n} Notes"
 _sidebar:
  full: "Full"
-  icon: "Avatar"
+  icon: "Icons"
  hide: "Hide"
 _wordMute:
  muteWords: "Word to mute"
@ -737,6 +784,8 @@ _theme:
  manage: "Themes manager"
  code: "Theme code"
  installed: "{name} has been installed"
+  installedThemes: "Installed themes"
+  builtinThemes: "Built-in themes"
  alreadyInstalled: "The theme is already installed"
  invalid: "Theme format is invalid"
  make: "Make a theme"
@ -810,6 +859,8 @@ _sfx:
  chatBg: "Messaging (Background)"
  antenna: "Antenna Reception"
  channel: "Channel notifications"
+  reversiPutBlack: "Reversi: Black makes a move"
+  reversiPutWhite: "Reversi: White makes a move"
 _ago:
  unknown: "Unknown"
  future: "Future"
@ -975,9 +1026,13 @@ _profile:
  username: "Username"
  description: "Bio"
  youCanIncludeHashtags: "You can also include hashtags in your bio."
-  metadata: "Other information"
+  metadata: "Additional Information"
+  metadataEdit: "Edit additional Information"
+  metadataDescription: "You can display up to four additional information sections in your profile."
  metadataLabel: "Label"
  metadataContent: "Content"
+  changeAvatar: "Change avatar"
+  changeBanner: "Change banner"
 _exportOrImport:
  allNotes: "All notes"
  followingList: "Following"
--- a/locales/es-ES.yml
+++ b/locales/es-ES.yml
@ -354,13 +354,6 @@ popularTags: "Etiquetas populares"
 userList: "Lista"
 about: "Información"
 aboutMisskey: "Sobre Misskey"
-aboutMisskeyText: "Misskey es un software de código abierto, desarrollado por syuilo desde el 2014"
-misskeyMembers: "Es creado y mantenido por los miembros aquí listados:"
-misskeySource: "El código fuente está disponible aquí:"
-misskeyTranslation: "Ayúdanos con tu contribución para traducir Misskey:"
-misskeyDonate: "Puedes contribuir al desarrollo de Misskey donando aquí:"
-morePatrons: "Muchas más personas nos apoyan. Muchas gracias🥰"
-patrons: "Patrocinadores"
 administrator: "Administrador"
 token: "Token"
 twoStepAuthentication: "Autenticación de dos factores"
@ -556,7 +549,6 @@ useStarForReactionFallback: "En caso de que los emojis de reacciones no sean cla
 emailConfig: "Configuración del servidor de correos"
 enableEmail: "Activar el envío de correos electrónicos"
 emailConfigInfo: "Usar en caso de validación de correo electrónico y pedido de contraseña"
-email: "Correo electrónico"
 smtpConfig: "Configuración del servidor SMTP"
 smtpHost: "Host"
 smtpPort: "Puerto"
@ -932,7 +924,6 @@ _profile:
  username: "Nombre de usuario"
  description: "Descripción"
  youCanIncludeHashtags: "Puedes añadir hashtags"
-  metadata: "Información adicional"
  metadataLabel: "Etiqueta"
  metadataContent: "Contenido"
 _exportOrImport:
--- a/locales/fr-FR.yml
+++ b/locales/fr-FR.yml
@ -353,13 +353,6 @@ popularTags: "Mots-clés populaires"
 userList: "Listes"
 about: "Informations"
 aboutMisskey: "À propos de Misskey"
-aboutMisskeyText: "Misskey est un logiciel libre et ouvert, développé par syuilo depuis 2014."
-misskeyMembers: "Il est développé et maintenu par les membres listés ci-dessous :"
-misskeySource: "Le code source est disponible ici:"
-misskeyTranslation: "Aidez-nous en contribuant à traduire Misskey :"
-misskeyDonate: "Vous pouvez contribuer au développement de Misskey en faisant un don ici:"
-morePatrons: "Nous apprécions vraiment le soutien de nombreuses autres personnes non mentionnées ici. Merci à toutes et à tous ! 🥰"
-patrons: "Supporteurs"
 administrator: "Administrateur"
 token: "Jeton"
 twoStepAuthentication: "Authentification à deux facteurs"
@ -552,7 +545,6 @@ useStarForReactionFallback: "Utiliser ★ comme alternative si l’émoji de ré
 emailConfig: "Configuration du serveur email"
 enableEmail: "Activer la distribution de courriel"
 emailConfigInfo: "Utilisé pour confirmer votre adresse de courriel et la réinitialisation de votre mot de passe en cas d’oubli."
-email: "Adresse de courrier électronique"
 smtpConfig: "Paramètres du serveur SMTP"
 smtpHost: "Hôte"
 smtpPort: "Port"
@ -823,7 +815,6 @@ _profile:
  username: "Nom d’utilisateur·rice"
  description: "À propos de moi"
  youCanIncludeHashtags: "Vous pouvez également inclure des hashtags."
-  metadata: "Informations complémentaires"
  metadataLabel: "Étiquette"
  metadataContent: "Contenu"
 _exportOrImport:
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@ -360,13 +360,6 @@ popularTags: "人気のタグ"
 userList: "リスト"
 about: "情報"
 aboutMisskey: "Misskeyについて"
-aboutMisskeyText: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"
-misskeyMembers: "現在以下のメンバーによって開発・メンテナンスされています:"
-misskeySource: "ソースコードはここで公開されています:"
-misskeyTranslation: "Misskeyの翻訳にご協力をお願いします:"
-misskeyDonate: "Misskeyに寄付をして開発をサポートできます:"
-morePatrons: "他にも多くの方が支援してくれています。ありがとうございます🥰"
-patrons: "支援者"
 administrator: "管理者"
 token: "トークン"
 twoStepAuthentication: "二段階認証"
@ -655,6 +648,21 @@ noteFavoritesCount: "お気に入りノートの数"
 pageLikesCount: "Pageにいいねした数"
 pageLikedCount: "Pageにいいねされた数"
 reversiCount: "リバーシの対局数"
+contact: "連絡先"
+useSystemFont: "システムのデフォルトのフォントを使う"
+clips: "クリップ"
+experimentalFeatures: "実験的機能"
+developer: "開発者"
+
+_aboutMisskey:
+  about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"
+  contributors: "主なコントリビューター"
+  allContributors: "全てのコントリビューター"
+  source: "ソースコード"
+  translation: "Misskeyを翻訳"
+  donate: "Misskeyに寄付"
+  morePatrons: "他にも多くの方が支援してくれています。ありがとうございます🥰"
+  patrons: "支援者"

 _nsfw:
  respect: "閲覧注意のメディアは隠す"
@ -1049,6 +1057,8 @@ _profile:
  metadataDescription: "プロフィールに表として4つまでの追加情報を表示することができます。"
  metadataLabel: "ラベル"
  metadataContent: "内容"
+  changeAvatar: "アバター画像を変更"
+  changeBanner: "バナー画像を変更"

 _exportOrImport:
  allNotes: "全てのノート"
--- a/locales/ja-KS.yml
+++ b/locales/ja-KS.yml
@ -354,13 +354,6 @@ popularTags: "人気のタグ"
 userList: "リスト"
 about: "情報"
 aboutMisskey: "Misskeyってなんや？"
-aboutMisskeyText: "Misskeyはsyuiloいう人が2014年からずっと作ってはる、オープンソースなソフトウェアや。"
-misskeyMembers: "今んとここんだけのメンバーが作って、メンテナンスしてはる:"
-misskeySource: "ソースコードはこっから見てな:"
-misskeyTranslation: "Misskeyの翻訳手伝うてくれへん？:"
-misskeyDonate: "Misskeyにお金あげたら開発のサポートになるで:"
-morePatrons: "他にもぎょうさんの人からサポートしてもろてんねん。ほんまおおきに🥰"
-patrons: "支援者"
 administrator: "管理者"
 token: "トークン"
 twoStepAuthentication: "二段階認証"
--- a/locales/ko-KR.yml
+++ b/locales/ko-KR.yml
@ -127,6 +127,7 @@ cacheRemoteFilesDescription: "이 설정을 해지하면 리모트 파일을 캐
 flagAsBot: "나는 봇입니다"
 flagAsBotDescription: "이 계정을 자동화된 수단으로 운용할 경우에 활성화해 주세요. 이 플래그를 활성화하면, 다른 봇이 이를 참고하여 봇 끼리의 무한 연쇄 반응을 회피하거나, 이 계정의 시스템 상에서의 취급이 Bot 운영에 최적화되는 등의 변화가 생깁니다."
 flagAsCat: "나는 고양이다냥"
+flagAsCatDescription: "이 계정이 고양이라면 활성화 해주세요."
 autoAcceptFollowed: "팔로우 중인 유저로부터의 팔로우 요청을 자동 수락"
 addAcount: "계정 추가"
 loginFailed: "로그인에 실패했습니다"
@ -359,13 +360,6 @@ popularTags: "인기 태그"
 userList: "리스트"
 about: "정보"
 aboutMisskey: "Misskey에 대하여"
-aboutMisskeyText: "Misskey는 syuilo에 의해서 2014년부터 개발되어 온 오픈소스 소프트웨어 입니다."
-misskeyMembers: "현재는 아래 멤버들에 의해 개발 및 유지보수 되고 있습니다:"
-misskeySource: "소스코드는 여기에 공개되어 있습니다:"
-misskeyTranslation: "Misskey의 번역을 함께해 주시길 부탁드립니다:"
-misskeyDonate: "Misskey에 기부하심으로써 개발에 도움을 주실 수 있습니다:"
-morePatrons: "이 외에도 다른 많은 분들이 도움을 주시고 계십니다. 감사합니다🥰"
-patrons: "후원자들"
 administrator: "관리자"
 token: "토큰"
 twoStepAuthentication: "2단계 인증"
@ -440,6 +434,7 @@ useOsNativeEmojis: "OS 기본 이모지를 사용"
 youHaveNoGroups: "그룹이 없습니다"
 joinOrCreateGroup: "다른 그룹의 초대를 받거나, 직접 새 그룹을 만들어 보세요."
 noHistory: "기록이 없습니다"
+signinHistory: "로그인 기록"
 disableAnimatedMfm: "움직임이 있는 MFM을 비활성화"
 doing: "잠시만요"
 category: "카테고리"
@ -491,6 +486,7 @@ none: "없음"
 showInPage: "페이지로 보기"
 popout: "새 창으로 열기"
 volume: "음량"
+masterVolume: "마스터 볼륨"
 details: "자세히"
 chooseEmoji: "이모지 선택"
 unableToProcess: "작업을 완료할 수 없습니다"
@ -560,7 +556,6 @@ edit: "편집"
 useStarForReactionFallback: "알 수 없는 리액션 이모지 대신 ★ 사용"
 emailConfig: "메일 서버 설정"
 emailConfigInfo: "가입 시 메일 주소 확인이나 비밀번호 초기화 시에 사용합니다."
-email: "메일 주소"
 smtpConfig: "SMTP 서버 설정"
 smtpHost: "호스트"
 smtpPort: "포트"
@ -589,6 +584,7 @@ regenerateLoginTokenDescription: "로그인할 때 사용되는 내부 토큰을
 setMultipleBySeparatingWithSpace: "공백으로 구분하여 여러 개 설정할 수 있습니다."
 fileIdOrUrl: "파일 ID 또는 URL"
 chatOpenBehavior: "대화를 열 때의 동작"
+behavior: "동작"
 sample: "예시"
 abuseReports: "신고"
 reportAbuse: "신고"
@ -596,7 +592,9 @@ reportAbuseOf: "{name}을 신고하기"
 fillAbuseReportDescription: "신고하려는 이유를 자세히 알려주세요. 특정 게시물을 신고할 때에는 게시물의 URL도 포함해 주세요."
 abuseReported: "신고를 보냈습니다. 신고해 주셔서 감사합니다."
 send: "전송"
+openInNewTab: "새 탭에서 열기"
 random: "랜덤"
+system: "시스템"
 switchUi: "UI 전환"
 desktop: "데스크탑"
 clip: "클립"
@ -604,6 +602,18 @@ createNew: "새로 만들기"
 optional: "옵션"
 createNewClip: "새 클립 만들기"
 public: "공개"
+manageAccessTokens: "액세스 토큰 관리"
+yes: "예"
+no: "아니오"
+driveUsage: "드라이브 사용량"
+noCrawle: "검색엔진의 인덱싱 거부"
+noCrawleDescription: "검색엔진에 사용자 페이지, 노트, 페이지 등의 콘텐츠를 인덱싱되지 않게 합니다."
+lockedAccountInfo: "팔로우를 승인으로 승인받더라도 노트의 공개 범위를 '팔로워'로 하지 않는 한 누구나 당신의 노트를 볼 수 있습니다."
+alwaysMarkSensitive: "미디어를 항상 열람 주의로 설정"
+emailVerified: "메일 주소가 확인되었습니다."
+clips: "클립"
+_nsfw:
+  ignore: "열람 주의 미디어 항상 표시"
 _mfm:
  cheatSheet: "MFM 도움말"
  intro: "MFM는 Misskey의 다양한 곳에서 사용할 수 있는 전용 마크업 언어입니다. 여기에서는 MFM에서 사용할 수 있는 구문을 확인할 수 있습니다."
@ -618,13 +628,20 @@ _mfm:
  smallDescription: "내용을 작고 연하게 보이게 합니다."
  center: "가운데 정렬"
  centerDescription: "내용을 가운데 정렬로 보이게 합니다."
+  inlineCode: "코드(인라인)"
+  blockCode: "코드(블록)"
+  inlineMath: "수식(인라인)"
  inlineMathDescription: "수식(KaTeX)를 인라인으로 보이게 합니다."
+  blockMath: "수식(블록)"
  blockMathDescription: "여러 줄의 수식(KaTeX)를 블록으로 보이게 합니다."
  quote: "인용"
  emoji: "커스텀 이모지"
  emojiDescription: "커스텀 이모지의 이름을 쌍점(:)으로 감싸서 커스텀 이모지를 사용합니다."
  search: "검색"
  searchDescription: "주어진 키워드가 입력된 검색창을 보이게 합니다."
+  flip: "플립"
+  flipDescription: "내용을 상하 또는 좌우로 반전시킵니다."
+  jump: "애니메이션(점프)"
 _reversi:
  reversi: "리버시"
  gameSettings: "대국 설정"
@ -636,6 +653,7 @@ _reversi:
  thisGameIsStartedSoon: "잠시 후에 대국이 시작됩니다"
  waitingForOther: "상대의 준비가 완료될 때까지 기다리고 있습니다"
  waitingForMe: "당신의 준비 완료를 기다리고 있습니다"
+  ready: "준비 완료"
  myTurn: "당신의 차례입니다"
  turnOf: "{name}님의 차례입니다"
  pastTurnOf: "{name}님의 차례"
@ -643,6 +661,8 @@ _reversi:
  surrendered: "기권에 의해"
  drawn: "무승부"
  won: "{name}님의 승리"
+  black: "흑"
+  white: "백"
  total: "합계"
  turnCount: "{count}턴 째"
  myGames: "내 대국"
@ -867,7 +887,6 @@ _profile:
  username: "유저명"
  description: "자기소개"
  youCanIncludeHashtags: "해시 태그를 포함할 수 있습니다."
-  metadata: "추가 정보"
  metadataLabel: "라벨"
  metadataContent: "내용"
 _exportOrImport:
--- a/locales/ru-RU.yml
+++ b/locales/ru-RU.yml
@ -127,6 +127,7 @@ cacheRemoteFilesDescription: "Когда эта настройка отключ
 flagAsBot: "Аккаунт бота"
 flagAsBotDescription: "Включите, если этот аккаунт управляется программой. Это позволит системе Misskey учитывать это, а также поможет разработчикам других ботов предотвратить бесконечные циклы взаимодействия."
 flagAsCat: "Аккаунт кота"
+flagAsCatDescription: "Включите, и этот аккаунт будет помечен как кошачий."
 autoAcceptFollowed: "Принимать подписчиков автоматически"
 addAcount: "Добавить аккаунт"
 loginFailed: "Неудачная попытка входа"
@ -359,13 +360,6 @@ popularTags: "Популярные теги"
 userList: "Списки"
 about: "Описание"
 aboutMisskey: "О Misskey"
-aboutMisskeyText: "Misskey - это программное обеспечение с открытым исходным кодом, разрабатываемое syuilo с 2014 года."
-misskeyMembers: "В настоящее время он разрабатывается и поддерживается следующими участниками:"
-misskeySource: "Исходный код доступен здесь:"
-misskeyTranslation: "Помогите нам перевести Misskey:"
-misskeyDonate: "Вы можете поддержать развитие, пожертвовав Misskey:"
-morePatrons: "Есть много других, кто поддержал нас. Спасибо 🥰."
-patrons: "Поддержавшие"
 administrator: "Администратор"
 token: "Токен"
 twoStepAuthentication: "Двухфакторная аутентификация"
@ -440,6 +434,7 @@ useOsNativeEmojis: "Использовать эмодзи операционно
 youHaveNoGroups: "У вас нет ни одной группы"
 joinOrCreateGroup: "Получайте приглашения в группы или создавайте свои собственные"
 noHistory: "История пока пуста"
+signinHistory: "Журнал посещений"
 disableAnimatedMfm: "Отключение анимированной разметки MFM"
 doing: "В процессе"
 category: "Категория"
@ -492,6 +487,7 @@ none: "Ничего"
 showInPage: "Показать страницу"
 popout: "Развернуть"
 volume: "Громкость"
+masterVolume: "Основная регулировка громкости"
 details: "Подробнее"
 chooseEmoji: "Выберите эмодзи"
 unableToProcess: "Не удаётся завершить операцию"
@ -564,7 +560,8 @@ useStarForReactionFallback: "Ставить ★ в качестве реакци
 emailConfig: "Настройки почтового сервера"
 enableEmail: "Включить обмен электронной почтой"
 emailConfigInfo: "Используется для подтверждения адреса электронной почты и сброса пароля."
-email: "Адрес электронной почты"
+email: "Электронная почта"
+emailAddress: "Адрес электронной почты"
 smtpConfig: "Конфигурация SMTP-сервера"
 smtpHost: "Хост"
 smtpPort: "Порт"
@ -596,6 +593,7 @@ regenerateLoginTokenDescription: "Создаёт новый токен, испо
 setMultipleBySeparatingWithSpace: "Можно написать несколько через пробел"
 fileIdOrUrl: "Идентификатор файла или ссылка"
 chatOpenBehavior: "Поведение окна чата при открытии"
+behavior: "Поведение"
 sample: "Пример"
 abuseReports: "Жалобы"
 reportAbuse: "Жалоба"
@ -619,6 +617,55 @@ createNew: "Новый документ"
 optional: "Необязательно"
 createNewClip: "Новая памятка"
 public: "Общедоступно"
+i18nInfo: "Misskey переводят на разные языки добровольцы со всего света. Ваша помощь тоже пригодится здесь: {link}."
+manageAccessTokens: "Управление токенами доступа"
+accountInfo: "Сведения об учётной записи"
+notesCount: "Количество заметок"
+repliesCount: "Сколько раз пользователь кому-то ответил"
+renotesCount: "Сколько раз пользователь передал чужие заметки"
+repliedCount: "Сколько раз ответили пользователю"
+renotedCount: "Сколько раз передавали заметки пользователя"
+followingCount: "Количество подписок"
+followersCount: "Количество подписавшихся"
+sentReactionsCount: "Сколько раз пользователь отреагировал"
+receivedReactionsCount: "Сколько раз отреагировали на заметки пользователя"
+pollVotesCount: "Сколько раз участвовал в опросах"
+pollVotedCount: "Сколько раз участвовали в опросах пользователя"
+yes: "Да"
+no: "Нет"
+driveFilesCount: "Количество файлов на диске"
+driveUsage: "Сколько места занято на диске"
+noCrawle: "Паукам вход воспрещён"
+noCrawleDescription: "Просьба поисковым системам не ходить по вашему профилю, по заметкам, страницам и не индексировать их."
+lockedAccountInfo: "Даже если вы вручную подтверждаете подписки, кто угодно может читать ваши заметки, если вы не отмечаете их «для подписчиков»."
+alwaysMarkSensitive: "Отмечать файлы как «содержимое не для всех» по умолчанию"
+loadRawImages: "Сразу показывать изображения в полном размере"
+disableShowingAnimatedImages: "Не проигрывать анимацию"
+verificationEmailSent: "Вам отправлено письмо для подтверждения. Пройдите, пожалуйста, по ссылке из письма, чтобы завершить проверку."
+notSet: "Не настроено"
+emailVerified: "Адрес электронной почты подтверждён."
+noteFavoritesCount: "Количество добавленного в избранное"
+pageLikesCount: "Количество понравившихся страниц"
+pageLikedCount: "Количество страниц, понравившихся другим"
+reversiCount: "Количество сыгранных игр в реверси"
+contact: "Как связаться"
+useSystemFont: "Использовать шрифт, предлагаемый системой"
+clips: "Памятки"
+experimentalFeatures: "Экспериментальные функции"
+developer: "Разработчик"
+_aboutMisskey:
+  about: "Misskey — программа с открытым исходным кодом, которую разрабатывает syuilo с 2014 года."
+  contributors: "Основные соавторы"
+  allContributors: "Все соавторы"
+  source: "Исходный код"
+  translation: "Перевод Misskey"
+  donate: "Пожертвование на Misskey"
+  morePatrons: "Большое спасибо и многим другим, кто принял участие в этом проекте! 🥰"
+  patrons: "Материальная поддержка"
+_nsfw:
+  respect: "Скрывать содержимое не для всех"
+  ignore: "Показывать содержимое не для всех"
+  force: "Скрывать вообще все файлы"
 _mfm:
  cheatSheet: "Подсказка по разметке MFM"
  intro: "MFM — язык оформления текста, придуманный специально для Misskey, который здесь можно много где использовать. На этой странице собраны и кратко изложены способы его применения."
@ -737,6 +784,8 @@ _theme:
  manage: "Менеджер тем"
  code: "Код темы"
  installed: "Тема «{name}» установлена."
+  installedThemes: "Установленные темы"
+  builtinThemes: "Встроенные темы"
  alreadyInstalled: "Тема уже установлена."
  invalid: "Формат темы некорректный."
  make: "Создать тему"
@ -810,6 +859,8 @@ _sfx:
  chatBg: "Сообщения (фон)"
  antenna: "Антенна"
  channel: "Канал"
+  reversiPutBlack: "Реверси — ход чёрных"
+  reversiPutWhite: "Реверси — ход белых"
 _ago:
  unknown: "Когда-то"
  future: "Из будущего"
@ -952,13 +1003,13 @@ _visibility:
  public: "Общедоступно"
  publicDescription: "Открыто для всех"
  home: "Домашняя"
-  homeDescription: "Не появится в общих лентах (локальной и глобальной)"
+  homeDescription: "Не для общих лент"
  followers: "Для подписчиков"
-  followersDescription: "Увидят только ваши подписчики"
+  followersDescription: "Только вашим подписчикам"
  specified: "Личное"
-  specifiedDescription: "Только для тех, кого укажете"
+  specifiedDescription: "Тем, кого укажете"
  localOnly: "Локально"
-  localOnlyDescription: "Увидят только пользователи этого сайта"
+  localOnlyDescription: "Только для этого сайта"
 _postForm:
  replyPlaceholder: "Ответ на заметку..."
  quotePlaceholder: "Пояснение к цитате..."
@ -975,9 +1026,13 @@ _profile:
  username: "Имя пользователя"
  description: "О себе"
  youCanIncludeHashtags: "Можете использовать здесь хэштеги"
-  metadata: "Всякое"
+  metadata: "Дополнительные сведения"
+  metadataEdit: "Редактировать дополнительные сведения"
+  metadataDescription: "Можно добавить до четырёх дополнительных граф в профиль."
  metadataLabel: "Метка"
  metadataContent: "Содержимое"
+  changeAvatar: "Поменять аватар"
+  changeBanner: "Поменять изображение в шапке"
 _exportOrImport:
  allNotes: "Все записи\n"
  followingList: "Подписки"
--- a/locales/uk-UA.yml
+++ b/locales/uk-UA.yml
@ -48,7 +48,7 @@ reply: "Відповісти"
 loadMore: "Показати більше"
 youGotNewFollower: "Новий підписник"
 receiveFollowRequest: "Отримано запит на підписку"
-followRequestAccepted: "Запит на підписку прийнято"
+followRequestAccepted: "Підписка прийнята"
 mention: "Згадка"
 mentions: "Згадки"
 directNotes: "Прямі повідомлення"
@ -134,7 +134,7 @@ general: "Загальне"
 wallpaper: "Шпалери"
 setWallpaper: "Встановити шпалери"
 removeWallpaper: "Прибрати шпалери"
-searchWith: "Шукати з {q}"
+searchWith: "Пошук: {q}"
 youHaveNoLists: "У вас немає списків"
 followConfirm: "Підписатися на {name}?"
 proxyAccount: "Проксі-акаунт"
@ -337,8 +337,6 @@ withReplies: "Включаючи відповіді"
 connectedTo: "Наступні акаунти під'єднані"
 notesAndReplies: "Нотатки та відповіді"
 withFiles: "Файли"
-silence: "Тиша"
-unsilence: "Зняти тишу"
 popularUsers: "Популярні користувачі"
 recentlyUpdatedUsers: "Нещодавно активні користувачі"
 recentlyRegisteredUsers: "Нещодавно зареєстровані користувачі"
@ -353,6 +351,7 @@ administrator: "Адмін"
 token: "Токен"
 twoStepAuthentication: "Двохфакторна аутентифікація"
 moderator: "Модератор"
+nUsersMentioned: "Згадали: {n}"
 securityKey: "Ключ захисту"
 securityKeyName: "Назва ключа"
 registerSecurityKey: "Зареєструвати ключ захисту"
@ -361,9 +360,15 @@ unregister: "Скасувати реєстрацію"
 passwordLessLogin: "Налаштувати вхід без пароля"
 resetPassword: "Скинути пароль"
 newPasswordIs: "Новий пароль: {password}"
+reduceUiAnimation: "Зменшити анімацію інтерфейсу"
 share: "Поділитись"
 notFound: "Не знайдено"
+notFoundDescription: "Сторінка за вказаною адресою не знайдена."
+uploadFolder: "Місце для завантаження за замовчуванням"
 cacheClear: "Очистити кеш"
+markAsReadAllNotifications: "Позначити всі сповіщення як прочитані"
+markAsReadAllUnreadNotes: "Позначити всі нотатки як прочитані"
+markAsReadAllTalkMessages: "Позначити всі повідомлення як прочитані"
 help: "Допомога"
 inputMessageHere: "Введіть повідомлення тут"
 close: "Закрити"
@ -371,13 +376,16 @@ group: "Група"
 groups: "Групи"
 createGroup: "Створити групу"
 ownedGroups: "Власні групи"
+joinedGroups: "Членство в групах"
 invites: "Запросити"
 groupName: "Назва групи"
+members: "Учасники"
 transfer: "Передача"
 messagingWithUser: "Чат з користувачами"
 messagingWithGroup: "Чат з групою"
 title: "Тема"
 text: "Текст"
+enable: "Увімкнути"
 next: "Далі"
 retype: "Введіть ще раз"
 noteOf: "Нотатка {user}"
@ -398,15 +406,21 @@ usernameInvalidFormat: "літери, цифри та _ є прийнятним
 tooShort: "Занадто короткий"
 tooLong: "Занадто довгий"
 weakPassword: "Слабкий пароль"
+normalPassword: "Достатній пароль"
 strongPassword: "Міцний пароль"
 passwordMatched: "Все вірно"
 passwordNotMatched: "Паролі не співпадають"
 signinWith: "Увійти за допомогою {x}"
+signinFailed: "Не вдалося увійти. Введені ім’я користувача або пароль неправильнi."
+tapSecurityKey: "Торкніться ключа безпеки"
+or: "або"
 uiLanguage: "Мова інтерфейсу"
+groupInvited: "Запрошення до групи"
 aboutX: "Про {x}"
 useOsNativeEmojis: "Використовувати емодзі ОС"
 youHaveNoGroups: "Немає груп"
 noHistory: "Історія порожня"
+signinHistory: "Історія входів"
 disableAnimatedMfm: "Відключити анімації MFM"
 doing: "Виконується"
 category: "Категорія"
@ -417,6 +431,7 @@ existingAcount: "Існуючий акаунт"
 regenerate: "Оновити"
 fontSize: "Розмір шрифту"
 noFollowRequests: "Немає запитів на підписку"
+openImageInNewTab: "Відкрити зображення в новій вкладці"
 dashboard: "Панель приладів"
 local: "Локальні"
 remote: "Віддалені"
@ -431,6 +446,7 @@ promote: "Виділити"
 numberOfDays: "Кількість днів"
 hideThisNote: "Сховати цю нотатку"
 showFeaturedNotesInTimeline: "Показувати популярні нотатки у стрічці"
+objectStorage: "Object Storage"
 objectStorageBaseUrl: "Base URL"
 objectStorageBucket: "Bucket"
 objectStoragePrefix: "Prefix"
@ -438,6 +454,7 @@ objectStorageEndpoint: "Endpoint"
 objectStorageRegion: "Region"
 objectStorageUseSSL: "Використовувати SSL"
 objectStorageUseProxy: "Використовувати Proxy"
+serverLogs: "Журнал сервера"
 deleteAll: "Видалити все"
 newNoteRecived: "Є нові нотатки"
 sounds: "Звуки"
@ -446,8 +463,10 @@ none: "Відсутній"
 showInPage: "Показати на сторінці"
 popout: "Від'єднати"
 volume: "Гучність"
+masterVolume: "Загальна гучність"
 details: "Детальніше"
 chooseEmoji: "Виберіть емодзі"
+unableToProcess: "Не вдається завершити операцію"
 recentUsed: "Нещодавні"
 install: "Встановити"
 uninstall: "Видалити"
@ -462,37 +481,52 @@ descendingOrder: "За спаданням"
 scratchpad: "Чернетка"
 output: "Вихід"
 script: "Скрипт"
+disablePagesScript: "Вимкнути AiScript на Сторінках"
+updateRemoteUser: "Оновити інформацію про віддаленого користувача"
 deleteAllFiles: "Видалити всі файли"
 deleteAllFilesConfirm: "Ви дійсно хочете видалити всі файли?"
 removeAllFollowing: "Скасувати всі підписки"
+removeAllFollowingDescription: "Скасувати підписку на всі акаунти з {host}. Будь ласка, робіть це, якщо інстанс більше не існує."
 sidebar: "Бокова панель"
+divider: "Розділювач"
 addItem: "Додати елемент"
 rooms: "Кімнати"
 relays: "Ретранслятори"
 addRelay: "Додати ретранслятор"
+inboxUrl: "Inbox URL"
 addedRelays: "Додані ретранслятори"
+serviceworkerInfo: "Повинен бути ввімкнений для push-сповіщень."
 deletedNote: "Видалена нотатка"
+enableInfiniteScroll: "Увімкнути нескінченну прокрутку"
 visibility: "Видимість"
 poll: "Опитування"
+useCw: "Приховати вміст"
+enablePlayer: "Відкрити відеоплеєр"
+disablePlayer: "Закрити відеоплеєр"
 expandTweet: "Розгорнути твіт"
 themeEditor: "Редактор тем"
 description: "Опис"
 author: "Автор"
 manage: "Управління"
 plugins: "Плагіни"
+deck: "Дек"
+undeck: "Залишити Дек"
+useBlurEffectForModal: "Ефект розмиття під модальними діалогами"
+useFullReactionPicker: "Повнорозмірний селектор реакцій"
+width: "Ширина"
+height: "Висота"
 large: "Крупний"
 medium: "Середній"
 small: "Маленький"
 generateAccessToken: "Згенерувати токен доступу"
 permission: "Права"
-enableAll: "Ввімкути все"
+enableAll: "Увімкнути все"
 disableAll: "Вимкнути все"
 tokenRequested: "Надати доступ до акаунту"
 notificationType: "Тип сповіщення"
 edit: "Редагувати"
 useStarForReactionFallback: "Використовувати ★ як запасний варіант, якщо емодзі реакції невідомий"
 emailConfig: "Налаштування email сервера"
-email: "E-mail адреса"
 smtpHost: "Хост"
 smtpPort: "Порт"
 smtpUser: "Ім'я користувача"
@ -513,22 +547,76 @@ notificationSettingDesc: "Виберіть типи сповіщень для в
 useGlobalSetting: "Застосувати глобальнi параметри"
 other: "Інше"
 regenerateLoginToken: "Оновити Login Token"
+behavior: "Поведінка"
 sample: "Приклад"
+abuseReports: "Скарги"
 reportAbuse: "Поскаржитись"
 reportAbuseOf: "Поскаржитись на {name}"
 send: "Відправити"
 abuseMarkAsResolved: "Позначити скаргу як вирішену"
 openInNewTab: "Відкрити в новій вкладці"
+editTheseSettingsMayBreakAccount: "Зміна цих параметрів може призвести до пошкодження вашого акаунта."
+instanceTicker: "Мітка з назвою інстанса в нотатках"
 waitingFor: "Чекаємо на {x}"
 random: "Випадковий"
 system: "Система"
 switchUi: "Інтерфейс"
 desktop: "Десктоп"
 clip: "Добірка"
+createNew: "Створити новий"
+optional: "Необов'язково"
 public: "Публічний"
+i18nInfo: "Misskey перекладається на різні мови волонтерами. Ви можете допомогти: {link}"
+manageAccessTokens: "Керування токенами доступу"
+accountInfo: "Інформація про акаунт"
+notesCount: "Кількість нотаток"
+repliesCount: "Кількість надісланих відповідей"
+renotesCount: "Кількість поширень"
+repliedCount: "Кількість отриманих відповідей"
+renotedCount: "Кількість отриманих поширень"
+followingCount: "Кількість підписок"
+followersCount: "Кількість підписників"
+sentReactionsCount: "Кількість надісланих реакцій"
+receivedReactionsCount: "Кількість отриманих реакцій"
+pollVotesCount: "Кількість надісланих голосів"
+pollVotedCount: "Кількість отриманих голосів"
+yes: "Так"
+no: "Ні"
+driveFilesCount: "Кількість файлів на диску"
+driveUsage: "Використання місця на диску"
+noCrawle: "Заборонити індексацію"
+noCrawleDescription: "Просити пошукові системи не індексувати ваш профіль, нотатки, сторінки тощо."
+alwaysMarkSensitive: "Позначати NSFW за замовчуванням"
+loadRawImages: "Відображати вкладені зображення повністю замість ескізів"
+disableShowingAnimatedImages: "Не програвати анімовані зображення"
+notSet: "Не налаштовано"
+emailVerified: "Електронну пошту підтверджено."
+noteFavoritesCount: "Кількість улюблених нотаток"
+pageLikesCount: "Кількість отриманих вподобань сторінки"
+pageLikedCount: "Кількість вподобаних сторінок"
+reversiCount: "Кількість матчів \"Реверсі\""
+contact: "Контакт"
+useSystemFont: "Використовувати стандартний шрифт системи"
+clips: "Добірка"
+experimentalFeatures: "Експериментальні функції"
+developer: "Розробник"
+_aboutMisskey:
+  about: "Misskey - це програмне забезпечення з відкритим кодом, яке розробляє syuilo з 2014 року."
+  contributors: "Головні помічники"
+  allContributors: "Всі помічники"
+  source: "Вихідний код"
+  translation: "Перекладати Misskey"
+  donate: "Пожертвувати Misskey"
+  morePatrons: "Ми дуже цінуємо підтримку багатьох інших помічників, не перелічених тут. Дякуємо! 🥰"
+  patrons: "Підтримали"
+_nsfw:
+  respect: "Приховувати NSFW медіа"
+  ignore: "Не приховувати NSFW медіа"
+  force: "Приховувати всі медіа файли"
 _mfm:
  cheatSheet: " Довідка MFM"
  intro: "MFM це ексклюзивна мова розмітки тексту в Misskey, яку можна використовувати в багатьох місцях. Тут ви можете переглянути приклади її синтаксису."
+  dummy: "Misskey розширює світ Федіверсу"
  mention: "Згадка"
  hashtag: "Хештеґ"
  url: "URL"
@ -545,6 +633,7 @@ _mfm:
  blockCode: "Код (блок)"
  blockCodeDescription: "Показує кілька рядків тексту як блок програмного кода"
  inlineMath: "Формула (у рядку)"
+  inlineMathDescription: "Відображення математичних формул (KaTeX) у рядку"
  blockMath: "Формули (блок)"
  quote: "Цитата"
  emoji: "Кастомні емоджі"
@ -624,6 +713,7 @@ _theme:
    mention: "Згадка"
    mentionMe: "Згадки (мене)"
    renote: "Поширити"
+    divider: "Розділювач"
 _sfx:
  note: "Нотатки"
  notification: "Сповіщення"
@ -647,6 +737,15 @@ _time:
 _tutorial:
  title: "Як користуватись Misskey"
  step1_1: "Ласкаво просимо!"
+  step1_3: "Наразі ваша стрічка порожня, оскільки ви ще не написали жодної нотатки і не підписані на інших."
+  step3_2: "Наступним кроком є написання нотатки. Це можна зробити, натиснувши зображення олівця на екрані."
+_2fa:
+  registerKey: "Зареєструвати новий ключ безпеки"
+_permissions:
+  "write:account": "Змінити дані акаунту"
+  "read:blocks": "Переглянути список заблокованих"
+  "write:blocks": "Редагувати список заблокованих"
+  "read:drive": "Переглянути вміст Диска"
 _antennaSources:
  homeTimeline: "Нотатки тих, на кого ви підписані"
 _widgets:
@ -710,6 +809,7 @@ _relayStatus:
 _notification:
  youRenoted: "{name} поширив(ла) вашу нотатку"
  youWereFollowed: "Новий підписник"
+  youWereInvitedToGroup: "Запрошення до групи"
  _types:
    follow: "Підписки"
    mention: "Згадка"
@ -718,6 +818,7 @@ _notification:
    reaction: "Реакції"
 _deck:
  _columns:
+    widgets: "Віджети"
    notifications: "Сповіщення"
    tl: "Стрічка"
    antenna: "Антени"
--- a/locales/zh-CN.yml
+++ b/locales/zh-CN.yml
@ -127,6 +127,7 @@ cacheRemoteFilesDescription: "当禁用此设定时远程文件将直接从远
 flagAsBot: "这个账户是Bot"
 flagAsBotDescription: "如果此帐户由程序控制，请启用此项。启用后，此标志可以帮助其他开发人员防止机器人之间产生无限互动的行为，并让Misskey的内部系统将此帐户识别为机器人。"
 flagAsCat: "这个账户是Cat"
+flagAsCatDescription: "如果您想表明此帐户是一只猫，请打开此标志。"
 autoAcceptFollowed: "自动允许关注"
 addAcount: "添加账户"
 loginFailed: "登录失败"
@ -359,13 +360,6 @@ popularTags: "热门标签"
 userList: "列表"
 about: "关于"
 aboutMisskey: "关于 Misskey"
-aboutMisskeyText: "Misskey是由syuilo于2014年开发的开源软件。"
-misskeyMembers: "现在由以下成员进行开发和维护："
-misskeySource: "源代码在这里公开："
-misskeyTranslation: "与我们一同进行Misskey的翻译工作："
-misskeyDonate: "可以向 Misskey 进行捐款以支持开发："
-morePatrons: "还有很多其他的人也在支持我们，非常感谢🥰"
-patrons: "支持者"
 administrator: "管理员"
 token: "令牌"
 twoStepAuthentication: "两步验证"
@ -440,6 +434,7 @@ useOsNativeEmojis: "使用OS原生表情符号"
 youHaveNoGroups: "没有群组"
 joinOrCreateGroup: "请加入一个现有的群组，或者创建新群组。"
 noHistory: "没有历史记录"
+signinHistory: "登录历史"
 disableAnimatedMfm: "禁用MFM动画"
 doing: "正在进行"
 category: "类别"
@ -492,6 +487,7 @@ none: "空"
 showInPage: "在页面中显示"
 popout: "弹窗"
 volume: "音量"
+masterVolume: "主音量"
 details: "详情"
 chooseEmoji: "选择表情符号"
 unableToProcess: "操作无法完成"
@ -564,7 +560,8 @@ useStarForReactionFallback: "如果回应的是未知表情符号，则使用★
 emailConfig: "邮件服务器设置"
 enableEmail: "启用发送邮件功能"
 emailConfigInfo: "用于确认电子邮件和密码重置"
-email: "邮件地址"
+email: "邮箱"
+emailAddress: "电子邮件地址"
 smtpConfig: "SMTP服务器设置"
 smtpHost: "主机名"
 smtpPort: "端口"
@ -596,6 +593,7 @@ regenerateLoginTokenDescription: "重新生成用于登录的内部令牌。通
 setMultipleBySeparatingWithSpace: "您可以使用空格分隔多个项目。"
 fileIdOrUrl: "文件ID或者URL"
 chatOpenBehavior: "聊天窗口打开时的行为"
+behavior: "行为"
 sample: "示例"
 abuseReports: "举报"
 reportAbuse: "举报"
@ -619,6 +617,55 @@ createNew: "新建"
 optional: "可选"
 createNewClip: "新建片段"
 public: "公开"
+i18nInfo: "Misskey已经被志愿者们翻译到了各种语言。如果你也有兴趣，可以通过{link}帮助翻译。"
+manageAccessTokens: "管理 Access Tokens"
+accountInfo: "帐户信息"
+notesCount: "贴文数量"
+repliesCount: "回复数量"
+renotesCount: "转贴数量"
+repliedCount: "回复数"
+renotedCount: "转发数"
+followingCount: "正在关注数量"
+followersCount: "关注者数量"
+sentReactionsCount: "发送反应数"
+receivedReactionsCount: "收到反应数"
+pollVotesCount: "发起投票数"
+pollVotedCount: "已投票数"
+yes: "确定"
+no: "取消"
+driveFilesCount: "磁盘文件数"
+driveUsage: "磁盘空间用量"
+noCrawle: "拒绝搜索器的索引"
+noCrawleDescription: "要求搜索引擎不要收录（索引）您的用户页面，帖子，页面等。"
+lockedAccountInfo: "即使通过了关注请求，只要您不将帖子可见范围设置成“关注者”，任何人都可以看到您的帖子。"
+alwaysMarkSensitive: "浏览默认媒体文件时请谨慎"
+loadRawImages: "添加附件图像的缩略图时使用原始图像质量"
+disableShowingAnimatedImages: "不播放动画"
+verificationEmailSent: "已发送确认电子邮件。请访问电子邮件中的链接以完成设置。"
+notSet: "未设置"
+emailVerified: "电子邮件地址已验证"
+noteFavoritesCount: "收藏的帖子数"
+pageLikesCount: "页面点赞次数"
+pageLikedCount: "页面被点赞次数"
+reversiCount: "黑白棋对战次数"
+contact: "联系人"
+useSystemFont: "使用系统默认字体"
+clips: "片段"
+experimentalFeatures: "实验性功能"
+developer: "开发者"
+_aboutMisskey:
+  about: "Misskey是由syuilo于2014年开发的开源软件。"
+  contributors: "主要贡献者"
+  allContributors: "全体贡献者"
+  source: "源代码"
+  translation: "翻译Misskey"
+  donate: "赞助Misskey"
+  morePatrons: "还有很多其他的人也在支持我们，非常感谢🥰"
+  patrons: "支持者"
+_nsfw:
+  respect: "隐藏NSFW内容"
+  ignore: "不隐藏NSFW内容"
+  force: "总是隐藏内容"
 _mfm:
  cheatSheet: "MFM代码速查表"
  intro: "MFM是一种在Misskey中的各个位置使用的专用标记语言。在这里您可以看到MFM中可用的语法列表。"
@ -737,6 +784,8 @@ _theme:
  manage: "主题管理"
  code: "主题代码"
  installed: "{name} 已安装"
+  installedThemes: "已安装的主题"
+  builtinThemes: "标准主题"
  alreadyInstalled: "此主题已经安装"
  invalid: "主题格式错误"
  make: "制作主题"
@ -810,6 +859,8 @@ _sfx:
  chatBg: "聊天背景"
  antenna: "天线接收"
  channel: "频道通知"
+  reversiPutBlack: "黑白棋：黑方下子时"
+  reversiPutWhite: "黑白棋：白方下子时"
 _ago:
  unknown: "未知"
  future: "未来"
@ -975,9 +1026,13 @@ _profile:
  username: "用户名"
  description: "个人简介"
  youCanIncludeHashtags: "您可以包含一个哈希标签。"
-  metadata: "额外信息"
+  metadata: "附加信息"
+  metadataEdit: "附加信息编辑"
+  metadataDescription: "最多可以在个人资料中以表格形式显示四条其他信息。"
  metadataLabel: "标签"
  metadataContent: "内容"
+  changeAvatar: "修改头像"
+  changeBanner: "修改横幅"
 _exportOrImport:
  allNotes: "所有帖子"
  followingList: "关注中"
--- a/locales/zh-TW.yml
+++ b/locales/zh-TW.yml
@ -351,13 +351,6 @@ popularTags: "熱門標籤"
 userList: "清單"
 about: "資訊"
 aboutMisskey: "關於 Misskey"
-aboutMisskeyText: "Misskey是由syuilo於2014年開發的開放源代碼軟件。"
-misskeyMembers: "現在由以下成員開發及維護："
-misskeySource: "源代碼在這裡公開："
-misskeyTranslation: "幫助我們為Misskey的翻譯工作出一分力："
-misskeyDonate: "向Misskey捐款以支援我們開發工作："
-morePatrons: "感激你們的支持、 幫助。 🥰"
-patrons: "贊助者"
 administrator: "管理員"
 token: "令牌"
 twoStepAuthentication: "雙重身份驗證"
@ -531,7 +524,6 @@ useStarForReactionFallback: "以★代替未知的表情符號"
 emailConfig: "電子郵件伺服器設定"
 enableEmail: "啟用發送電郵功能"
 emailConfigInfo: "用於確認電郵地址及密碼重置"
-email: "電郵地址"
 smtpConfig: "SMTP伺服器設定"
 smtpHost: "主機"
 smtpPort: "端口"
@ -773,7 +765,6 @@ _profile:
  username: "使用者名稱"
  description: "關於我"
  youCanIncludeHashtags: "你也可以在「關於我」中加上 #tag"
-  metadata: "更多資訊"
  metadataLabel: "標籤"
  metadataContent: "内容"
 _exportOrImport:
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
 	"name": "misskey",
 	"author": "syuilo <syuilotan@yahoo.co.jp>",
-	"version": "12.60.0",
+	"version": "12.61.1",
 	"codename": "indigo",
 	"repository": {
 		"type": "git",
@ -36,7 +36,7 @@
 	},
 	"dependencies": {
 		"@babel/plugin-transform-runtime": "7.11.0",
-		"@elastic/elasticsearch": "7.8.0",
+		"@elastic/elasticsearch": "7.10.0",
 		"@fortawesome/fontawesome-svg-core": "1.2.32",
 		"@fortawesome/free-brands-svg-icons": "5.15.1",
 		"@fortawesome/free-regular-svg-icons": "5.15.1",
@ -48,7 +48,7 @@
 		"@sinonjs/fake-timers": "6.0.1",
 		"@syuilo/aiscript": "0.11.1",
 		"@types/bcryptjs": "2.4.2",
-		"@types/bull": "3.14.0",
+		"@types/bull": "3.14.4",
 		"@types/cbor": "5.0.1",
 		"@types/dateformat": "3.0.1",
 		"@types/double-ended-queue": "2.1.1",
@ -59,7 +59,7 @@
 		"@types/gulp-replace": "0.0.31",
 		"@types/is-url": "1.2.28",
 		"@types/js-yaml": "3.12.5",
-		"@types/jsdom": "16.2.3",
+		"@types/jsdom": "16.2.5",
 		"@types/jsonld": "1.5.1",
 		"@types/katex": "0.11.0",
 		"@types/koa": "2.11.3",
@ -71,7 +71,7 @@
 		"@types/koa-send": "4.1.2",
 		"@types/koa-views": "2.0.4",
 		"@types/koa__cors": "3.0.1",
-		"@types/koa__multer": "2.0.1",
+		"@types/koa__multer": "2.0.2",
 		"@types/koa__router": "8.0.2",
 		"@types/markdown-it": "10.0.1",
 		"@types/mocha": "7.0.2",
@ -81,13 +81,13 @@
 		"@types/nprogress": "0.2.0",
 		"@types/oauth": "0.9.1",
 		"@types/parse5": "5.0.3",
-		"@types/parsimmon": "1.10.2",
+		"@types/parsimmon": "1.10.4",
 		"@types/portscanner": "2.1.0",
 		"@types/pug": "2.0.4",
 		"@types/qrcode": "1.3.4",
 		"@types/random-seed": "0.3.3",
-		"@types/ratelimiter": "2.1.28",
-		"@types/redis": "2.8.25",
+		"@types/ratelimiter": "3.4.0",
+		"@types/redis": "2.8.28",
 		"@types/rename": "1.0.1",
 		"@types/request-stats": "3.0.0",
 		"@types/rimraf": "3.0.0",
@ -99,12 +99,12 @@
 		"@types/tmp": "0.2.0",
 		"@types/uuid": "8.3.0",
 		"@types/web-push": "3.3.0",
-		"@types/webpack": "4.41.24",
+		"@types/webpack": "4.41.25",
 		"@types/webpack-stream": "3.2.11",
 		"@types/websocket": "1.0.1",
-		"@types/ws": "7.2.7",
+		"@types/ws": "7.4.0",
 		"@typescript-eslint/parser": "4.6.1",
-		"@vue/compiler-sfc": "3.0.2",
+		"@vue/compiler-sfc": "3.0.3",
 		"abort-controller": "3.0.0",
 		"apexcharts": "3.22.1",
 		"autobind-decorator": "2.4.0",
@ -130,7 +130,7 @@
 		"diskusage": "1.1.3",
 		"double-ended-queue": "2.1.0-0",
 		"escape-regexp": "0.0.1",
-		"eslint": "7.12.1",
+		"eslint": "7.14.0",
 		"eslint-plugin-vue": "7.1.0",
 		"eventemitter3": "4.0.7",
 		"feed": "4.2.1",
@ -174,23 +174,23 @@
 		"langmap": "0.0.16",
 		"lookup-dns-cache": "2.1.0",
 		"markdown-it": "11.0.1",
-		"markdown-it-anchor": "6.0.0",
+		"markdown-it-anchor": "6.0.1",
 		"mocha": "8.2.1",
 		"moji": "0.5.1",
 		"ms": "2.1.2",
 		"multer": "1.4.2",
 		"nested-property": "4.0.0",
 		"node-fetch": "2.6.1",
-		"nodemailer": "6.4.15",
+		"nodemailer": "6.4.16",
 		"object-assign-deep": "0.4.0",
 		"os-utils": "0.0.14",
 		"p-cancelable": "2.0.0",
 		"parse5": "6.0.1",
 		"parsimmon": "1.16.0",
-		"pg": "8.4.2",
+		"pg": "8.5.1",
 		"portscanner": "2.2.0",
 		"postcss": "8.1.6",
-		"postcss-loader": "4.0.4",
+		"postcss-loader": "4.1.0",
 		"prismjs": "1.22.0",
 		"probe-image-size": "6.0.0",
 		"promise-limit": "2.7.0",
@ -215,7 +215,7 @@
 		"rndstr": "1.0.0",
 		"s-age": "1.1.2",
 		"sass": "1.29.0",
-		"sass-loader": "10.0.5",
+		"sass-loader": "10.1.0",
 		"seedrandom": "3.0.5",
 		"sharp": "0.26.2",
 		"speakeasy": "2.0.0",
@ -223,7 +223,7 @@
 		"style-loader": "2.0.0",
 		"summaly": "2.4.0",
 		"syslog-pro": "1.0.0",
-		"systeminformation": "4.28.1",
+		"systeminformation": "4.30.7",
 		"syuilo-password-strength": "0.0.1",
 		"textarea-caret": "3.1.0",
 		"three": "0.117.1",
@ -239,28 +239,28 @@
 		"url-loader": "4.1.1",
 		"uuid": "8.3.1",
 		"v-debounce": "0.1.2",
-		"vue": "3.0.2",
+		"vanilla-tilt": "1.7.0",
+		"vue": "3.0.4",
 		"vue-color": "2.7.1",
 		"vue-draggable-next": "1.0.8",
 		"vue-i18n": "9.0.0-beta.7",
 		"vue-json-pretty": "1.7.1",
-		"vue-loader": "16.0.0-beta.8",
-		"vue-prism-editor": "1.2.2",
-		"vue-router": "4.0.0-rc.2",
+		"vue-loader": "16.0.0",
+		"vue-prism-editor": "2.0.0-alpha.2",
+		"vue-router": "4.0.0-rc.6",
 		"vue-style-loader": "4.1.2",
-		"vue-template-compiler": "2.6.12",
-		"vuex": "4.0.0-rc.1",
+		"vuex": "4.0.0-rc.2",
 		"vuex-persistedstate": "3.1.0",
 		"web-push": "3.4.4",
-		"webpack": "5.6.0",
+		"webpack": "5.9.0",
 		"webpack-cli": "4.2.0",
 		"websocket": "1.0.32",
-		"ws": "7.3.1",
+		"ws": "7.4.0",
 		"xev": "2.0.1"
 	},
 	"devDependencies": {
 		"@types/chai": "4.2.11",
-		"@types/fluent-ffmpeg": "2.1.14",
+		"@types/fluent-ffmpeg": "2.1.16",
 		"chai": "4.2.0",
 		"cross-env": "7.0.2"
 	}
--- a/src/client/@types/vue.d.ts
+++ b/src/client/@types/vue.d.ts
@ -1,4 +1,5 @@
 declare module '*.vue' {
-	import Vue from 'vue';
-	export default Vue;
+	import { defineComponent } from 'vue';
+	const component: ReturnType<typeof defineComponent>;
+	export default component;
 }
--- a/src/client/components/follow-button.vue
+++ b/src/client/components/follow-button.vue
@ -1,9 +1,8 @@
 <template>
 <button class="kpoogebi _button"
-	:class="{ wait, active: isFollowing || hasPendingFollowRequestFromYou, full }"
+	:class="{ wait, active: isFollowing || hasPendingFollowRequestFromYou, full, large }"
 	@click="onClick"
 	:disabled="wait"
-	v-if="isFollowing != null"
 >
 	<template v-if="!wait">
 		<template v-if="hasPendingFollowRequestFromYou && user.isLocked">
@ -44,6 +43,11 @@ export default defineComponent({
 			required: false,
 			default: false,
 		},
+		large: {
+			type: Boolean,
+			required: false,
+			default: false,
+		},
 	},

 	data() {
@ -149,6 +153,12 @@ export default defineComponent({
 		font-size: 14px;
 	}

+	&.large {
+		font-size: 16px;
+		height: 38px;
+		padding: 0 12px 0 16px;
+	}
+
 	&:not(.full) {
 		width: 31px;
 	}
--- a/src/client/components/form/link.vue
+++ b/src/client/components/form/link.vue
@ -3,12 +3,18 @@
 	<a class="main _button _formPanel _formClickable" :href="to" target="_blank" v-if="external">
 		<span class="icon"><slot name="icon"></slot></span>
 		<span class="text"><slot></slot></span>
-		<Fa :icon="faExternalLinkAlt" class="right"/>
+		<span class="right">
+			<span class="text"><slot name="suffix"></slot></span>
+			<Fa :icon="faExternalLinkAlt" class="icon"/>
+		</span>
 	</a>
 	<MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" v-else>
 		<span class="icon"><slot name="icon"></slot></span>
 		<span class="text"><slot></slot></span>
-		<Fa :icon="faChevronRight" class="right"/>
+		<span class="right">
+			<span class="text"><slot name="suffix"></slot></span>
+			<Fa :icon="faChevronRight" class="icon"/>
+		</span>
 	</MkA>
 </div>
 </template>
@ -84,6 +90,10 @@ export default defineComponent({
 		> .right {
 			margin-left: auto;
 			opacity: 0.7;
+
+			> .text:not(:empty) {
+				margin-right: 0.75em;
+			}
 		}
 	}
 }
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@ -1,6 +1,6 @@
 <template>
 <div
-	class="note _panel"
+	class="note _panelElevated"
 	v-if="!muted"
 	v-show="!isDeleted"
 	:tabindex="!isDeleted ? '-1' : null"
--- a/src/client/components/remote-caution.vue
+++ b/src/client/components/remote-caution.vue
@ -26,6 +26,8 @@ export default defineComponent({
 .jmgmzlwq {
 	font-size: 0.8em;
 	padding: 16px;
+	background: var(--infoWarnBg);
+	color: var(--infoWarnFg);

 	> a {
 		margin-left: 4px;
--- a/src/client/components/signup.vue
+++ b/src/client/components/signup.vue
@ -36,11 +36,12 @@
 				<p v-if="passwordRetypeState == 'not-match'" style="color:#FF1161"><Fa :icon="faExclamationTriangle" fixed-width/> {{ $t('passwordNotMatched') }}</p>
 			</template>
 		</MkInput>
-		<MkSwitch v-model:value="ToSAgreement" v-if="meta.tosUrl">
+		<label v-if="meta.tosUrl" class="tou">
+			<input type="checkbox" v-model="ToSAgreement">
 			<i18n-t keypath="agreeTo">
 				<a :href="meta.tosUrl" class="_link" target="_blank">{{ $t('tos') }}</a>
 			</i18n-t>
-		</MkSwitch>
+		</label>
 		<captcha v-if="meta.enableHcaptcha" class="captcha" provider="hcaptcha" ref="hcaptcha" v-model:value="hCaptchaResponse" :sitekey="meta.hcaptchaSiteKey"/>
 		<captcha v-if="meta.enableRecaptcha" class="captcha" provider="grecaptcha" ref="recaptcha" v-model:value="reCaptchaResponse" :sitekey="meta.recaptchaSiteKey"/>
 		<MkButton type="submit" :disabled="shouldDisableSubmitting" primary>{{ $t('start') }}</MkButton>
@ -207,5 +208,11 @@ export default defineComponent({
 	.captcha {
 		margin: 16px 0;
 	}
+
+	> .tou {
+		display: block;
+		margin: 16px 0;
+		cursor: pointer;
+	}
 }
 </style>
--- a/src/client/components/ui/modal.vue
+++ b/src/client/components/ui/modal.vue
@ -1,5 +1,5 @@
 <template>
-<div class="mk-modal" v-hotkey.global="keymap" :style="{ pointerEvents: showing ? 'auto' : 'none' }">
+<div class="mk-modal" v-hotkey.global="keymap" :style="{ pointerEvents: showing ? 'auto' : 'none', '--transformOrigin': transformOrigin }">
 	<transition :name="$store.state.device.animation ? 'modal-bg' : ''" appear>
 		<div class="bg _modalBg" v-if="showing" @click="onBgClick"></div>
 	</transition>
@ -150,7 +150,7 @@ export default defineComponent({
 });
 </script>

-<style vars="{ transformOrigin }">
+<style>
 .modal-popup-content-enter-active, .modal-popup-content-leave-active,
 .modal-content-enter-from, .modal-content-leave-to {
  transform-origin: var(--transformOrigin);
--- a/src/client/pages/about-misskey.vue
+++ b/src/client/pages/about-misskey.vue
@ -1,87 +1,110 @@
 <template>
-<div class="znqjceqz">
-	<section class="_section">
-		<div class="_content" style="text-align: center;">
-			<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;"/>
+<FormBase class="znqjceqz">
+	<section class="_formItem">
+		<div class="_formPanel" style="text-align: center; padding: 16px;">
+			<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;" ref="icon"/>
 			<div style="margin-top: 0.75em;">Misskey</div>
 			<div style="opacity: 0.5;">v{{ version }}</div>
 		</div>
 	</section>
-	<section class="_section">
-		<div class="_content">
-			<div style="text-align: center;">{{ $t('aboutMisskeyText') }}</div>
-		</div>
+	<section class="_formItem" style="text-align: center; padding: 0 16px;">
+		{{ $t('_aboutMisskey.about') }}
 	</section>
-	<section class="_section">
-		<div class="_content" style="text-align: center;">
-			<div>📦 {{ $t('misskeySource') }}</div>
-			<MkUrl url="https://github.com/syuilo/misskey"/>
-			<div style="margin-top: 1em;">🌏 {{ $t('misskeyTranslation') }}</div>
-			<MkUrl url="https://crowdin.com/project/misskey"/>
-			<div style="margin-top: 1em;">💴 {{ $t('misskeyDonate') }}</div>
-			<MkUrl url="https://www.patreon.com/syuilo"/>
-		</div>
-	</section>
-	<section class="_section">
-		<div class="_content" style="text-align: center;">
-			<div>🛠️ {{ $t('misskeyMembers') }}</div>
-			<ul class="members" style="list-style: none; padding: 0; margin: 1em 0 0 0;">
-				<li><MkLink url="https://github.com/syuilo" class="at">@syuilo</MkLink></li>
-				<li><MkLink url="https://github.com/AyaMorisawa" class="at">@AyaMorisawa</MkLink></li>
-				<li><MkLink url="https://github.com/mei23" class="at">@mei23</MkLink></li>
-				<li><MkLink url="https://github.com/acid-chicken" class="at">@acid-chicken</MkLink></li>
-				<li><MkLink url="https://github.com/tamaina" class="at">@tamaina</MkLink></li>
-				<li><MkLink url="https://github.com/rinsuki" class="at">@rinsuki</MkLink></li>
-				<li><MkLink url="https://github.com/Xeltica" class="at">@Xeltica</MkLink></li>
-				<li><MkLink url="https://github.com/u1-liquid" class="at">@u1-liquid</MkLink></li>
-			</ul>
-		</div>
-	</section>
-	<section class="_section">
-		<div class="_content">
-			<div class="_card">
-				<div class="_title"><Mfm text="[jelly ❤]"/> {{ $t('patrons') }}</div>
-				<div class="_content">
-					<ul style="margin: 0;">
-						<li>Gargron</li>
-						<li>Satsuki Yanagi</li>
-						<li>noellabo</li>
-						<li>naga_rus</li>
-						<li>Melilot</li>
-						<li>AureoleArk</li>
-						<li>Peter G.</li>
-						<li>motcha</li>
-						<li>Atsuko Tominaga</li>
-						<li>dansup</li>
-						<li>Nokotaro Takeda</li>
-						<li>YUKIMOCHI</li>
-						<li>nanami kan</li>
-						<li>Hekovic</li>
-						<li>wara</li>
-						<li>Takashi Shibuya</li>
-						<li>Noizeman</li>
-						<li>mydarkstar</li>
-						<li>nenohi</li>
-						<li>Eduardo Quiros</li>
-					</ul>
-				</div>
-				<div class="_footer">{{ $t('morePatrons') }}</div>
-			</div>
-		</div>
-	</section>
-</div>
+	<FormGroup>
+		<FormLink to="https://github.com/syuilo/misskey" external>
+			<template #icon><Fa :icon="faCode"/></template>
+			{{ $t('_aboutMisskey.source') }}
+			<template #suffix>GitHub</template>
+		</FormLink>
+		<FormLink to="https://crowdin.com/project/misskey" external>
+			<template #icon><Fa :icon="faLanguage"/></template>
+			{{ $t('_aboutMisskey.translation') }}
+			<template #suffix>Crowdin</template>
+		</FormLink>
+		<FormLink to="https://www.patreon.com/syuilo" external>
+			<template #icon><Fa :icon="faHandHoldingMedical"/></template>
+			{{ $t('_aboutMisskey.donate') }}
+			<template #suffix>Patreon</template>
+		</FormLink>
+	</FormGroup>
+	<FormGroup>
+		<template #label>{{ $t('_aboutMisskey.contributors') }}</template>
+		<FormLink to="https://github.com/syuilo" external>@syuilo</FormLink>
+		<FormLink to="https://github.com/AyaMorisawa" external>@AyaMorisawa</FormLink>
+		<FormLink to="https://github.com/mei23" external>@mei23</FormLink>
+		<FormLink to="https://github.com/acid-chicken" external>@acid-chicken</FormLink>
+		<FormLink to="https://github.com/tamaina" external>@tamaina</FormLink>
+		<FormLink to="https://github.com/rinsuki" external>@rinsuki</FormLink>
+		<FormLink to="https://github.com/Xeltica" external>@Xeltica</FormLink>
+		<FormLink to="https://github.com/u1-liquid" external>@u1-liquid</FormLink>
+		<template #caption><MkLink url="https://github.com/syuilo/misskey/graphs/contributors">{{ $t('_aboutMisskey.allContributors') }}</MkLink></template>
+	</FormGroup>
+	<FormGroup>
+		<template #label><Mfm text="[jelly ❤]"/> {{ $t('_aboutMisskey.patrons') }}</template>
+		<FormKeyValueView v-for="patron in patrons" :key="patron"><template #key>{{ patron }}</template></FormKeyValueView>
+		<template #caption>{{ $t('_aboutMisskey.morePatrons') }}</template>
+	</FormGroup>
+</FormBase>
 </template>

 <script lang="ts">
 import { defineComponent } from 'vue';
-import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { faInfoCircle, faCode, faLanguage, faHandHoldingMedical, } from '@fortawesome/free-solid-svg-icons';
+import VanillaTilt from 'vanilla-tilt';
 import { version } from '@/config';
+import FormLink from '@/components/form/link.vue';
+import FormBase from '@/components/form/base.vue';
+import FormGroup from '@/components/form/group.vue';
+import FormKeyValueView from '@/components/form/key-value-view.vue';
 import MkLink from '@/components/link.vue';
 import * as os from '@/os';

+const patrons = [
+	'Satsuki Yanagi',
+	'noellabo',
+	'Gargron',
+	'Atsuko Tominaga',
+	'AureoleArk',
+	'naga_rus',
+	'Melilot',
+	'Hekovic',
+	'Nokotaro Takeda',
+	'dansup',
+	'nenohi',
+	'motcha',
+	'nanami kan',
+	'Eduardo Quiros',
+	'Peter G.',
+	'YUKIMOCHI',
+	'Efertone',
+	'makokunsan',
+	'mewl hayabusa',
+	'見当かなみ',
+	'natalie',
+	'takimura',
+	'sikyosyounin',
+	'weepjp',
+	'mydarkstar',
+	'Nesakko',
+	'sheeta.s',
+	'osapon',
+	'YuzuRyo61',
+	'wara',
+	'mkatze',
+	'kiritan',
+	'CG',
+	'Denshi',
+	'Osushimaru',
+	'Liaizon Wakest',
+];
+
 export default defineComponent({
 	components: {
-		MkLink
+		FormBase,
+		FormGroup,
+		FormLink,
+		FormKeyValueView,
+		MkLink,
 	},

 	data() {
@ -91,8 +114,26 @@ export default defineComponent({
 				icon: null
 			},
 			version,
-			faInfoCircle
+			patrons,
+			faInfoCircle, faCode, faLanguage, faHandHoldingMedical,
 		}
 	},
+
+	mounted() {
+		VanillaTilt.init(this.$refs.icon, {
+			max: 30,
+			perspective: 500,
+			scale: 1.125,
+			speed: 1000,
+		});
+	},
 });
 </script>
+
+<style lang="scss" scoped>
+.znqjceqz {
+	max-width: 800px;
+	box-sizing: border-box;
+	margin: 0 auto;
+}
+</style>
--- a/src/client/pages/about.vue
+++ b/src/client/pages/about.vue
@ -1,46 +1,57 @@
 <template>
-<div class="mmnnbwxb">
-	<section class="_section info" v-if="meta">
-		<div class="_title"><Fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>
-		<div class="_content" v-if="meta.description">
-			<div v-html="meta.description"></div>
-		</div>
-		<div class="_content table">
-			<div><b>{{ $t('administrator') }}</b><span>{{ meta.maintainerName }}</span></div>
-			<div><b></b><span>{{ meta.maintainerEmail }}</span></div>
-		</div>
-		<div class="_content table">
-			<div><b>Misskey</b><span>v{{ version }}</span></div>
-		</div>
-	</section>
-
-	<div class="_section">
-		<div class="_content">
-			<MkInstanceStats/>
-		</div>
+<FormBase class="mmnnbwxb" v-if="meta">
+	<div class="_formItem logo">
+		<img v-if="meta.logoImageUrl" :src="meta.logoImageUrl">
+		<span v-else class="text">{{ instanceName }}</span>
 	</div>
-</div>
+	<FormGroup>
+		<FormKeyValueView>
+			<template #key>Misskey</template>
+			<template #value>v{{ version }}</template>
+		</FormKeyValueView>
+	</FormGroup>
+
+	<FormGroup>
+		<FormKeyValueView>
+			<template #key>{{ $t('administrator') }}</template>
+			<template #value>{{ meta.maintainerName }}</template>
+		</FormKeyValueView>
+		<FormKeyValueView>
+			<template #key>{{ $t('contact') }}</template>
+			<template #value>{{ meta.maintainerEmail }}</template>
+		</FormKeyValueView>
+	</FormGroup>
+
+	<FormLink v-if="meta.tosUrl" :to="meta.tosUrl" external>{{ $t('tos') }}</FormLink>
+</FormBase>
 </template>

 <script lang="ts">
 import { defineComponent } from 'vue';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
-import { version } from '@/config';
-import MkInstanceStats from '@/components/instance-stats.vue';
+import { version, instanceName } from '@/config';
+import FormLink from '@/components/form/link.vue';
+import FormBase from '@/components/form/base.vue';
+import FormGroup from '@/components/form/group.vue';
+import FormKeyValueView from '@/components/form/key-value-view.vue';
 import * as os from '@/os';

 export default defineComponent({
 	components: {
-		MkInstanceStats
+		FormBase,
+		FormGroup,
+		FormLink,
+		FormKeyValueView,
 	},

 	data() {
 		return {
 			INFO: {
-				title: this.$t('about'),
+				title: this.$t('instanceInfo'),
 				icon: faInfoCircle
 			},
 			version,
+			instanceName,
 			serverInfo: null,
 			faInfoCircle
 		}
@ -56,15 +67,16 @@ export default defineComponent({

 <style lang="scss" scoped>
 .mmnnbwxb {
-	> .info {
-		> .table {
-			> div {
-				display: flex;
+	max-width: 800px;
+	box-sizing: border-box;
+	margin: 0 auto;

-				> * {
-					flex: 1;
-				}
-			}
+	> .logo {
+		text-align: center;
+
+		> img {
+			vertical-align: bottom;
+			max-height: 100px;
 		}
 	}
 }
--- a/src/client/pages/channel.vue
+++ b/src/client/pages/channel.vue
@ -20,7 +20,7 @@
 		</div>
 	</div>

-	<XPostForm :channel="channel" class="post-form _content _panel _vMargin" fixed v-if="this.$store.getters.isSignedIn"/>
+	<XPostForm :channel="channel" class="post-form _content _panel _vMargin" fixed v-if="$store.getters.isSignedIn"/>

 	<XTimeline class="_content _vMargin" src="channel" :channel="channelId" @before="before" @after="after"/>
 </div>
--- a/src/client/pages/channels.vue
+++ b/src/client/pages/channels.vue
@ -1,6 +1,6 @@
 <template>
 <div>
-	<div class="_section" style="padding: 0;" v-if="this.$store.getters.isSignedIn">
+	<div class="_section" style="padding: 0;" v-if="$store.getters.isSignedIn">
 		<MkTab class="_content" v-model:value="tab">
 			<option value="featured"><Fa :icon="faFireAlt"/> {{ $t('_channel.featured') }}</option>
 			<option value="following"><Fa :icon="faHeart"/> {{ $t('_channel.following') }}</option>
--- a/src/client/pages/explore.vue
+++ b/src/client/pages/explore.vue
@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="lznhrdub">
 	<div class="_section">
 		<MkInput v-model:value="query" :debounce="true" type="search"><template #icon><Fa :icon="faSearch"/></template><span>{{ $t('searchUser') }}</span></MkInput>

@ -186,6 +186,11 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
+.lznhrdub {
+	max-width: 1400px;
+	margin: 0 auto;
+}
+
 .localfedi7 {
 	color: #fff;
 	padding: 16px;
--- a/src/client/pages/pages.vue
+++ b/src/client/pages/pages.vue
@ -1,6 +1,6 @@
 <template>
 <div>
-	<MkTab v-model:value="tab" v-if="this.$store.getters.isSignedIn">
+	<MkTab v-model:value="tab" v-if="$store.getters.isSignedIn">
 		<option value="featured"><Fa :icon="faFireAlt"/> {{ $t('_pages.featured') }}</option>
 		<option value="my"><Fa :icon="faEdit"/> {{ $t('_pages.my') }}</option>
 		<option value="liked"><Fa :icon="faHeart"/> {{ $t('_pages.liked') }}</option>
--- a/src/client/pages/scratchpad.vue
+++ b/src/client/pages/scratchpad.vue
@ -1,7 +1,7 @@
 <template>
 <div class="">
-	<div class="_panel">
-		<prism-editor class="_code" v-model:value="code" :highlight="highlighter" :line-numbers="false"/>
+	<div class="_panel iltifgqe">
+		<PrismEditor class="_code code" v-model="code" :highlight="highlighter" :line-numbers="false"/>
 		<MkButton style="position: absolute; top: 8px; right: 8px;" @click="run()" primary><Fa :icon="faPlay"/></MkButton>
 	</div>

@ -129,6 +129,13 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
+.iltifgqe {
+	position: relative;
+
+	> .code {
+	}
+}
+
 .bepmlvbi {
 	padding: 16px;

--- a/src/client/pages/settings/experimental-features.vue
+++ b/src/client/pages/settings/experimental-features.vue
@ -0,0 +1,46 @@
+<template>
+<FormBase>
+
+</FormBase>
+</template>
+
+<script lang="ts">
+import { defineAsyncComponent, defineComponent } from 'vue';
+import { faFlask } from '@fortawesome/free-solid-svg-icons';
+import FormSwitch from '@/components/form/switch.vue';
+import FormSelect from '@/components/form/select.vue';
+import FormLink from '@/components/form/link.vue';
+import FormBase from '@/components/form/base.vue';
+import FormGroup from '@/components/form/group.vue';
+import FormButton from '@/components/form/button.vue';
+import FormKeyValueView from '@/components/form/key-value-view.vue';
+import * as os from '@/os';
+
+export default defineComponent({
+	components: {
+		FormBase,
+		FormSelect,
+		FormSwitch,
+		FormButton,
+		FormLink,
+		FormGroup,
+		FormKeyValueView,
+	},
+
+	emits: ['info'],
+	
+	data() {
+		return {
+			INFO: {
+				title: this.$t('experimentalFeatures'),
+				icon: faFlask
+			},
+			stats: null
+		}
+	},
+
+	mounted() {
+		this.$emit('info', this.INFO);
+	},
+});
+</script>
--- a/src/client/pages/settings/general.vue
+++ b/src/client/pages/settings/general.vue
@ -33,11 +33,12 @@
 		<FormSwitch v-model:value="disableAnimatedMfm">{{ $t('disableAnimatedMfm') }}</FormSwitch>
 		<FormSwitch v-model:value="reduceAnimation">{{ $t('reduceUiAnimation') }}</FormSwitch>
 		<FormSwitch v-model:value="useBlurEffectForModal">{{ $t('useBlurEffectForModal') }}</FormSwitch>
+		<FormSwitch v-model:value="loadRawImages">{{ $t('loadRawImages') }}</FormSwitch>
+		<FormSwitch v-model:value="disableShowingAnimatedImages">{{ $t('disableShowingAnimatedImages') }}</FormSwitch>
+		<FormSwitch v-model:value="useSystemFont">{{ $t('useSystemFont') }}</FormSwitch>
 		<FormSwitch v-model:value="useOsNativeEmojis">{{ $t('useOsNativeEmojis') }}
 			<div><Mfm text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></div>
 		</FormSwitch>
-		<FormSwitch v-model:value="loadRawImages">{{ $t('loadRawImages') }}</FormSwitch>
-		<FormSwitch v-model:value="disableShowingAnimatedImages">{{ $t('disableShowingAnimatedImages') }}</FormSwitch>
 	</FormGroup>

 	<FormRadios v-model="fontSize">
@ -118,6 +119,7 @@ export default defineComponent({
 			langs,
 			lang: localStorage.getItem('lang'),
 			fontSize: localStorage.getItem('fontSize'),
+			useSystemFont: localStorage.getItem('useSystemFont') != null,
 			faImage, faCog, faColumns
 		}
 	},
@ -221,6 +223,15 @@ export default defineComponent({
 			location.reload();
 		},

+		useSystemFont() {
+			if (this.useSystemFont) {
+				localStorage.setItem('useSystemFont', 't');
+			} else {
+				localStorage.removeItem('useSystemFont');
+			}
+			location.reload();
+		},
+
 		enableInfiniteScroll() {
 			location.reload()
 		},
--- a/src/client/pages/settings/index.vue
+++ b/src/client/pages/settings/index.vue
@ -102,6 +102,7 @@ export default defineComponent({
 				case 'import-export': return defineAsyncComponent(() => import('./import-export.vue'));
 				case 'account-info': return defineAsyncComponent(() => import('./account-info.vue'));
 				case 'regedit': return defineAsyncComponent(() => import('./regedit.vue'));
+				case 'experimental-features': return defineAsyncComponent(() => import('./experimental-features.vue'));
 				default: return null;
 			}
 		});
--- a/src/client/pages/settings/other.vue
+++ b/src/client/pages/settings/other.vue
@ -5,8 +5,10 @@
 	</FormSwitch>

 	<FormLink to="/settings/account-info">{{ $t('accountInfo') }}</FormLink>
+	<FormLink to="/settings/experimental-features">{{ $t('experimentalFeatures') }}</FormLink>

 	<FormGroup>
+		<template #label>{{ $t('developer') }}</template>
 		<FormSwitch v-model:value="debug" @update:value="changeDebug">
 			DEBUG MODE
 		</FormSwitch>
--- a/src/client/pages/settings/profile.vue
+++ b/src/client/pages/settings/profile.vue
@ -1,8 +1,12 @@
 <template>
-<FormBase class="llvierxe">
-	<div class="header _formItem" :style="{ backgroundImage: $store.state.i.bannerUrl ? `url(${ $store.state.i.bannerUrl })` : null }" @click="changeBanner">
-		<MkAvatar class="avatar" :user="$store.state.i" :disable-preview="true" :disable-link="true" @click.stop="changeAvatar"/>
-	</div>
+<FormBase>
+	<FormGroup>
+		<div class="_formItem _formPanel llvierxe" :style="{ backgroundImage: $store.state.i.bannerUrl ? `url(${ $store.state.i.bannerUrl })` : null }">
+			<MkAvatar class="avatar" :user="$store.state.i"/>
+		</div>
+		<FormButton @click="changeAvatar" primary>{{ $t('_profile.changeAvatar') }}</FormButton>
+		<FormButton @click="changeBanner" primary>{{ $t('_profile.changeBanner') }}</FormButton>
+	</FormGroup>

 	<FormInput v-model:value="name" :max="30">
 		<span>{{ $t('_profile.name') }}</span>
@ -245,30 +249,26 @@ export default defineComponent({

 <style lang="scss" scoped>
 .llvierxe {
-	> .header {
-		position: relative;
-		height: 150px;
-		overflow: hidden;
-		background-size: cover;
-		background-position: center;
-		border-radius: 5px;
-		border: solid 1px var(--divider);
-		box-sizing: border-box;
-		cursor: pointer;
+	position: relative;
+	height: 150px;
+	background-size: cover;
+	background-position: center;

-		> .avatar {
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			display: block;
-			width: 72px;
-			height: 72px;
-			margin: auto;
-			cursor: pointer;
-			box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.5);
-		}
+	> * {
+		pointer-events: none;
+	}
+
+	> .avatar {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		display: block;
+		width: 72px;
+		height: 72px;
+		margin: auto;
+		box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.5);
 	}
 }
 </style>
--- a/src/client/pages/user/clips.vue
+++ b/src/client/pages/user/clips.vue
@ -0,0 +1,57 @@
+<template>
+<div>
+	<MkPagination :pagination="pagination" #default="{items}" ref="list">
+		<MkA v-for="item in items" :key="item.id" :to="`/clips/${item.id}`" class="item _panel _vMargin">
+			<b>{{ item.name }}</b>
+			<div v-if="item.description" class="description">{{ item.description }}</div>
+		</MkA>
+	</MkPagination>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import MkPagination from '@/components/ui/pagination.vue';
+import { userPage, acct } from '../../filters/user';
+
+export default defineComponent({
+	components: {
+		MkPagination,
+	},
+
+	props: {
+		user: {
+			type: Object,
+			required: true
+		},
+	},
+
+	data() {
+		return {
+			pagination: {
+				endpoint: 'users/clips',
+				limit: 20,
+				params: {
+					userId: this.user.id,
+				}
+			},
+		};
+	},
+
+	watch: {
+		user() {
+			this.$refs.list.reload();
+		}
+	},
+
+	methods: {
+		userPage,
+		
+		acct
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/client/pages/user/index.timeline.vue
+++ b/src/client/pages/user/index.timeline.vue
@ -1,22 +1,24 @@
 <template>
-<div class="kjeftjfm" v-size="{ max: [500] }">
-	<div class="with">
-		<button class="_button" @click="with_ = null" :class="{ active: with_ === null }">{{ $t('notes') }}</button>
-		<button class="_button" @click="with_ = 'replies'" :class="{ active: with_ === 'replies' }">{{ $t('notesAndReplies') }}</button>
-		<button class="_button" @click="with_ = 'files'" :class="{ active: with_ === 'files' }">{{ $t('withFiles') }}</button>
-	</div>
-	<XNotes ref="timeline" :pagination="pagination" @before="$emit('before')" @after="e => $emit('after', e)"/>
+<div>
+	<MkTab v-model:value="with_" class="_vMargin">
+		<option :value="null">{{ $t('notes') }}</option>
+		<option value="replies">{{ $t('notesAndReplies') }}</option>
+		<option value="files">{{ $t('withFiles') }}</option>
+	</MkTab>
+	<XNotes ref="timeline" class="_vMargin" :pagination="pagination" @before="$emit('before')" @after="e => $emit('after', e)"/>
 </div>
 </template>

 <script lang="ts">
 import { defineComponent } from 'vue';
 import XNotes from '@/components/notes.vue';
+import MkTab from '@/components/tab.vue';
 import * as os from '@/os';

 export default defineComponent({
 	components: {
-		XNotes
+		XNotes,
+		MkTab,
 	},

 	props: {
@ -54,29 +56,3 @@ export default defineComponent({
 	},
 });
 </script>
-
-<style lang="scss" scoped>
-.kjeftjfm {
-	> .with {
-		display: flex;
-		margin-bottom: var(--margin);
-
-		> button {
-			flex: 1;
-			padding: 11px 8px 8px 8px;
-			border-bottom: solid 3px transparent;
-
-			&.active {
-				color: var(--accent);
-				border-bottom-color: var(--accent);
-			}
-		}
-	}
-
-	&.max-width_500px {
-		> .with {
-			font-size: 80%;
-		}
-	}
-}
-</style>
--- a/src/client/pages/user/index.vue
+++ b/src/client/pages/user/index.vue
@ -1,37 +1,112 @@
 <template>
 <div>
-	<div class="mk-user-page" v-if="user" v-size="{ max: [500] }" :class="{ _section: narrow === false }">
+	<div class="ftskorzw wide _section" v-if="user && narrow === false">
+		<MkRemoteCaution v-if="user.host != null" :href="user.url" class="_vMargin"/>
+
+		<div class="banner-container _vMargin" :style="style">
+			<div class="banner" ref="banner" :style="style"></div>
+		</div>
+		<div class="contents">
+			<div class="side _forceContainerFull_">
+				<MkAvatar class="avatar" :user="user" :disable-preview="true"/>
+				<div class="name">
+					<MkUserName :user="user" :nowrap="false" class="name"/>
+					<MkAcct :user="user" :detail="true" class="acct"/>
+				</div>
+				<div class="followed" v-if="$store.getters.isSignedIn && $store.state.i.id != user.id && user.isFollowed"><span>{{ $t('followsYou') }}</span></div>
+				<div class="status">
+					<MkA :to="userPage(user)" :class="{ active: page === 'index' }">
+						<b>{{ number(user.notesCount) }}</b>
+						<span>{{ $t('notes') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'following')" :class="{ active: page === 'following' }">
+						<b>{{ number(user.followingCount) }}</b>
+						<span>{{ $t('following') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'followers')" :class="{ active: page === 'followers' }">
+						<b>{{ number(user.followersCount) }}</b>
+						<span>{{ $t('followers') }}</span>
+					</MkA>
+				</div>
+				<div class="description">
+					<Mfm v-if="user.description" :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis"/>
+					<p v-else class="empty">{{ $t('noAccountDescription') }}</p>
+				</div>
+				<div class="fields system">
+					<dl class="field" v-if="user.location">
+						<dt class="name"><Fa :icon="faMapMarker" fixed-width/> {{ $t('location') }}</dt>
+						<dd class="value">{{ user.location }}</dd>
+					</dl>
+					<dl class="field" v-if="user.birthday">
+						<dt class="name"><Fa :icon="faBirthdayCake" fixed-width/> {{ $t('birthday') }}</dt>
+						<dd class="value">{{ user.birthday.replace('-', '/').replace('-', '/') }} ({{ $t('yearsOld', { age }) }})</dd>
+					</dl>
+					<dl class="field">
+						<dt class="name"><Fa :icon="faCalendarAlt" fixed-width/> {{ $t('registeredDate') }}</dt>
+						<dd class="value">{{ new Date(user.createdAt).toLocaleString() }} (<MkTime :time="user.createdAt"/>)</dd>
+					</dl>
+				</div>
+				<div class="fields" v-if="user.fields.length > 0">
+					<dl class="field" v-for="(field, i) in user.fields" :key="i">
+						<dt class="name">
+							<Mfm :text="field.name" :plain="true" :custom-emojis="user.emojis" :colored="false"/>
+						</dt>
+						<dd class="value">
+							<Mfm :text="field.value" :author="user" :i="$store.state.i" :custom-emojis="user.emojis" :colored="false"/>
+						</dd>
+					</dl>
+				</div>
+				<XActivity :user="user" :key="user.id" class="_vMargin"/>
+				<XPhotos :user="user" :key="user.id" class="_vMargin"/>
+			</div>
+			<div class="main">
+				<div class="nav _vMargin">
+					<MkA :to="userPage(user)" :class="{ active: page === 'index' }" class="link">
+						<Fa :icon="faCommentAlt" class="icon"/>
+						<span>{{ $t('notes') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'clips')" :class="{ active: page === 'clips' }" class="link">
+						<Fa :icon="faPaperclip" class="icon"/>
+						<span>{{ $t('clips') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'pages')" :class="{ active: page === 'pages' }" class="link">
+						<Fa :icon="faFileAlt" class="icon"/>
+						<span>{{ $t('pages') }}</span>
+					</MkA>
+					<div class="actions">
+						<button @click="menu" class="menu _button"><Fa :icon="faEllipsisH"/></button>
+						<MkFollowButton v-if="!$store.getters.isSignedIn || $store.state.i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" large class="koudoku"/>
+					</div>
+				</div>
+				<template v-if="page === 'index'">
+					<div v-if="user.pinnedNotes.length > 0" class="_vMargin">
+						<XNote v-for="note in user.pinnedNotes" class="note _vMargin" :note="note" @update:note="pinnedNoteUpdated(note, $event)" :key="note.id" :detail="true" :pinned="true"/>
+					</div>
+					<div class="_vMargin">
+						<XUserTimeline :user="user"/>
+					</div>
+				</template>
+				<XFollowList v-else-if="page === 'following'" type="following" :user="user" class="_vMargin"/>
+				<XFollowList v-else-if="page === 'followers'" type="followers" :user="user" class="_vMargin"/>
+				<XClips v-else-if="page === 'clips'" :user="user" class="_vMargin"/>
+				<XPages v-else-if="page === 'pages'" :user="user" class="_vMargin"/>
+			</div>
+		</div>
+	</div>
+	<div class="ftskorzw narrow _section" v-else-if="user && narrow === true" v-size="{ max: [500] }">
 		<!-- TODO -->
 		<!-- <div class="punished" v-if="user.isSuspended"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div> -->
 		<!-- <div class="punished" v-if="user.isSilenced"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSilenced') }}</div> -->

-		<div class="main">
-			<div class="profile _vMargin" :class="{ _section: narrow === true }">
-				<MkRemoteCaution v-if="user.host != null" :href="user.url" class="_content _vMargin"/>
+		<div class="profile _content _vMargin">
+			<MkRemoteCaution v-if="user.host != null" :href="user.url" class="_vMargin"/>

-				<div class="_content _panel _vMargin" :key="user.id">
-					<div class="banner-container" :style="style">
-						<div class="banner" ref="banner" :style="style"></div>
-						<div class="fade"></div>
-						<div class="title">
-							<MkUserName class="name" :user="user" :nowrap="true"/>
-							<div class="bottom">
-								<span class="username"><MkAcct :user="user" :detail="true" /></span>
-								<span v-if="user.isAdmin" :title="$t('isAdmin')" style="color: var(--badge);"><Fa :icon="faBookmark"/></span>
-								<span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')" style="color: var(--badge);"><Fa :icon="farBookmark"/></span>
-								<span v-if="user.isLocked" :title="$t('isLocked')"><Fa :icon="faLock"/></span>
-								<span v-if="user.isBot" :title="$t('isBot')"><Fa :icon="faRobot"/></span>
-							</div>
-						</div>
-						<span class="followed" v-if="$store.getters.isSignedIn && $store.state.i.id != user.id && user.isFollowed">{{ $t('followsYou') }}</span>
-						<div class="actions" v-if="$store.getters.isSignedIn">
-							<button @click="menu" class="menu _button"><Fa :icon="faEllipsisH"/></button>
-							<MkFollowButton v-if="$store.state.i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/>
-						</div>
-					</div>
-					<MkAvatar class="avatar" :user="user" :disable-preview="true"/>
+			<div class="_vMargin _panel main" :key="user.id">
+				<div class="banner-container" :style="style">
+					<div class="banner" ref="banner" :style="style"></div>
+					<div class="fade"></div>
 					<div class="title">
-						<MkUserName :user="user" :nowrap="false" class="name"/>
+						<MkUserName class="name" :user="user" :nowrap="true"/>
 						<div class="bottom">
 							<span class="username"><MkAcct :user="user" :detail="true" /></span>
 							<span v-if="user.isAdmin" :title="$t('isAdmin')" style="color: var(--badge);"><Fa :icon="faBookmark"/></span>
@ -40,70 +115,99 @@
 							<span v-if="user.isBot" :title="$t('isBot')"><Fa :icon="faRobot"/></span>
 						</div>
 					</div>
-					<div class="description">
-						<Mfm v-if="user.description" :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis"/>
-						<p v-else class="empty">{{ $t('noAccountDescription') }}</p>
+					<span class="followed" v-if="$store.getters.isSignedIn && $store.state.i.id != user.id && user.isFollowed">{{ $t('followsYou') }}</span>
+					<div class="actions" v-if="$store.getters.isSignedIn">
+						<button @click="menu" class="menu _button"><Fa :icon="faEllipsisH"/></button>
+						<MkFollowButton v-if="$store.state.i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/>
 					</div>
-					<div class="fields system">
-						<dl class="field" v-if="user.location">
-							<dt class="name"><Fa :icon="faMapMarker" fixed-width/> {{ $t('location') }}</dt>
-							<dd class="value">{{ user.location }}</dd>
-						</dl>
-						<dl class="field" v-if="user.birthday">
-							<dt class="name"><Fa :icon="faBirthdayCake" fixed-width/> {{ $t('birthday') }}</dt>
-							<dd class="value">{{ user.birthday.replace('-', '/').replace('-', '/') }} ({{ $t('yearsOld', { age }) }})</dd>
-						</dl>
-						<dl class="field">
-							<dt class="name"><Fa :icon="faCalendarAlt" fixed-width/> {{ $t('registeredDate') }}</dt>
-							<dd class="value">{{ new Date(user.createdAt).toLocaleString() }} (<MkTime :time="user.createdAt"/>)</dd>
-						</dl>
-					</div>
-					<div class="fields" v-if="user.fields.length > 0">
-						<dl class="field" v-for="(field, i) in user.fields" :key="i">
-							<dt class="name">
-								<Mfm :text="field.name" :plain="true" :custom-emojis="user.emojis" :colored="false"/>
-							</dt>
-							<dd class="value">
-								<Mfm :text="field.value" :author="user" :i="$store.state.i" :custom-emojis="user.emojis" :colored="false"/>
-							</dd>
-						</dl>
-					</div>
-					<div class="status">
-						<MkA :to="userPage(user)" :class="{ active: page === 'index' }">
-							<b>{{ number(user.notesCount) }}</b>
-							<span>{{ $t('notes') }}</span>
-						</MkA>
-						<MkA :to="userPage(user, 'following')" :class="{ active: page === 'following' }">
-							<b>{{ number(user.followingCount) }}</b>
-							<span>{{ $t('following') }}</span>
-						</MkA>
-						<MkA :to="userPage(user, 'followers')" :class="{ active: page === 'followers' }">
-							<b>{{ number(user.followersCount) }}</b>
-							<span>{{ $t('followers') }}</span>
-						</MkA>
+				</div>
+				<MkAvatar class="avatar" :user="user" :disable-preview="true"/>
+				<div class="title">
+					<MkUserName :user="user" :nowrap="false" class="name"/>
+					<div class="bottom">
+						<span class="username"><MkAcct :user="user" :detail="true" /></span>
+						<span v-if="user.isAdmin" :title="$t('isAdmin')" style="color: var(--badge);"><Fa :icon="faBookmark"/></span>
+						<span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')" style="color: var(--badge);"><Fa :icon="farBookmark"/></span>
+						<span v-if="user.isLocked" :title="$t('isLocked')"><Fa :icon="faLock"/></span>
+						<span v-if="user.isBot" :title="$t('isBot')"><Fa :icon="faRobot"/></span>
 					</div>
 				</div>
+				<div class="description">
+					<Mfm v-if="user.description" :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis"/>
+					<p v-else class="empty">{{ $t('noAccountDescription') }}</p>
+				</div>
+				<div class="fields system">
+					<dl class="field" v-if="user.location">
+						<dt class="name"><Fa :icon="faMapMarker" fixed-width/> {{ $t('location') }}</dt>
+						<dd class="value">{{ user.location }}</dd>
+					</dl>
+					<dl class="field" v-if="user.birthday">
+						<dt class="name"><Fa :icon="faBirthdayCake" fixed-width/> {{ $t('birthday') }}</dt>
+						<dd class="value">{{ user.birthday.replace('-', '/').replace('-', '/') }} ({{ $t('yearsOld', { age }) }})</dd>
+					</dl>
+					<dl class="field">
+						<dt class="name"><Fa :icon="faCalendarAlt" fixed-width/> {{ $t('registeredDate') }}</dt>
+						<dd class="value">{{ new Date(user.createdAt).toLocaleString() }} (<MkTime :time="user.createdAt"/>)</dd>
+					</dl>
+				</div>
+				<div class="fields" v-if="user.fields.length > 0">
+					<dl class="field" v-for="(field, i) in user.fields" :key="i">
+						<dt class="name">
+							<Mfm :text="field.name" :plain="true" :custom-emojis="user.emojis" :colored="false"/>
+						</dt>
+						<dd class="value">
+							<Mfm :text="field.value" :author="user" :i="$store.state.i" :custom-emojis="user.emojis" :colored="false"/>
+						</dd>
+					</dl>
+				</div>
+				<div class="status">
+					<MkA :to="userPage(user)" :class="{ active: page === 'index' }">
+						<b>{{ number(user.notesCount) }}</b>
+						<span>{{ $t('notes') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'following')" :class="{ active: page === 'following' }">
+						<b>{{ number(user.followingCount) }}</b>
+						<span>{{ $t('following') }}</span>
+					</MkA>
+					<MkA :to="userPage(user, 'followers')" :class="{ active: page === 'followers' }">
+						<b>{{ number(user.followersCount) }}</b>
+						<span>{{ $t('followers') }}</span>
+					</MkA>
+				</div>
 			</div>
+		</div>

-			<template v-if="page === 'index'">
-				<div v-if="user.pinnedNotes.length > 0" :class="{ _section: narrow === true, _vMargin: narrow === false }">
-					<XNote v-for="note in user.pinnedNotes" class="note _content _vMargin" :note="note" @update:note="pinnedNoteUpdated(note, $event)" :key="note.id" :detail="true" :pinned="true"/>
-				</div>
-				<div v-if="narrow === true" class="_section">
-					<XPhotos class="_content _vMargin" :user="user" :key="user.id"/>
-					<XActivity class="_content _vMargin" :user="user" :key="user.id"/>
-				</div>
-				<div :class="{ _section: narrow === true, _vMargin: narrow === false }">
-					<XUserTimeline :user="user" class="_content"/>
-				</div>
-			</template>
-			<XFollowList v-else-if="page === 'following'" :class="{ _section: narrow === true, _vMargin: narrow === false }" type="following" :user="user"/>
-			<XFollowList v-else-if="page === 'followers'" :class="{ _section: narrow === true, _vMargin: narrow === false }" type="followers" :user="user"/>
-		</div>
-		<div class="side" v-if="narrow === false">
-			<XPhotos class="_vMargin" :user="user" :key="user.id"/>
-			<XActivity class="_vMargin" :user="user" :key="user.id"/>
+		<div class="nav _vMargin">
+			<MkA :to="userPage(user)" :class="{ active: page === 'index' }" class="link">
+				<Fa :icon="faCommentAlt" class="icon"/>
+				<span>{{ $t('notes') }}</span>
+			</MkA>
+			<MkA :to="userPage(user, 'clips')" :class="{ active: page === 'clips' }" class="link">
+				<Fa :icon="faPaperclip" class="icon"/>
+				<span>{{ $t('clips') }}</span>
+			</MkA>
+			<MkA :to="userPage(user, 'pages')" :class="{ active: page === 'pages' }" class="link">
+				<Fa :icon="faFileAlt" class="icon"/>
+				<span>{{ $t('pages') }}</span>
+			</MkA>
 		</div>
+
+		<template v-if="page === 'index'">
+			<div class="_content _vMargin">
+				<div v-if="user.pinnedNotes.length > 0" class="_vMargin">
+					<XNote v-for="note in user.pinnedNotes" class="note _vMargin" :note="note" @update:note="pinnedNoteUpdated(note, $event)" :key="note.id" :detail="true" :pinned="true"/>
+				</div>
+				<XPhotos :user="user" :key="user.id" class="_vMargin"/>
+				<XActivity :user="user" :key="user.id" class="_vMargin"/>
+			</div>
+			<div class="_content _vMargin">
+				<XUserTimeline :user="user" class="_content"/>
+			</div>
+		</template>
+		<XFollowList v-else-if="page === 'following'" type="following" :user="user" class="_content _vMargin"/>
+		<XFollowList v-else-if="page === 'followers'" type="followers" :user="user" class="_content _vMargin"/>
+		<XClips v-else-if="page === 'clips'" :user="user" class="_vMargin"/>
+		<XPages v-else-if="page === 'pages'" :user="user" class="_vMargin"/>
 	</div>
 	<div v-else-if="error">
 		<MkError @retry="fetch()"/>
@ -113,8 +217,8 @@

 <script lang="ts">
 import { defineComponent, defineAsyncComponent, computed } from 'vue';
-import { faExclamationTriangle, faEllipsisH, faRobot, faLock, faBookmark, faChartBar, faImage, faBirthdayCake, faMapMarker } from '@fortawesome/free-solid-svg-icons';
-import { faCalendarAlt, faBookmark as farBookmark } from '@fortawesome/free-regular-svg-icons';
+import { faExclamationTriangle, faEllipsisH, faRobot, faLock, faBookmark, faChartBar, faImage, faBirthdayCake, faMapMarker, faPaperclip, faFileAlt } from '@fortawesome/free-solid-svg-icons';
+import { faCalendarAlt, faBookmark as farBookmark, faCommentAlt } from '@fortawesome/free-regular-svg-icons';
 import * as age from 's-age';
 import XUserTimeline from './index.timeline.vue';
 import XNote from '@/components/note.vue';
@ -122,6 +226,7 @@ import MkFollowButton from '@/components/follow-button.vue';
 import MkContainer from '@/components/ui/container.vue';
 import MkFolder from '@/components/ui/folder.vue';
 import MkRemoteCaution from '@/components/remote-caution.vue';
+import MkTab from '@/components/tab.vue';
 import Progress from '@/scripts/loading';
 import parseAcct from '../../../misc/acct/parse';
 import { getScrollPosition } from '@/scripts/scroll';
@ -138,7 +243,10 @@ export default defineComponent({
 		MkContainer,
 		MkRemoteCaution,
 		MkFolder,
+		MkTab,
 		XFollowList: defineAsyncComponent(() => import('./follow-list.vue')),
+		XClips: defineAsyncComponent(() => import('./clips.vue')),
+		XPages: defineAsyncComponent(() => import('./pages.vue')),
 		XPhotos: defineAsyncComponent(() => import('./index.photos.vue')),
 		XActivity: defineAsyncComponent(() => import('./index.activity.vue')),
 	},
@ -169,7 +277,7 @@ export default defineComponent({
 			error: null,
 			parallaxAnimationId: null,
 			narrow: null,
-			faExclamationTriangle, faEllipsisH, faRobot, faLock, faBookmark, farBookmark, faChartBar, faImage, faBirthdayCake, faMapMarker, faCalendarAlt
+			faExclamationTriangle, faEllipsisH, faRobot, faLock, faBookmark, farBookmark, faChartBar, faImage, faBirthdayCake, faMapMarker, faCalendarAlt, faCommentAlt, faPaperclip, faFileAlt,
 		};
 	},

@ -253,235 +361,437 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
-.mk-user-page {
-	display: flex;
-	max-width: 1050px;
+.ftskorzw.wide {
+	max-width: 1150px;
 	margin: 0 auto;
-	
-	> .main {
-		flex: 1;

-		> .punished {
-			font-size: 0.8em;
-			padding: 16px;
+	> .banner-container {
+		position: relative;
+		height: 450px;
+		border-radius: 16px;
+		overflow: hidden;
+		background-size: cover;
+		background-position: center;
+
+		> .banner {
+			height: 100%;
+			background-color: #4c5e6d;
+			background-size: cover;
+			background-position: center;
+			box-shadow: 0 0 128px rgba(0, 0, 0, 0.5) inset;
+			will-change: background-position;
 		}
+	}

-		> .profile {
-			> ._content {
-				position: relative;
-				overflow: hidden;
+	> .contents {
+		display: flex;

-				> .banner-container {
-					position: relative;
-					height: 250px;
-					overflow: hidden;
-					background-size: cover;
-					background-position: center;
+		> .side {
+			width: 360px;

-					> .banner {
-						height: 100%;
-						background-color: #4c5e6d;
-						background-size: cover;
-						background-position: center;
-						box-shadow: 0 0 128px rgba(0, 0, 0, 0.5) inset;
-						will-change: background-position;
-					}
+			> .avatar {
+				display: block;
+				width: 180px;
+				height: 180px;
+				margin: -130px auto 0 auto;
+			}

-					> .fade {
-						position: absolute;
-						bottom: 0;
-						left: 0;
-						width: 100%;
-						height: 78px;
-						background: linear-gradient(transparent, rgba(#000, 0.7));
-					}
+			> .name {
+				padding: 16px 0px 20px 0;
+				text-align: center;

-					> .followed {
-						position: absolute;
-						top: 12px;
-						left: 12px;
-						padding: 4px 8px;
-						color: #fff;
-						background: rgba(0, 0, 0, 0.7);
-						font-size: 0.7em;
-						border-radius: 6px;
-					}
-
-					> .actions {
-						position: absolute;
-						top: 12px;
-						right: 12px;
-						-webkit-backdrop-filter: blur(8px);
-						backdrop-filter: blur(8px);
-						background: rgba(0, 0, 0, 0.2);
-						padding: 8px;
-						border-radius: 24px;
-
-						> .menu {
-							vertical-align: bottom;
-							height: 31px;
-							width: 31px;
-							color: #fff;
-							text-shadow: 0 0 8px #000;
-							font-size: 16px;
-						}
-
-						> .koudoku {
-							margin-left: 4px;
-							vertical-align: bottom;
-						}
-					}
-
-					> .title {
-						position: absolute;
-						bottom: 0;
-						left: 0;
-						width: 100%;
-						padding: 0 0 8px 154px;
-						box-sizing: border-box;
-						color: #fff;
-
-						> .name {
-							display: block;
-							margin: 0;
-							line-height: 32px;
-							font-weight: bold;
-							font-size: 1.8em;
-							text-shadow: 0 0 8px #000;
-						}
-
-						> .bottom {
-							> * {
-								display: inline-block;
-								margin-right: 16px;
-								line-height: 20px;
-								opacity: 0.8;
-
-								&.username {
-									font-weight: bold;
-								}
-							}
-						}
-					}
-				}
-
-				> .title {
-					display: none;
-					text-align: center;
-					padding: 50px 8px 16px 8px;
-					font-weight: bold;
-					border-bottom: solid 1px var(--divider);
-
-					> .bottom {
-						> * {
-							display: inline-block;
-							margin-right: 8px;
-							opacity: 0.8;
-						}
-					}
-				}
-
-				> .avatar {
+				> .name {
 					display: block;
-					position: absolute;
-					top: 170px;
-					left: 16px;
-					z-index: 2;
-					width: 120px;
-					height: 120px;
-					box-shadow: 1px 1px 3px rgba(#000, 0.2);
+					font-size: 1.75em;
+					font-weight: bold;
 				}
+			}

-				> .description {
-					padding: 24px 24px 24px 154px;
-					font-size: 0.95em;
+			> .followed {
+				text-align: center;

-					> .empty {
-						margin: 0;
-						opacity: 0.5;
-					}
+				> span {
+					display: inline-block;
+					font-size: 80%;
+					padding: 8px 12px;
+					margin-bottom: 20px;
+					border: solid 1px var(--divider);
+					border-radius: 999px;
 				}
+			}

-				> .fields {
-					padding: 24px;
-					font-size: 0.9em;
-					border-top: solid 1px var(--divider);
+			> .status {
+				display: flex;
+				padding: 20px 16px;
+				border-top: solid 1px var(--divider);
+				font-size: 90%;

-					> .field {
-						display: flex;
-						padding: 0;
-						margin: 0;
-						align-items: center;
+				> a {
+					flex: 1;
+					text-align: center;

-						&:not(:last-child) {
-							margin-bottom: 8px;
-						}
-
-						> .name {
-							width: 30%;
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-							font-weight: bold;
-							text-align: center;
-						}
-
-						> .value {
-							width: 70%;
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
+					&.active {
+						color: var(--accent);
 					}

-					&.system > .field > .name {
+					&:hover {
+						text-decoration: none;
+					}
+
+					> b {
+						display: block;
+						line-height: 16px;
+					}
+
+					> span {
+						font-size: 75%;
 					}
 				}
+			}

-				> .status {
+			> .description {
+				padding: 20px 16px;
+				border-top: solid 1px var(--divider);
+				font-size: 90%;
+			}
+
+			> .fields {
+				padding: 20px 16px;
+				border-top: solid 1px var(--divider);
+				font-size: 90%;
+
+				> .field {
 					display: flex;
-					padding: 24px;
-					border-top: solid 1px var(--divider);
+					padding: 0;
+					margin: 0;
+					align-items: center;

-					> a {
-						flex: 1;
-						text-align: center;
+					&:not(:last-child) {
+						margin-bottom: 8px;
+					}

-						&.active {
-							color: var(--accent);
-						}
+					> .name {
+						width: 30%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						font-weight: bold;
+					}

-						&:hover {
-							text-decoration: none;
-						}
-
-						> b {
-							display: block;
-							line-height: 16px;
-						}
-
-						> span {
-							font-size: 70%;
-						}
+					> .value {
+						width: 70%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						margin: 0;
 					}
 				}
 			}
 		}

-		> .content {
-			margin-bottom: var(--margin);
+		> .main {
+			flex: 1;
+			margin-left: var(--margin);
+			min-width: 0;
+
+			> .nav {
+				display: flex;
+				align-items: center;
+				margin-top: var(--margin);
+				//font-size: 120%;
+				font-weight: bold;
+
+				> .link {
+					display: inline-block;
+					padding: 15px 24px 12px 24px;
+					text-align: center;
+					border-bottom: solid 3px transparent;
+
+					&:hover {
+						text-decoration: none;
+					}
+
+					&.active {
+						color: var(--accent);
+						border-bottom-color: var(--accent);
+					}
+
+					&:not(.active):hover {
+						color: var(--fgHighlighted);
+					}
+
+					> .icon {
+						margin-right: 6px;
+					}
+				}
+
+				> .actions {
+					display: flex;
+					align-items: center;
+					margin-left: auto;
+
+					> .menu {
+						padding: 12px 16px;
+					}
+				}
+			}
+		}
+	}
+}
+
+.ftskorzw.narrow {
+	max-width: 100vw;
+	box-sizing: border-box;
+	overflow: hidden;
+
+	> .punished {
+		font-size: 0.8em;
+		padding: 16px;
+	}
+
+	> .profile {
+
+		> .main {
+			position: relative;
+			overflow: hidden;
+
+			> .banner-container {
+				position: relative;
+				height: 250px;
+				overflow: hidden;
+				background-size: cover;
+				background-position: center;
+
+				> .banner {
+					height: 100%;
+					background-color: #4c5e6d;
+					background-size: cover;
+					background-position: center;
+					box-shadow: 0 0 128px rgba(0, 0, 0, 0.5) inset;
+					will-change: background-position;
+				}
+
+				> .fade {
+					position: absolute;
+					bottom: 0;
+					left: 0;
+					width: 100%;
+					height: 78px;
+					background: linear-gradient(transparent, rgba(#000, 0.7));
+				}
+
+				> .followed {
+					position: absolute;
+					top: 12px;
+					left: 12px;
+					padding: 4px 8px;
+					color: #fff;
+					background: rgba(0, 0, 0, 0.7);
+					font-size: 0.7em;
+					border-radius: 6px;
+				}
+
+				> .actions {
+					position: absolute;
+					top: 12px;
+					right: 12px;
+					-webkit-backdrop-filter: blur(8px);
+					backdrop-filter: blur(8px);
+					background: rgba(0, 0, 0, 0.2);
+					padding: 8px;
+					border-radius: 24px;
+
+					> .menu {
+						vertical-align: bottom;
+						height: 31px;
+						width: 31px;
+						color: #fff;
+						text-shadow: 0 0 8px #000;
+						font-size: 16px;
+					}
+
+					> .koudoku {
+						margin-left: 4px;
+						vertical-align: bottom;
+					}
+				}
+
+				> .title {
+					position: absolute;
+					bottom: 0;
+					left: 0;
+					width: 100%;
+					padding: 0 0 8px 154px;
+					box-sizing: border-box;
+					color: #fff;
+
+					> .name {
+						display: block;
+						margin: 0;
+						line-height: 32px;
+						font-weight: bold;
+						font-size: 1.8em;
+						text-shadow: 0 0 8px #000;
+					}
+
+					> .bottom {
+						> * {
+							display: inline-block;
+							margin-right: 16px;
+							line-height: 20px;
+							opacity: 0.8;
+
+							&.username {
+								font-weight: bold;
+							}
+						}
+					}
+				}
+			}
+
+			> .title {
+				display: none;
+				text-align: center;
+				padding: 50px 8px 16px 8px;
+				font-weight: bold;
+				border-bottom: solid 1px var(--divider);
+
+				> .bottom {
+					> * {
+						display: inline-block;
+						margin-right: 8px;
+						opacity: 0.8;
+					}
+				}
+			}
+
+			> .avatar {
+				display: block;
+				position: absolute;
+				top: 170px;
+				left: 16px;
+				z-index: 2;
+				width: 120px;
+				height: 120px;
+				box-shadow: 1px 1px 3px rgba(#000, 0.2);
+			}
+
+			> .description {
+				padding: 24px 24px 24px 154px;
+				font-size: 0.95em;
+
+				> .empty {
+					margin: 0;
+					opacity: 0.5;
+				}
+			}
+
+			> .fields {
+				padding: 24px;
+				font-size: 0.9em;
+				border-top: solid 1px var(--divider);
+
+				> .field {
+					display: flex;
+					padding: 0;
+					margin: 0;
+					align-items: center;
+
+					&:not(:last-child) {
+						margin-bottom: 8px;
+					}
+
+					> .name {
+						width: 30%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						font-weight: bold;
+						text-align: center;
+					}
+
+					> .value {
+						width: 70%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						margin: 0;
+					}
+				}
+
+				&.system > .field > .name {
+				}
+			}
+
+			> .status {
+				display: flex;
+				padding: 24px;
+				border-top: solid 1px var(--divider);
+
+				> a {
+					flex: 1;
+					text-align: center;
+
+					&.active {
+						color: var(--accent);
+					}
+
+					&:hover {
+						text-decoration: none;
+					}
+
+					> b {
+						display: block;
+						line-height: 16px;
+					}
+
+					> span {
+						font-size: 70%;
+					}
+				}
+			}
 		}
 	}

-	> .side {
-		flex-basis: 300px;
-		margin-left: var(--margin);
+	> .nav {
+		display: flex;
+		align-items: center;
+		margin-top: var(--margin);
+		//font-size: 120%;
+		font-weight: bold;
+
+		> .link {
+			flex: 1;
+			display: inline-block;
+			padding: 16px;
+			text-align: center;
+			border-bottom: solid 3px transparent;
+
+			&:hover {
+				text-decoration: none;
+			}
+
+			&.active {
+				color: var(--accent);
+				border-bottom-color: var(--accent);
+			}
+
+			&:not(.active):hover {
+				color: var(--fgHighlighted);
+			}
+
+			> .icon {
+				margin-right: 6px;
+			}
+		}
+	}
+
+	> .content {
+		margin-bottom: var(--margin);
 	}

 	&.max-width_500px {
-		display: block;
-
-		> .main > .profile > ._content {
+		> .profile > .main {
 			> .banner-container {
 				height: 140px;

@ -520,6 +830,10 @@ export default defineComponent({
 				padding: 16px;
 			}
 		}
+
+		> .nav {
+			font-size: 80%;
+		}
 	}
 }
 </style>
--- a/src/client/pages/user/pages.vue
+++ b/src/client/pages/user/pages.vue
@ -0,0 +1,56 @@
+<template>
+<div>
+	<MkPagination :pagination="pagination" #default="{items}" ref="list">
+		<MkPagePreview v-for="page in items" :page="page" :key="page.id" class="_vMargin"/>
+	</MkPagination>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import MkPagePreview from '@/components/page-preview.vue';
+import MkPagination from '@/components/ui/pagination.vue';
+import { userPage, acct } from '../../filters/user';
+
+export default defineComponent({
+	components: {
+		MkPagination,
+		MkPagePreview,
+	},
+
+	props: {
+		user: {
+			type: Object,
+			required: true
+		},
+	},
+
+	data() {
+		return {
+			pagination: {
+				endpoint: 'users/pages',
+				limit: 20,
+				params: {
+					userId: this.user.id,
+				}
+			},
+		};
+	},
+
+	watch: {
+		user() {
+			this.$refs.list.reload();
+		}
+	},
+
+	methods: {
+		userPage,
+		
+		acct
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--- a/src/client/pages/v.vue
+++ b/src/client/pages/v.vue
@ -0,0 +1,30 @@
+<template>
+<div>
+	<section class="_section">
+		<div class="_content" style="text-align: center;">
+			<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;"/>
+			<div style="margin-top: 0.75em;">Misskey</div>
+			<div style="opacity: 0.5;">v{{ version }}</div>
+		</div>
+	</section>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { version } from '@/config';
+
+export default defineComponent({
+	data() {
+		return {
+			INFO: {
+				title: 'Misskey',
+				icon: null
+			},
+			version,
+			faInfoCircle
+		}
+	},
+});
+</script>
--- a/src/client/pages/welcome.entrance.block.vue
+++ b/src/client/pages/welcome.entrance.block.vue
@ -136,6 +136,7 @@ export default defineComponent({
 	> div {
 		flex: 1;
 		overflow: auto;
+		background: var(--bg);
 	}
 }
 </style>
--- a/src/client/scripts/get-user-menu.ts
+++ b/src/client/scripts/get-user-menu.ts
@ -7,9 +7,10 @@ import getAcct from '../../misc/acct/render';
 import * as os from '@/os';
 import { store, userActions } from '@/store';
 import { router } from '@/router';
-import { popout } from './popout';

 export function getUserMenu(user) {
+	const meId = store.getters.isSignedIn ? store.state.i.id : null;
+
 	async function pushList() {
 		const t = i18n.global.t('selectList'); // なぜか後で参照すると null になるので最初にメモリに確保しておく
 		const lists = await os.api('users/lists/list');
@ -130,7 +131,7 @@ export function getUserMenu(user) {
 		action: () => {
 			os.post({ specified: user });
 		}
-	}, store.state.i.id != user.id ? {
+	}, meId != user.id ? {
 		type: 'link',
 		icon: faComments,
 		text: i18n.global.t('startMessaging'),
@ -139,13 +140,13 @@ export function getUserMenu(user) {
 		icon: faListUl,
 		text: i18n.global.t('addToList'),
 		action: pushList
-	}, store.state.i.id != user.id ? {
+	}, meId != user.id ? {
 		icon: faUsers,
 		text: i18n.global.t('inviteToGroup'),
 		action: inviteGroup
 	} : undefined] as any;

-	if (store.getters.isSignedIn && store.state.i.id != user.id) {
+	if (store.getters.isSignedIn && meId != user.id) {
 		menu = menu.concat([null, {
 			icon: user.isMuted ? faEye : faEyeSlash,
 			text: user.isMuted ? i18n.global.t('unmute') : i18n.global.t('mute'),
@ -175,7 +176,7 @@ export function getUserMenu(user) {
 		}
 	}

-	if (store.getters.isSignedIn && store.state.i.id === user.id) {
+	if (store.getters.isSignedIn && meId === user.id) {
 		menu = menu.concat([null, {
 			icon: faPencilAlt,
 			text: i18n.global.t('editProfile'),
--- a/src/client/style.scss
+++ b/src/client/style.scss
@ -1,7 +1,7 @@
@charset "utf-8";

 :root {
-	--baseContentWidth: 750px;
+	--baseContentWidth: 760px;
 	--radius: 8px;
 	--marginFull: 16px;
 	--marginHalf: 10px;
@ -27,7 +27,7 @@ html {
 	color: var(--fg);
 	overflow: auto;
 	font-family: "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
-	line-height: 1.3em;
+	line-height: 1.35;
 	text-size-adjust: 100%;

 	&, * {
@ -75,6 +75,10 @@ html {
 	&.f-veryLarge {
 		font-size: 1.2em;
 	}
+
+	&.useSystemFont {
+		font-family: sans-serif;
+	}
 }

 html.changing-theme {
@ -232,15 +236,21 @@ hr {
 }

 ._panel {
-	//position: relative;
-	//z-index: 1;
 	background: var(--panel);
 	border-radius: var(--radius);
 	//border: var(--panelBorder);
-	box-shadow: var(--panelShadow);
 	overflow: hidden;
 }

+// TODO: 普通のpanelとの使い分けが特に決まっていないので廃止してもいいかも？
+._panelElevated {
+	@extend ._panel;
+
+	//position: relative;
+	//z-index: 1;
+	box-shadow: var(--panelShadow);
+}
+
 ._card {
 	@extend ._panel;

--- a/src/client/themes/_dark.json5
+++ b/src/client/themes/_dark.json5
@ -76,5 +76,6 @@
 		X13: 'rgba(255, 255, 255, 0.15)',
 		X14: ':alpha<0.5<@navBg',
 		X15: ':alpha<0<@panel',
+		X16: ':alpha<0.7<@panel',
 	},
 }
--- a/src/client/themes/_light.json5
+++ b/src/client/themes/_light.json5
@ -76,5 +76,6 @@
 		X13: 'rgba(0, 0, 0, 0.15)',
 		X14: ':alpha<0.5<@navBg',
 		X15: ':alpha<0<@panel',
+		X16: ':alpha<0.7<@panel',
 	},
 }
--- a/src/client/themes/d-black.json5
+++ b/src/client/themes/d-black.json5
@ -8,7 +8,7 @@

 	props: {
 		divider: '#2d2d2d',
-		panel: '#0a0a0a',
+		panel: '#131313',
 		panelHeaderBg: '@panel',
 		panelHeaderDivider: '@divider',
 		panelShadow: '" 0 8px 24px rgb(0 0 0 / 25%)',
--- a/src/client/ui/_common_/header.vue
+++ b/src/client/ui/_common_/header.vue
@ -1,5 +1,5 @@
 <template>
-<div class="fdidabkb">
+<div class="fdidabkb" :style="`--height:${height};`">
 	<transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear>
 		<button class="_button back" v-if="withBack && canBack" @click.stop="back()"><Fa :icon="faChevronLeft"/></button>
 	</transition>
@ -74,7 +74,7 @@ export default defineComponent({
 });
 </script>

-<style lang="scss" scoped vars="{ height }">
+<style lang="scss" scoped>
 .fdidabkb {
 	text-align: center;

--- a/src/client/ui/default.side.vue
+++ b/src/client/ui/default.side.vue
@ -142,7 +142,6 @@ export default defineComponent({
 			-webkit-backdrop-filter: blur(32px);
 			backdrop-filter: blur(32px);
 			background-color: var(--header);
-			border-bottom: solid 1px var(--divider);

 			> ._button {
 				height: $header-height;
--- a/src/client/ui/default.vue
+++ b/src/client/ui/default.vue
@ -1,8 +1,8 @@
 <template>
-<div class="mk-app" v-hotkey.global="keymap">
+<div class="mk-app" v-hotkey.global="keymap" :class="{ wallpaper }">
 	<XSidebar ref="nav" class="sidebar"/>

-	<div class="contents" ref="contents" :class="{ wallpaper }">
+	<div class="contents" ref="contents">
 		<header class="header" ref="header" @contextmenu.prevent.stop="onContextmenu" @click="onHeaderClick">
 			<XHeader :info="pageInfo"/>
 		</header>
@ -269,19 +269,18 @@ export default defineComponent({
 	// ほんとは単に 100vh と書きたいところだが... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
 	min-height: calc(var(--vh, 1vh) * 100);
 	box-sizing: border-box;
-
 	display: flex;

+	&.wallpaper {
+		background: var(--wallpaperOverlay);
+		//backdrop-filter: blur(4px);
+	}
+
 	> .contents {
 		width: 100%;
 		min-width: 0;
 		padding-top: $header-height;

-		&.wallpaper {
-			background: var(--wallpaperOverlay);
-			//backdrop-filter: blur(4px);
-		}
-
 		> .header {
 			position: fixed;
 			z-index: 1000;
@ -295,7 +294,7 @@ export default defineComponent({
 			-webkit-backdrop-filter: blur(32px);
 			backdrop-filter: blur(32px);
 			background-color: var(--header);
-			border-bottom: solid 1px var(--divider);
+			//border-bottom: solid 1px var(--divider);
 			user-select: none;
 		}

--- a/src/client/ui/visitor.vue
+++ b/src/client/ui/visitor.vue
@ -1,5 +1,5 @@
 <template>
-<DesignA/>
+<DesignB/>
 <XCommon/>
 </template>

--- a/src/client/ui/visitor/a.vue
+++ b/src/client/ui/visitor/a.vue
@ -2,12 +2,6 @@
 <div class="mk-app">
 	<div class="banner" v-if="$route.path === '/'" :style="{ backgroundImage: `url(${ $store.state.instance.meta.bannerUrl })` }">
 		<div>
-			<header>
-				<MkA class="link" to="/">{{ $t('home') }}</MkA>
-				<MkA class="link" to="/announcements">{{ $t('announcements') }}</MkA>
-				<MkA class="link" to="/channels">{{ $t('channel') }}</MkA>
-				<MkA class="link" to="/about">{{ $t('aboutX', { x: instanceName }) }}</MkA>
-			</header>
 			<h1 v-if="meta"><img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span></h1>
 			<div class="about" v-if="meta">
 				<div class="desc" v-html="meta.description || $t('introMisskey')"></div>
@ -20,16 +14,6 @@
 	</div>
 	<div class="banner-mini" v-else :style="{ backgroundImage: `url(${ $store.state.instance.meta.bannerUrl })` }">
 		<div>
-			<header>
-				<MkA class="link" to="/">{{ $t('home') }}</MkA>
-				<MkA class="link" to="/announcements">{{ $t('announcements') }}</MkA>
-				<MkA class="link" to="/channels">{{ $t('channel') }}</MkA>
-				<MkA class="link" to="/about">{{ $t('aboutX', { x: instanceName }) }}</MkA>
-				<div class="action">
-					<button class="_button primary" @click="signup()">{{ $t('signup') }}</button>
-					<button class="_button" @click="signin()">{{ $t('login') }}</button>
-				</div>
-			</header>
 			<h1 v-if="meta"><img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span></h1>
 		</div>
 	</div>
@ -62,10 +46,8 @@ import { host, instanceName } from '@/config';
 import { search } from '@/scripts/search';
 import * as os from '@/os';
 import MkPagination from '@/components/ui/pagination.vue';
-import XSigninDialog from '@/components/signin-dialog.vue';
-import XSignupDialog from '@/components/signup-dialog.vue';
 import MkButton from '@/components/ui/button.vue';
-import XHeader from '../_common_/header.vue';
+import XHeader from './header.vue';

 const DESKTOP_THRESHOLD = 1100;

@ -150,18 +132,6 @@ export default defineComponent({
 		onTransition() {
 			if (window._scroll) window._scroll();
 		},
-
-		signin() {
-			os.popup(XSigninDialog, {
-				autoSet: true
-			}, {}, 'closed');
-		},
-
-		signup() {
-			os.popup(XSignupDialog, {
-				autoSet: true
-			}, {}, 'closed');
-		}
 	}
 });
 </script>
@ -264,59 +234,6 @@ export default defineComponent({
 	}

 	> .main {
-		> header {
-			position: relative;
-			z-index: 1;
-			background: var(--panel);
-			padding: 0 32px;
-			text-align: left;
-			overflow: auto;
-			white-space: nowrap;
-
-			> .link {
-				display: inline-block;
-				line-height: 60px;
-				padding: 0 0.7em;
-
-				&.MkA-active {
-					box-shadow: 0 -2px 0 0 var(--accent) inset;
-				}
-			}
-		}
-
-		> .banner {
-			position: relative;
-			width: 100%;
-			height: 200px;
-			background-size: cover;
-			background-position: center;
-
-			&.asBg {
-				position: absolute;
-				left: 0;
-				height: 320px;
-			}
-
-			&:after {
-				content: "";
-				display: block;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				width: 100%;
-				height: 64px;
-				background: linear-gradient(transparent, var(--bg));
-			}
-
-			> h1 {
-				margin: 0;
-				text-align: center;
-				color: #fff;
-				text-shadow: 0 0 8px #000;
-				line-height: 200px;
-			}
-		}
-
 		> .contents {
 			position: relative;
 			z-index: 1;
@ -326,14 +243,6 @@ export default defineComponent({
 				top: 0;
 				left: 0;
 				z-index: 1000;
-				height: 60px;
-				width: 100%;
-				line-height: 60px;
-				text-align: center;
-				-webkit-backdrop-filter: blur(32px);
-				backdrop-filter: blur(32px);
-				background-color: var(--header);
-				border-bottom: 1px solid var(--divider);
 			}

 			> .powered-by {
--- a/src/client/ui/visitor/b.vue
+++ b/src/client/ui/visitor/b.vue
@ -1,48 +1,15 @@
 <template>
 <div class="mk-app">
-	<div class="side" v-if="!narrow">
-		<div :style="{ backgroundImage: `url(${ $store.state.instance.meta.backgroundImageUrl })` }">
-			<div class="fade"></div>
-			<h1 v-if="meta"><img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span></h1>
-			<div class="about _panel" v-if="meta">
-				<div class="desc" v-html="meta.description || $t('introMisskey')"></div>
-			</div>
-			<div class="action">
-				<button class="_button primary" @click="signup()">{{ $t('signup') }}</button>
-				<button class="_button" @click="signin()">{{ $t('login') }}</button>
-			</div>
-			<div class="announcements panel">
-				<header>{{ $t('announcements') }}</header>
-				<MkPagination :pagination="announcements" #default="{items}" class="list">
-					<section class="item" v-for="(announcement, i) in items" :key="announcement.id">
-						<div class="title">{{ announcement.title }}</div>
-						<div class="content">
-							<Mfm :text="announcement.text"/>
-							<img v-if="announcement.imageUrl" :src="announcement.imageUrl"/>
-						</div>
-					</section>
-				</MkPagination>
-			</div>
-		</div>
+	<div class="side" v-if="!narrow && $route.path !== '/'">
+		<XKanban class="kanban" full/>
 	</div>

 	<div class="main">
-		<header>
-			<MkA class="link" to="/">{{ $t('home') }}</MkA>
-			<MkA class="link" to="/announcements">{{ $t('announcements') }}</MkA>
-			<MkA class="link" to="/channels">{{ $t('channel') }}</MkA>
-			<MkA class="link" to="/about">{{ $t('aboutX', { x: instanceName }) }}</MkA>
-		</header>
+		<XKanban class="banner" :full="$route.path === '/'" v-if="narrow || $route.path === '/'"/>

-		<div v-if="narrow" class="banner" :style="{ backgroundImage: `url(${ $store.state.instance.meta.bannerUrl })` }">
-			<h1 v-if="meta"><img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span></h1>
-		</div>
-
-		<div class="contents" ref="contents" :class="{ wallpaper }">
-			<header class="header" ref="header" v-show="$route.path !== '/'">
-				<XHeader :info="pageInfo"/>
-			</header>
-			<main ref="main">
+		<div class="contents">
+			<XHeader class="header" :info="pageInfo" v-if="$route.path !== '/'"/>
+			<main>
 				<router-view v-slot="{ Component }">
 					<transition :name="$store.state.device.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
 						<component :is="Component" :ref="changePage"/>
@ -55,6 +22,27 @@
 			</div>
 		</div>
 	</div>
+
+	<transition name="tray-back">
+		<div class="menu-back _modalBg"
+			v-if="showMenu"
+			@click="showMenu = false"
+			@touchstart.passive="showMenu = false"
+		></div>
+	</transition>
+
+	<transition name="tray">
+		<div v-if="showMenu" class="menu">
+			<MkA to="/" class="link" active-class="active"><Fa :icon="faHome" class="icon"/>{{ $t('home') }}</MkA>
+			<MkA to="/explore" class="link" active-class="active"><Fa :icon="faHashtag" class="icon"/>{{ $t('explore') }}</MkA>
+			<MkA to="/featured" class="link" active-class="active"><Fa :icon="faFireAlt" class="icon"/>{{ $t('featured') }}</MkA>
+			<MkA to="/channels" class="link" active-class="active"><Fa :icon="faSatelliteDish" class="icon"/>{{ $t('channel') }}</MkA>
+			<div class="action">
+				<button class="_buttonPrimary" @click="signup()">{{ $t('signup') }}</button>
+				<button class="_button" @click="signin()">{{ $t('login') }}</button>
+			</div>
+		</div>
+	</transition>
 </div>
 </template>

@ -68,13 +56,15 @@ import MkPagination from '@/components/ui/pagination.vue';
 import XSigninDialog from '@/components/signin-dialog.vue';
 import XSignupDialog from '@/components/signup-dialog.vue';
 import MkButton from '@/components/ui/button.vue';
-import XHeader from '../_common_/header.vue';
+import XHeader from './header.vue';
+import XKanban from './kanban.vue';

 const DESKTOP_THRESHOLD = 1100;

 export default defineComponent({
 	components: {
 		XHeader,
+		XKanban,
 		MkPagination,
 		MkButton,
 	},
@ -86,6 +76,7 @@ export default defineComponent({
 			pageKey: 0,
 			pageInfo: null,
 			meta: null,
+			showMenu: false,
 			narrow: window.innerWidth < 1280,
 			announcements: {
 				endpoint: 'announcements',
@ -166,6 +157,28 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
+.tray-enter-active,
+.tray-leave-active {
+	opacity: 1;
+	transform: translateX(0);
+	transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+.tray-enter-from,
+.tray-leave-active {
+	opacity: 0;
+	transform: translateX(-240px);
+}
+
+.tray-back-enter-active,
+.tray-back-leave-active {
+	opacity: 1;
+	transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+.tray-back-enter-from,
+.tray-back-leave-active {
+	opacity: 0;
+}
+
 .mk-app {
 	display: flex;
 	min-height: 100vh;
@ -173,184 +186,27 @@ export default defineComponent({
 	> .side {
 		width: 500px;
 		height: 100vh;
-		text-align: center;

-		> div {
+		> .kanban {
 			position: fixed;
 			top: 0;
 			left: 0;
 			width: 500px;
 			height: 100vh;
-			background-position: center;
-			background-size: cover;
-
-			> .panel {
-				-webkit-backdrop-filter: blur(8px);
-				backdrop-filter: blur(8px);
-				background: rgba(0, 0, 0, 0.5);
-				border-radius: var(--radius);
-
-				&, * {
-					color: #fff !important;
-				}
-			}
-
-			> .fade {
-				position: absolute;
-				z-index: -1;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 300px;
-				background: linear-gradient(rgba(#000, 0.5), transparent);
-			}
-
-			> h1 {
-				display: block;
-				margin: 0;
-				padding: 64px 32px 48px 32px;
-				color: #fff;
-
-				> .logo {
-					vertical-align: bottom;
-					max-height: 150px;
-				}
-			}
-
-			> .about {
-				display: block;
-				margin: 0 64px 16px 64px;
-				padding: 24px;
-				text-align: center;
-				box-sizing: border-box;
-			}
-
-			> .action {
-				padding: 0 64px;
-
-				> button {
-					display: block;
-					width: 100%;
-					padding: 10px;
-					box-sizing: border-box;
-					text-align: center;
-					border-radius: 999px;
-					background: var(--panel);
-
-					&.primary {
-						background: var(--accent);
-						color: #fff;
-					}
-
-					&:first-child {
-						margin-bottom: 16px;
-					}
-				}
-			}
-
-			> .announcements {
-				margin: 64px 64px 16px 64px;
-				text-align: left;
-
-				> header {
-					padding: 12px 16px;
-					border-bottom: solid 1px rgba(255, 255, 255, 0.5);
-				}
-
-				> .list {
-					max-height: 300px;
-					overflow: auto;
-
-					> .item {
-						padding: 12px 16px;
-
-						& + .item {
-							border-top: solid 1px rgba(255, 255, 255, 0.5);
-						}
-
-						> .title {
-							font-weight: bold;
-						}
-					}
-				}
-			}
+			overflow: auto;
 		}
 	}

 	> .main {
 		flex: 1;

-		> header {
-			position: relative;
-			z-index: 1;
-			background: var(--panel);
-			padding: 0 32px;
-			text-align: left;
-			overflow: auto;
-			white-space: nowrap;
-
-			> .link {
-				display: inline-block;
-				line-height: 60px;
-				padding: 0 0.7em;
-
-				&.MkA-active {
-					box-shadow: 0 -2px 0 0 var(--accent) inset;
-				}
-			}
-		}
-
 		> .banner {
-			position: relative;
-			width: 100%;
-			height: 200px;
-			background-size: cover;
-			background-position: center;
-
-			&:after {
-				content: "";
-				display: block;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				width: 100%;
-				height: 64px;
-				background: linear-gradient(transparent, var(--bg));
-			}
-
-			> h1 {
-				margin: 0;
-				padding: 32px;
-				text-align: center;
-				color: #fff;
-				text-shadow: 0 0 8px #000;
-
-				> .logo {
-					vertical-align: bottom;
-					max-height: 150px;
-				}
-			}
 		}

 		> .contents {
 			position: relative;
 			z-index: 1;

-			> .header {
-				position: sticky;
-				top: 0;
-				left: 0;
-				z-index: 1000;
-				height: 60px;
-				width: 100%;
-				line-height: 60px;
-				text-align: center;
-				-webkit-backdrop-filter: blur(32px);
-				backdrop-filter: blur(32px);
-				background-color: var(--header);
-				border-bottom: 1px solid var(--divider);
-			}
-
 			> .powered-by {
 				padding: 28px;
 				font-size: 14px;
@ -365,8 +221,54 @@ export default defineComponent({
 			}
 		}
 	}
+
+	> .menu-back {
+		position: fixed;
+		z-index: 1001;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+	}
+
+	> .menu {
+		position: fixed;
+		z-index: 1001;
+		top: 0;
+		left: 0;
+		width: 240px;
+		height: 100vh;
+		background: var(--panel);
+
+		> .link {
+			display: block;
+			padding: 16px;
+
+			> .icon {
+				margin-right: 1em;
+			}
+		}
+
+		> .action {
+			padding: 16px;
+
+			> button {
+				display: block;
+				width: 100%;
+				padding: 10px;
+				box-sizing: border-box;
+				text-align: center;
+				border-radius: 999px;
+
+				&._button {
+					background: var(--panel);
+				}
+
+				&:first-child {
+					margin-bottom: 16px;
+				}
+			}
+		}
+	}
 }
 </style>
-
-<style lang="scss">
-</style>
--- a/src/client/ui/visitor/header.vue
+++ b/src/client/ui/visitor/header.vue
@ -0,0 +1,230 @@
+<template>
+<div class="sqxihjet">
+	<div class="wide" v-if="narrow === false">
+		<div class="content">
+			<MkA to="/" class="link" active-class="active"><Fa :icon="faHome" class="icon"/>{{ $t('home') }}</MkA>
+			<MkA to="/explore" class="link" active-class="active"><Fa :icon="faHashtag" class="icon"/>{{ $t('explore') }}</MkA>
+			<MkA to="/featured" class="link" active-class="active"><Fa :icon="faFireAlt" class="icon"/>{{ $t('featured') }}</MkA>
+			<MkA to="/channels" class="link" active-class="active"><Fa :icon="faSatelliteDish" class="icon"/>{{ $t('channel') }}</MkA>
+			<div class="page active link" v-if="info">
+				<div class="title">
+					<Fa v-if="info.icon" :icon="info.icon" :key="info.icon" class="icon"/>
+					<MkAvatar v-else-if="info.avatar" class="avatar" :user="info.avatar" :disable-preview="true"/>
+					<span v-if="info.title" class="text">{{ info.title }}</span>
+					<MkUserName v-else-if="info.userName" :user="info.userName" :nowrap="false" class="text"/>
+				</div>
+				<button class="_button action" v-if="info.action" @click.stop="info.action.handler"><Fa :icon="info.action.icon" :key="info.action.icon"/></button>
+			</div>
+			<div class="right">
+				<button class="_button search" @click="search()"><Fa :icon="faSearch" class="icon"/><span>{{ $t('search') }}</span></button>
+				<button class="_buttonPrimary signup" @click="signup()">{{ $t('signup') }}</button>
+				<button class="_button login" @click="signin()">{{ $t('login') }}</button>
+			</div>
+		</div>
+	</div>
+	<div class="narrow" v-else-if="narrow === true">
+		<button class="menu _button" @click="$parent.showMenu = true">
+			<Fa :icon="faBars" class="icon"/>
+		</button>
+		<div class="title" v-if="info">
+			<Fa v-if="info.icon" :icon="info.icon" :key="info.icon" class="icon"/>
+			<MkAvatar v-else-if="info.avatar" class="avatar" :user="info.avatar" :disable-preview="true"/>
+			<span v-if="info.title" class="text">{{ info.title }}</span>
+			<MkUserName v-else-if="info.userName" :user="info.userName" :nowrap="false" class="text"/>
+		</div>
+		<button class="action _button" v-if="info && info.action" @click.stop="info.action.handler">
+			<Fa :icon="info.action.icon" :key="info.action.icon" class="icon"/>
+		</button>
+	</div>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars } from '@fortawesome/free-solid-svg-icons';
+import XSigninDialog from '@/components/signin-dialog.vue';
+import XSignupDialog from '@/components/signup-dialog.vue';
+import * as os from '@/os';
+import { search } from '@/scripts/search';
+
+export default defineComponent({
+	props: {
+		info: {
+			required: true
+		},
+	},
+
+	data() {
+		return {
+			narrow: null,
+			showMenu: false,
+			faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars,
+		};
+	},
+
+	mounted() {
+		this.narrow = this.$el.clientWidth < 1300;
+	},
+
+	methods: {
+		signin() {
+			os.popup(XSigninDialog, {
+				autoSet: true
+			}, {}, 'closed');
+		},
+
+		signup() {
+			os.popup(XSignupDialog, {
+				autoSet: true
+			}, {}, 'closed');
+		},
+
+		search
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+.sqxihjet {
+	$height: 60px;
+	position: sticky;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	line-height: $height;
+	-webkit-backdrop-filter: blur(32px);
+	backdrop-filter: blur(32px);
+	background-color: var(--X16);
+
+	> .wide {
+		> .content {
+			max-width: 1400px;
+			margin: 0 auto;
+			display: flex;
+			align-items: center;
+
+			> .link {
+				$line: 3px;
+				display: inline-block;
+				padding: 0 16px;
+				line-height: $height - ($line * 2);
+				border-top: solid $line transparent;
+				border-bottom: solid $line transparent;
+
+				> .icon {
+					margin-right: 0.5em;
+				}
+
+				&.page {
+					border-bottom-color: var(--accent);
+				}
+			}
+
+			> .page {
+				> .title {
+					display: inline-block;
+					vertical-align: bottom;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					position: relative;
+
+					> .icon + .text {
+						margin-left: 8px;
+					}
+
+					> .avatar {
+						$size: 32px;
+						display: inline-block;
+						width: $size;
+						height: $size;
+						vertical-align: middle;
+						margin-right: 8px;
+						pointer-events: none;
+					}
+
+					&._button {
+						&:hover {
+							color: var(--fgHighlighted);
+						}
+					}
+
+					&.selected {
+						box-shadow: 0 -2px 0 0 var(--accent) inset;
+						color: var(--fgHighlighted);
+					}
+				}
+
+				> .action {
+					padding: 0 0 0 16px;
+				}
+			}
+
+			> .right {
+				margin-left: auto;
+
+				> .search {
+					background: var(--bg);
+					border-radius: 999px;
+					width: 230px;
+					line-height: $height - 20px;
+					margin-right: 16px;
+					text-align: left;
+
+					> * {
+						opacity: 0.7;
+					}
+
+					> .icon {
+						padding: 0 16px;
+					}
+				}
+
+				> .signup {
+					border-radius: 999px;
+					padding: 0 24px;
+					line-height: $height - 20px;
+				}
+
+				> .login {
+					padding: 0 16px;
+				}
+			}
+		}
+	}
+
+	> .narrow {
+		display: flex;
+
+		> .menu,
+		> .action {
+			width: $height;
+			height: $height;
+			font-size: 20px;
+		}
+
+		> .title {
+			flex: 1;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			position: relative;
+			text-align: center;
+
+			> .icon + .text {
+				margin-left: 8px;
+			}
+
+			> .avatar {
+				$size: 32px;
+				display: inline-block;
+				width: $size;
+				height: $size;
+				vertical-align: middle;
+				margin-right: 8px;
+				pointer-events: none;
+			}
+		}
+	}
+}
+</style>
--- a/src/client/ui/visitor/kanban.vue
+++ b/src/client/ui/visitor/kanban.vue
@ -0,0 +1,229 @@
+<template>
+<div class="rwqkcmrc" :style="{ backgroundImage: `url(${ $store.state.instance.meta.backgroundImageUrl })` }">
+	<div class="back"></div>
+	<div class="fade" v-if="full"></div>
+	<div class="contents">
+		<div class="wrapper">
+			<h1 v-if="meta" :class="{ full }">
+				<MkA to="/" class="link"><img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span></MkA>
+			</h1>
+			<template v-if="full">
+				<div class="about" v-if="meta">
+					<div class="desc" v-html="meta.description || $t('introMisskey')"></div>
+				</div>
+				<div class="action">
+					<button class="_buttonPrimary" @click="signup()">{{ $t('signup') }}</button>
+					<button class="_button" @click="signin()">{{ $t('login') }}</button>
+				</div>
+				<div class="announcements panel">
+					<header>{{ $t('announcements') }}</header>
+					<MkPagination :pagination="announcements" #default="{items}" class="list">
+						<section class="item" v-for="(announcement, i) in items" :key="announcement.id">
+							<div class="title">{{ announcement.title }}</div>
+							<div class="content">
+								<Mfm :text="announcement.text"/>
+								<img v-if="announcement.imageUrl" :src="announcement.imageUrl"/>
+							</div>
+						</section>
+					</MkPagination>
+				</div>
+			</template>
+		</div>
+	</div>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent, defineAsyncComponent } from 'vue';
+import { } from '@fortawesome/free-solid-svg-icons';
+import { host, instanceName } from '@/config';
+import * as os from '@/os';
+import MkPagination from '@/components/ui/pagination.vue';
+import XSigninDialog from '@/components/signin-dialog.vue';
+import XSignupDialog from '@/components/signup-dialog.vue';
+import MkButton from '@/components/ui/button.vue';
+
+export default defineComponent({
+	components: {
+		MkPagination,
+		MkButton,
+	},
+
+	props: {
+		full :{
+			type: Boolean,
+			required: false,
+			default: false,
+		}
+	},
+
+	data() {
+		return {
+			host,
+			instanceName,
+			pageInfo: null,
+			meta: null,
+			narrow: window.innerWidth < 1280,
+			announcements: {
+				endpoint: 'announcements',
+				limit: 10,
+			},
+		};
+	},
+
+	created() {
+		os.api('meta', { detail: true }).then(meta => {
+			this.meta = meta;
+		});
+	},
+
+	methods: {
+		signin() {
+			os.popup(XSigninDialog, {
+				autoSet: true
+			}, {}, 'closed');
+		},
+
+		signup() {
+			os.popup(XSignupDialog, {
+				autoSet: true
+			}, {}, 'closed');
+		}
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+.rwqkcmrc {
+	position: relative;
+	text-align: center;
+	background-position: center;
+	background-size: cover;
+	// TODO: パララックスにしたい
+
+	> .back {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background: var(--bg);
+		opacity: 0.5;
+	}
+
+	> .fade {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 300px;
+		background: linear-gradient(rgba(#000, 0.5), transparent);
+	}
+
+	> .contents {
+		position: relative;
+		z-index: 1;
+		height: inherit;
+		overflow: auto;
+
+		> .wrapper {
+			max-width: 380px;
+			padding: 0 16px;
+			box-sizing: border-box;
+			margin: 0 auto;
+
+			> .panel {
+				-webkit-backdrop-filter: blur(8px);
+				backdrop-filter: blur(8px);
+				background: rgba(0, 0, 0, 0.5);
+				border-radius: var(--radius);
+
+				&, * {
+					color: #fff !important;
+				}
+			}
+
+			> h1 {
+				display: block;
+				margin: 0;
+				padding: 32px 0 32px 0;
+				color: #fff;
+
+				&.full {
+					padding: 64px 0 0 0;
+
+					> .link {
+						> ::v-deep(.logo) {
+							max-height: 130px;
+						}
+					}
+				}
+
+				> .link {
+					display: block;
+
+					> ::v-deep(.logo) {
+						vertical-align: bottom;
+						max-height: 100px;
+					}
+				}
+			}
+
+			> .about {
+				display: block;
+				margin: 24px 0;
+				text-align: center;
+				box-sizing: border-box;
+				text-shadow: 0 0 8px black;
+				color: #fff;
+			}
+
+			> .action {
+				> button {
+					display: block;
+					width: 100%;
+					padding: 10px;
+					box-sizing: border-box;
+					text-align: center;
+					border-radius: 999px;
+
+					&._button {
+						background: var(--panel);
+					}
+
+					&:first-child {
+						margin-bottom: 16px;
+					}
+				}
+			}
+
+			> .announcements {
+				margin: 32px 0;
+				text-align: left;
+
+				> header {
+					padding: 12px 16px;
+					border-bottom: solid 1px rgba(255, 255, 255, 0.5);
+				}
+
+				> .list {
+					max-height: 300px;
+					overflow: auto;
+
+					> .item {
+						padding: 12px 16px;
+
+						& + .item {
+							border-top: solid 1px rgba(255, 255, 255, 0.5);
+						}
+
+						> .title {
+							font-weight: bold;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+</style>
--- a/src/models/repositories/clip.ts
+++ b/src/models/repositories/clip.ts
@ -24,6 +24,12 @@ export class ClipRepository extends Repository<Clip> {
 			isPublic: clip.isPublic,
 		});
 	}
+
+	public packMany(
+		clips: Clip[],
+	) {
+		return Promise.all(clips.map(x => this.pack(x)));
+	}
 }

 export const packedClipSchema = {
--- a/src/server/api/endpoints/users/clips.ts
+++ b/src/server/api/endpoints/users/clips.ts
@ -0,0 +1,40 @@
+import $ from 'cafy';
+import { ID } from '../../../../misc/cafy-id';
+import define from '../../define';
+import { Clips } from '../../../../models';
+import { makePaginationQuery } from '../../common/make-pagination-query';
+
+export const meta = {
+	tags: ['users', 'clips'],
+
+	params: {
+		userId: {
+			validator: $.type(ID),
+		},
+
+		limit: {
+			validator: $.optional.num.range(1, 100),
+			default: 10
+		},
+
+		sinceId: {
+			validator: $.optional.type(ID),
+		},
+
+		untilId: {
+			validator: $.optional.type(ID),
+		},
+	}
+};
+
+export default define(meta, async (ps, user) => {
+	const query = makePaginationQuery(Clips.createQueryBuilder('clip'), ps.sinceId, ps.untilId)
+		.andWhere(`clip.userId = :userId`, { userId: ps.userId })
+		.andWhere('clip.isPublic = true');
+
+	const clips = await query
+		.take(ps.limit!)
+		.getMany();
+
+	return await Clips.packMany(clips);
+});
--- a/src/server/api/endpoints/users/pages.ts
+++ b/src/server/api/endpoints/users/pages.ts
@ -0,0 +1,40 @@
+import $ from 'cafy';
+import { ID } from '../../../../misc/cafy-id';
+import define from '../../define';
+import { Pages } from '../../../../models';
+import { makePaginationQuery } from '../../common/make-pagination-query';
+
+export const meta = {
+	tags: ['users', 'pages'],
+
+	params: {
+		userId: {
+			validator: $.type(ID),
+		},
+
+		limit: {
+			validator: $.optional.num.range(1, 100),
+			default: 10
+		},
+
+		sinceId: {
+			validator: $.optional.type(ID),
+		},
+
+		untilId: {
+			validator: $.optional.type(ID),
+		},
+	}
+};
+
+export default define(meta, async (ps, user) => {
+	const query = makePaginationQuery(Pages.createQueryBuilder('page'), ps.sinceId, ps.untilId)
+		.andWhere(`page.userId = :userId`, { userId: ps.userId })
+		.andWhere('page.visibility = \'public\'');
+
+	const pages = await query
+		.take(ps.limit!)
+		.getMany();
+
+	return await Pages.packMany(pages);
+});
--- a/src/server/web/views/base.pug
+++ b/src/server/web/views/base.pug
@ -94,6 +94,11 @@ html
 				document.documentElement.classList.add('f-' + fontSize);
 			}

+			const useSystemFont = localStorage.getItem('useSystemFont');
+			if (useSystemFont) {
+				document.documentElement.classList.add('useSystemFont');
+			}
+
 			const wallpaper = localStorage.getItem('wallpaper');
 			if (wallpaper) {
 				document.documentElement.style.backgroundImage = `url(${wallpaper})`;
--- a/yarn.lock
+++ b/yarn.lock
@ -87,13 +87,13 @@
    lodash "^4.17.13"
    to-fast-properties "^2.0.0"

-"@elastic/elasticsearch@7.8.0":
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/@elastic/elasticsearch/-/elasticsearch-7.8.0.tgz#3f9ee54fe8ef79874ebd231db03825fa500a7111"
-  integrity sha512-rUOTNN1At0KoN0Fcjd6+J7efghuURnoMTB/od9EMK6Mcdebi6N3z5ulShTsKRn6OanS9Eq3l/OmheQY1Y+WLcg==
+"@elastic/elasticsearch@7.10.0":
+  version "7.10.0"
+  resolved "https://registry.yarnpkg.com/@elastic/elasticsearch/-/elasticsearch-7.10.0.tgz#da105a9c1f14146f9f2cab4e7026cb7949121b8d"
+  integrity sha512-vXtMAQf5/DwqeryQgRriMtnFppJNLc/R7/R0D8E+wG5/kGM5i7mg+Hi7TM4NZEuXgtzZ2a/Nf7aR0vLyrxOK/w==
  dependencies:
    debug "^4.1.1"
-    decompress-response "^4.2.0"
+    hpagent "^0.1.1"
    ms "^2.1.1"
    pump "^3.0.0"
    secure-json-parse "^2.1.0"
@ -309,10 +309,10 @@
    "@types/connect" "*"
    "@types/node" "*"

-"@types/bull@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@types/bull/-/bull-3.14.0.tgz#60741d3f5006bd4e17b02ff036e6ecef7ac47a6e"
-  integrity sha512-9MKWQ4Q+GFIEA3/SdSc128mAccCKni2YVMKPEdQY5qooN+3gl0Po+f7kaKukgn5s6YXj5xbvc/zTaMsHZL9GvA==
+"@types/bull@3.14.4":
+  version "3.14.4"
+  resolved "https://registry.yarnpkg.com/@types/bull/-/bull-3.14.4.tgz#8a787ad4582b1a6cf2bfa6cca5f72428330c455e"
+  integrity sha512-XAYSV6A/r9GX+TgWwjF0WgpKK9/WAiSfVe3q6+2JrRW+3hLDjIU5MQL9HQZet3my98VA3kNWjEYrJCeRmJ5a5w==
  dependencies:
    "@types/ioredis" "*"

@ -451,10 +451,10 @@
  resolved "https://registry.yarnpkg.com/@types/fancy-log/-/fancy-log-1.3.0.tgz#a61ab476e5e628cd07a846330df53b85e05c8ce0"
  integrity sha512-mQjDxyOM1Cpocd+vm1kZBP7smwKZ4TNokFeds9LV7OZibmPJFEzY3+xZMrKfUdNT71lv8GoCPD6upKwHxubClw==

-"@types/fluent-ffmpeg@2.1.14":
-  version "2.1.14"
-  resolved "https://registry.yarnpkg.com/@types/fluent-ffmpeg/-/fluent-ffmpeg-2.1.14.tgz#b21d60267fe269c2ea81fa3238a36a8349f8f2f3"
-  integrity sha512-nJrAX9ODNI7mUB0b7Y0Stx1a6dOpV3zXsOnWoBuEd9/woQhepBNCMeCyOL6SLJD3jn5sLw5ciDGH0RwJenCoag==
+"@types/fluent-ffmpeg@2.1.16":
+  version "2.1.16"
+  resolved "https://registry.yarnpkg.com/@types/fluent-ffmpeg/-/fluent-ffmpeg-2.1.16.tgz#63949b0cb6bc88c9157a579cdd80858a269f3a3a"
+  integrity sha512-1FTstm6xY/2WsJVt6ARV7CiJjNCQDlR/nfw6xuYk5ITbVjk7sw89Biyqm2DGW4c3aZ3vBx+5irZvsql4eybpoQ==
  dependencies:
    "@types/node" "*"

@ -533,10 +533,10 @@
  resolved "https://registry.yarnpkg.com/@types/js-yaml/-/js-yaml-3.12.5.tgz#136d5e6a57a931e1cce6f9d8126aa98a9c92a6bb"
  integrity sha512-JCcp6J0GV66Y4ZMDAQCXot4xprYB+Zfd3meK9+INSJeVZwJmHAW30BBEEkPzXswMXuiyReUGOP3GxrADc9wPww==

-"@types/jsdom@16.2.3":
-  version "16.2.3"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.3.tgz#c6feadfe0836389b27f9c911cde82cd32e91c537"
-  integrity sha512-BREatezSn74rmLIDksuqGNFUTi9HNAWWQXYpFBFLK9U6wlMCO4M0QCa8CMpDsZQuqxSO9XifVLT5Q1P0vgKLqw==
+"@types/jsdom@16.2.5":
+  version "16.2.5"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.5.tgz#74ebad438741d249ecb416c5486dcde4217eb66c"
+  integrity sha512-k/ZaTXtReAjwWu0clU0KLS53dyqZnA8mm+jwKFeFrvufXgICp+VNbskETFxKKAguv0pkaEKTax5MaRmvalM+TA==
  dependencies:
    "@types/node" "*"
    "@types/parse5" "*"
@ -650,10 +650,10 @@
  dependencies:
    "@types/koa" "*"

-"@types/koa__multer@2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/koa__multer/-/koa__multer-2.0.1.tgz#a09fba6ee4a22c40ef30a88acde88673a03ba142"
-  integrity sha512-HgCHR0nmOQ607Z/KtFmy/BPI60Gl21s/6gfkA81Oa5UNAOyVLWZb4XYTs2wXwmbyi2+25SwjKA2BrFMqh5njCA==
+"@types/koa__multer@2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@types/koa__multer/-/koa__multer-2.0.2.tgz#53d20c5eeab669f1fcb4b82603a8c65f1868611c"
+  integrity sha512-wIRH6jXfKgfMSEGmXo8sTT+13J/RXPYqIfNRwYDE9izsNv125o2pU/7hnnc+c2rGNNO5cG/ahsegZm8h8bDWEQ==
  dependencies:
    "@types/koa" "*"

@ -705,12 +705,7 @@
    "@types/node" "*"
    form-data "^3.0.0"

-"@types/node@*":
-  version "13.13.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.13.2.tgz#160d82623610db590a64e8ca81784e11117e5a54"
-  integrity sha512-LB2R1Oyhpg8gu4SON/mfforE525+Hi/M1ineICEDftqNVTyFg1aRIeGuTvXAoWHc4nbrFncWtJgMmoyRvuGh7A==
-
-"@types/node@14.0.22":
+"@types/node@*", "@types/node@14.0.22":
  version "14.0.22"
  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.22.tgz#23ea4d88189cec7d58f9e6b66f786b215eb61bdc"
  integrity sha512-emeGcJvdiZ4Z3ohbmw93E/64jRzUHAItSHt8nF7M4TGgQTiWqFVGB8KNpLGFmUHmHLvjvBgFwVlqNcq+VuGv9g==
@ -739,20 +734,15 @@
  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==

-"@types/parse5@*":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.2.tgz#a877a4658f8238c8266faef300ae41c84d72ec8a"
-  integrity sha512-BOl+6KDs4ItndUWUFchy3aEqGdHhw0BC4Uu+qoDonN/f0rbUnJbm71Ulj8Tt9jLFRaAxPLKvdS1bBLfx1qXR9g==
-
-"@types/parse5@5.0.3":
+"@types/parse5@*", "@types/parse5@5.0.3":
  version "5.0.3"
  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"
  integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==

-"@types/parsimmon@1.10.2":
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/@types/parsimmon/-/parsimmon-1.10.2.tgz#2ac8480e1230c1c212cb6a2fed001bc87201aed8"
-  integrity sha512-WVugAiBoLsmay9IPrLJoMnmLTP0cWPbc4w5c5suTevyhaJW9TWGyPbkFraNUk5YULf8vQ5C/3NBEQcIs6XfTcg==
+"@types/parsimmon@1.10.4":
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/@types/parsimmon/-/parsimmon-1.10.4.tgz#7639e16015440d9baf622f83c12dae47787226b7"
+  integrity sha512-M56NfQHfaWuaj6daSgCVs7jh8fXLI3LmxjRoQxmOvYesgIkI+9HPsDLO0vd7wX7cwA0D0ZWFEJdp0VPwLdS+bQ==

 "@types/portscanner@2.1.0":
  version "2.1.0"
@ -791,10 +781,10 @@
  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
  integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==

-"@types/ratelimiter@2.1.28":
-  version "2.1.28"
-  resolved "https://registry.yarnpkg.com/@types/ratelimiter/-/ratelimiter-2.1.28.tgz#cf6371e6d9b1d236e3f0b25889a6d52aed2e0e22"
-  integrity sha1-z2Nx5tmx0jbj8LJYiabVKu0uDiI=
+"@types/ratelimiter@3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@types/ratelimiter/-/ratelimiter-3.4.0.tgz#e46c906a905f58aeecc92dccc16bb81687c5ec0c"
+  integrity sha512-r6ZXDiy8tDJPSxAnXV8d98jRCWYCNfA/NCIziDkQbzm4Rn0uJ8Nzm7194THpgmO9LX2YHN1n0iJGSpEt2t1BnQ==
  dependencies:
    "@types/redis" "*"

@ -806,17 +796,10 @@
    "@types/node" "*"
    safe-buffer "*"

-"@types/redis@*":
-  version "2.8.18"
-  resolved "https://registry.yarnpkg.com/@types/redis/-/redis-2.8.18.tgz#6e95de50d848cd9c0aacb89aa8a6aef07a0a34b3"
-  integrity sha512-29ffRZITbLRs4zboL31EPJVDhSC/pHommWpf0rRcpwz45fvH6U2VxdRM6wWPSJu23l/kXQNKrMR8SAlLB7OqbQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/redis@2.8.25":
-  version "2.8.25"
-  resolved "https://registry.yarnpkg.com/@types/redis/-/redis-2.8.25.tgz#046bfff24b82effa59d74744c6fcf8995be17479"
-  integrity sha512-e5N5Dg712aZ1CPi1Li0XalukPSWd2RTLYzmrMsQ84NkYQ7cqKHC+HroXM1WP65O1zRGfzld72/u9ikumEe+ylA==
+"@types/redis@*", "@types/redis@2.8.28":
+  version "2.8.28"
+  resolved "https://registry.yarnpkg.com/@types/redis/-/redis-2.8.28.tgz#5862b2b64aa7f7cbc76dafd7e6f06992b52c55e3"
+  integrity sha512-8l2gr2OQ969ypa7hFOeKqtFoY70XkHxISV0pAwmQ2nm6CSPb1brmTmqJCGGrekCo+pAZyWlNXr+Kvo6L/1wijA==
  dependencies:
    "@types/node" "*"

@ -971,22 +954,10 @@
    "@types/node" "*"
    "@types/webpack" "*"

-"@types/webpack@*":
-  version "4.41.12"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.12.tgz#0386ee2a2814368e2f2397abb036c0bf173ff6c3"
-  integrity sha512-BpCtM4NnBen6W+KEhrL9jKuZCXVtiH6+0b6cxdvNt2EwU949Al334PjQSl2BeAyvAX9mgoNNG21wvjP3xZJJ5w==
-  dependencies:
-    "@types/anymatch" "*"
-    "@types/node" "*"
-    "@types/tapable" "*"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    source-map "^0.6.0"
-
-"@types/webpack@4.41.24":
-  version "4.41.24"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.24.tgz#75b664abe3d5bcfe54e64313ca3b43e498550422"
-  integrity sha512-1A0MXPwZiMOD3DPMuOKUKcpkdPo8Lq33UGggZ7xio6wJ/jV1dAu5cXDrOfGDnldUroPIRLsr/DT43/GqOA4RFQ==
+"@types/webpack@*", "@types/webpack@4.41.25":
+  version "4.41.25"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.25.tgz#4d3b5aecc4e44117b376280fbfd2dc36697968c4"
+  integrity sha512-cr6kZ+4m9lp86ytQc1jPOJXgINQyz3kLLunZ57jznW+WIAL0JqZbGubQk4GlD42MuQL5JGOABrxdpqqWeovlVQ==
  dependencies:
    "@types/anymatch" "*"
    "@types/node" "*"
@ -1002,10 +973,10 @@
  dependencies:
    "@types/node" "*"

-"@types/ws@7.2.7":
-  version "7.2.7"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-7.2.7.tgz#362ad1a1d62721bdb725e72c8cccf357078cf5a3"
-  integrity sha512-UUFC/xxqFLP17hTva8/lVT0SybLUrfSD9c+iapKb0fEiC8uoDbA+xuZ3pAN603eW+bY8ebSMLm9jXdIPnD0ZgA==
+"@types/ws@7.4.0":
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-7.4.0.tgz#499690ea08736e05a8186113dac37769ab251a0e"
+  integrity sha512-Y29uQ3Uy+58bZrFLhX36hcI3Np37nqWE7ky5tjiDoy1GDZnIwVxS0CgF+s+1bXMzjKBFy+fqaRfb708iNzdinw==
  dependencies:
    "@types/node" "*"

@ -1059,36 +1030,55 @@
  resolved "https://registry.yarnpkg.com/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz#aa58042711d6e3275dd37dc597e5d31e8c290a44"
  integrity sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==

-"@vue/compiler-core@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.2.tgz#7790b7a1fcbba5ace4d81a70ce59096fa5c95734"
-  integrity sha512-GOlEMTlC/OdzBkKaKOniYErbkjoKxkBOmulxGmMR10I2JJX6TvXd/peaO/kla2xhpliV/M6Z4TLJp0yjAvRIAw==
+"@vue/compiler-core@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.3.tgz#dbb4d5eb91f294038f0bed170a1c25f59f7dc74f"
+  integrity sha512-iWlRT8RYLmz7zkg84pTOriNUzjH7XACWN++ImFkskWXWeev29IKi7p76T9jKDaMZoPiGcUZ0k9wayuASWVxOwg==
  dependencies:
    "@babel/parser" "^7.12.0"
    "@babel/types" "^7.12.0"
-    "@vue/shared" "3.0.2"
+    "@vue/shared" "3.0.3"
    estree-walker "^2.0.1"
    source-map "^0.6.1"

-"@vue/compiler-dom@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.2.tgz#1d40de04bcdf9aabb79fb6a802dd70a2f3c2992a"
-  integrity sha512-jvaL4QF2yXBJVD+JLbM2YA3e5fNfflJnfQ+GtfYk46ENGsEetqbkZqcX7fO+RHdG8tZBo7LCNBvgD0QLr+V4sg==
-  dependencies:
-    "@vue/compiler-core" "3.0.2"
-    "@vue/shared" "3.0.2"
-
-"@vue/compiler-sfc@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.2.tgz#22c70fed72c347a4d5fa2db2e80594b3193dce57"
-  integrity sha512-viYjT5ehDSLM3v0jQ9hbTs4I5e/7lSlYsDOp7TQ1qcwHRvzoTQMTkFpY/Iae+LFKM124Ld17tBfXgfrZl9dt+g==
+"@vue/compiler-core@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.4.tgz#0122aca6eada4cb28b39ed930af917444755e330"
+  integrity sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==
  dependencies:
    "@babel/parser" "^7.12.0"
    "@babel/types" "^7.12.0"
-    "@vue/compiler-core" "3.0.2"
-    "@vue/compiler-dom" "3.0.2"
-    "@vue/compiler-ssr" "3.0.2"
-    "@vue/shared" "3.0.2"
+    "@vue/shared" "3.0.4"
+    estree-walker "^2.0.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.3.tgz#582ba30bc82da8409868bc1153ff0e0e2be617e5"
+  integrity sha512-6GdUbDPjsc0MDZGAgpi4lox+d+aW9/brscwBOLOFfy9wcI9b6yLPmBbjdIsJq3pYdJWbdvACdJ77avBBdHEP8A==
+  dependencies:
+    "@vue/compiler-core" "3.0.3"
+    "@vue/shared" "3.0.3"
+
+"@vue/compiler-dom@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz#834fd4b15c5698cf9f4505c2bfbccca058a843eb"
+  integrity sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==
+  dependencies:
+    "@vue/compiler-core" "3.0.4"
+    "@vue/shared" "3.0.4"
+
+"@vue/compiler-sfc@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.3.tgz#7fad9d40e139dd717713c0db701e1eb776f8349f"
+  integrity sha512-YocHSirye85kRVC4lU0+SE6uhrwGJzbhwkrqG4g6kmsAUopZ0qUjbICMlej5bYx2+AUz9yBIM7hpK8nIKFVFjg==
+  dependencies:
+    "@babel/parser" "^7.12.0"
+    "@babel/types" "^7.12.0"
+    "@vue/compiler-core" "3.0.3"
+    "@vue/compiler-dom" "3.0.3"
+    "@vue/compiler-ssr" "3.0.3"
+    "@vue/shared" "3.0.3"
    consolidate "^0.16.0"
    estree-walker "^2.0.1"
    hash-sum "^2.0.0"
@ -1100,42 +1090,47 @@
    postcss-selector-parser "^6.0.4"
    source-map "^0.6.1"

-"@vue/compiler-ssr@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.2.tgz#73af4d274a79bfcc72a996a9b45f1072e7deaa26"
-  integrity sha512-gOgK1lf+0bFl+kQj6TU0TU1jIDFlsPRlSBZaUUA16DGeeiJrFanhsMuIs/l9U0IBFr/VJcHgzYpTXqHp95luHw==
+"@vue/compiler-ssr@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.3.tgz#7d9e5c1b8c71d69865ac6c48d2e6eb2eecb68501"
+  integrity sha512-IjJMoHCiDk939Ix7Q5wrex59TVJr6JFQ95gf36f4G4UrVau0GGY/3HudnWT/6eyWJ7267+odqQs1uCZgDfL/Ww==
  dependencies:
-    "@vue/compiler-dom" "3.0.2"
-    "@vue/shared" "3.0.2"
+    "@vue/compiler-dom" "3.0.3"
+    "@vue/shared" "3.0.3"

-"@vue/reactivity@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.2.tgz#42ed5af6025b494a5e69b05169fcddf04eebfe77"
-  integrity sha512-GdRloNcBar4yqWGXOcba1t//j/WizwfthfPUYkjcIPHjYnA/vTEQYp0C9+ZjPdinv1WRK1BSMeN/xj31kQES4A==
+"@vue/reactivity@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.4.tgz#b6599dd8271a745960a03f05744ccf7991ba5d8d"
+  integrity sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==
  dependencies:
-    "@vue/shared" "3.0.2"
+    "@vue/shared" "3.0.4"

-"@vue/runtime-core@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.2.tgz#d7ed462af1cb0bf9836668e4e6fab3f2f4b1bc00"
-  integrity sha512-3m/jOs2xSipEFah9FgpEzvC9nERFonVGLN06+pf8iYPIy54Nlv7D2cyrk3Lhbjz4w3PbIrkxJnoTJYvJM7HDfA==
+"@vue/runtime-core@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.4.tgz#a5b9a001560b1fd8c01a43f68b764c555de7836c"
+  integrity sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==
  dependencies:
-    "@vue/reactivity" "3.0.2"
-    "@vue/shared" "3.0.2"
+    "@vue/reactivity" "3.0.4"
+    "@vue/shared" "3.0.4"

-"@vue/runtime-dom@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.2.tgz#9d166d03225558025d3d80f5039b646e0051b71c"
-  integrity sha512-vqC1KK1yWthTw1FKzajT0gYQaEqAq7bpeeXQC473nllGC5YHbJhNAJLSmrDun1tjXqGF0UNCWYljYm+++BJv6w==
+"@vue/runtime-dom@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz#6f81aec545f24511d2c28a315aa3391420b69c68"
+  integrity sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==
  dependencies:
-    "@vue/runtime-core" "3.0.2"
-    "@vue/shared" "3.0.2"
+    "@vue/runtime-core" "3.0.4"
+    "@vue/shared" "3.0.4"
    csstype "^2.6.8"

-"@vue/shared@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.2.tgz#419bd85a2ebdbd4f42963e98c5a1b103452176d9"
-  integrity sha512-Zx869zlNoujFOclKIoYmkh8ES2RcS/+Jn546yOiPyZ+3+Ejivnr+fb8l+DdXUEFjo+iVDNR3KyLzg03aBFfZ4Q==
+"@vue/shared@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.3.tgz#ef12ebff93a446df281e8a0fd765b5aea8e7745b"
+  integrity sha512-yGgkF7u4W0Dmwri9XdeY50kOowN4UIX7aBQ///jbxx37itpzVjK7QzvD3ltQtPfWaJDGBfssGL0wpAgwX9OJpQ==
+
+"@vue/shared@3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.4.tgz#6dc50f593bdfdeaa6183d1dbc15e2d45e7c6b8b3"
+  integrity sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg==

 "@webassemblyjs/ast@1.9.0":
  version "1.9.0"
@ -1369,12 +1364,7 @@ acorn@^4.0.4, acorn@~4.0.2:
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
  integrity sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=

-acorn@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
-
-acorn@^7.4.0:
+acorn@^7.1.1, acorn@^7.4.0:
  version "7.4.1"
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@ -1396,17 +1386,7 @@ ajv-keywords@^3.5.2:
  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==

-ajv@^6.10.0, ajv@^6.10.2, ajv@^6.5.5:
-  version "6.12.3"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
-  integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.5.5:
  version "6.12.5"
  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
  integrity sha512-lRF8RORchjpKG50/WFf8xmg7sgCLFiYNNnqdKflk63whMQcWR5ngGjiSXkL9bjxy6B2npOK2HSMN49jEBMSkag==
@ -1442,11 +1422,6 @@ ansi-colors@^1.0.1:
  dependencies:
    ansi-wrap "^0.1.0"

-ansi-colors@^3.2.1:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
-  integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==
-
 ansi-gray@^0.1.1:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
@ -1940,17 +1915,7 @@ browser-stdout@1.3.1:
  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==

-browserslist@^4.0.0:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.12.0.tgz#06c6d5715a1ede6c51fc39ff67fd647f740b656d"
-  integrity sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==
-  dependencies:
-    caniuse-lite "^1.0.30001043"
-    electron-to-chromium "^1.3.413"
-    node-releases "^1.1.53"
-    pkg-up "^2.0.0"
-
-browserslist@^4.14.5:
+browserslist@^4.0.0, browserslist@^4.14.5:
  version "4.14.5"
  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
  integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
@ -2164,7 +2129,7 @@ caniuse-api@^3.0.0:
    lodash.memoize "^4.1.2"
    lodash.uniq "^4.5.0"

-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001043:
+caniuse-lite@^1.0.0:
  version "1.0.30001048"
  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001048.tgz#4bb4f1bc2eb304e5e1154da80b93dee3f1cf447e"
  integrity sha512-g1iSHKVxornw0K8LG9LLdf+Fxnv7T1Z+mMsf0/YYLclQX4Cd522Ap0Lrw6NFqHgezit78dtyWxzlV2Xfc7vgRg==
@ -2828,7 +2793,7 @@ cross-spawn@^6.0.0:
    shebang-command "^1.2.0"
    which "^1.2.9"

-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2:
  version "7.0.3"
  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@ -2837,15 +2802,6 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.2:
    shebang-command "^2.0.0"
    which "^2.0.1"

-cross-spawn@^7.0.1:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.2.tgz#d0d7dcfa74e89115c7619f4f721a94e1fdb716d6"
-  integrity sha512-PD6G8QG3S4FK/XCGFbEQrDqO2AnMMsy0meR7lerlIOHAAbkuavGU/pOqprrlvfTNjvowivTeBsjebAL0NSoMxw==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
 css-color-names@0.0.4, css-color-names@^0.0.4:
  version "0.0.4"
  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@ -3069,11 +3025,6 @@ dateformat@3.0.3:
  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
  integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==

-de-indent@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
-  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
-
 debug-fabulous@1.X:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/debug-fabulous/-/debug-fabulous-1.1.0.tgz#af8a08632465224ef4174a9f06308c3c2a1ebc8e"
@ -3104,14 +3055,7 @@ debug@3.X, debug@^3.1.0, debug@^3.2.6:
  dependencies:
    ms "^2.1.1"

-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-  dependencies:
-    ms "^2.1.1"
-
-debug@4.2.0:
+debug@4, debug@4.2.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
  version "4.2.0"
  resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
  integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==
@ -3461,11 +3405,6 @@ ee-first@1.1.1:
  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=

-electron-to-chromium@^1.3.413:
-  version "1.3.418"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.418.tgz#840021191f466b803a873e154113620c9f53cec6"
-  integrity sha512-i2QrQtHes5fK/F9QGG5XacM5WKEuR322fxTYF9e8O9Gu0mc0WmjjwGpV8c7Htso6Zf2Di18lc3SIPxmMeRFBug==
-
 electron-to-chromium@^1.3.571:
  version "1.3.576"
  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.576.tgz#2e70234484e03d7c7e90310d7d79fd3775379c34"
@ -3515,14 +3454,7 @@ enhanced-resolve@^5.3.1:
    graceful-fs "^4.2.4"
    tapable "^2.0.0"

-enquirer@^2.3.5:
-  version "2.3.5"
-  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.5.tgz#3ab2b838df0a9d8ab9e7dff235b0e8712ef92381"
-  integrity sha512-BNT1C08P9XD0vNg3J475yIUG+mVdp9T6towYFHUv897X0KoHBjB1shyrNmhmtHWKP17iSWgo7Gqh7BBuzLZMSA==
-  dependencies:
-    ansi-colors "^3.2.1"
-
-enquirer@^2.3.6:
+enquirer@^2.3.5, enquirer@^2.3.6:
  version "2.3.6"
  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
@ -3682,15 +3614,7 @@ eslint-plugin-vue@7.1.0:
    semver "^7.3.2"
    vue-eslint-parser "^7.1.1"

-eslint-scope@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
-  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^5.1.1:
+eslint-scope@^5.0.0, eslint-scope@^5.1.1:
  version "5.1.1"
  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@ -3705,12 +3629,7 @@ eslint-utils@^2.1.0:
  dependencies:
    eslint-visitor-keys "^1.1.0"

-eslint-visitor-keys@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
-  integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
-
-eslint-visitor-keys@^1.3.0:
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@ -3720,10 +3639,10 @@ eslint-visitor-keys@^2.0.0:
  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==

-eslint@7.12.1:
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.12.1.tgz#bd9a81fa67a6cfd51656cdb88812ce49ccec5801"
-  integrity sha512-HlMTEdr/LicJfN08LB3nM1rRYliDXOmfoO4vj39xN6BLpFzF00hbwBoqHk8UcJ2M/3nlARZWy/mslvGEuZFvsg==
+eslint@7.14.0:
+  version "7.14.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.14.0.tgz#2d2cac1d28174c510a97b377f122a5507958e344"
+  integrity sha512-5YubdnPXrlrYAFCKybPuHIAH++PINe1pmKNc5wQRB9HSbqIK1ywAnntE3Wwua4giKu0bjligf1gLF6qxMGOYRA==
  dependencies:
    "@babel/code-frame" "^7.0.0"
    "@eslint/eslintrc" "^0.2.1"
@ -3793,13 +3712,6 @@ esquery@^1.0.1, esquery@^1.2.0:
  dependencies:
    estraverse "^5.1.0"

-esrecurse@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
-  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
-  dependencies:
-    estraverse "^4.1.0"
-
 esrecurse@^4.3.0:
  version "4.3.0"
  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@ -3807,7 +3719,7 @@ esrecurse@^4.3.0:
  dependencies:
    estraverse "^5.2.0"

-estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.1.1, estraverse@^4.2.0:
  version "4.3.0"
  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@ -4096,13 +4008,6 @@ find-up@^1.0.0:
    path-exists "^2.0.0"
    pinkie-promise "^2.0.0"

-find-up@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
-  dependencies:
-    locate-path "^2.0.0"
-
 find-up@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@ -4495,12 +4400,7 @@ got@11.8.0:
    p-cancelable "^2.0.0"
    responselike "^2.0.0"

-graceful-fs@4.X, graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
-  integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
-
-graceful-fs@^4.2.3, graceful-fs@^4.2.4:
+graceful-fs@4.X, graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.3, graceful-fs@^4.2.4:
  version "4.2.4"
  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
  integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
@ -4718,7 +4618,7 @@ hcaptcha@0.0.2:
  resolved "https://registry.yarnpkg.com/hcaptcha/-/hcaptcha-0.0.2.tgz#18f4c055a2315db9f732ac77f9d0e30026bb2eb7"
  integrity sha512-wWOncj/sY+q8s7tV12tjn3cFNoQhSu3l/7nTJi4QkFKALQi9XnduoXrV/KFzLg5lnB+5560zSAoi9YdYPDw6Eg==

-he@1.2.0, he@^1.1.0, he@^1.2.0:
+he@1.2.0, he@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@ -4729,9 +4629,9 @@ hex-color-regex@^1.1.0:
  integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==

 highlight.js@^9.6.0:
-  version "9.18.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
-  integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
+  version "9.18.5"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.5.tgz#d18a359867f378c138d6819edfc2a8acd5f29825"
+  integrity sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==

 homedir-polyfill@^1.0.1:
  version "1.0.3"
@ -4745,6 +4645,11 @@ hosted-git-info@^2.1.4:
  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
  integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==

+hpagent@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/hpagent/-/hpagent-0.1.1.tgz#66f67f16e5c7a8b59a068e40c2658c2c749ad5e2"
+  integrity sha512-IxJWQiY0vmEjetHdoE9HZjD4Cx+mYTr25tR7JCxXaiI3QxW0YqYyM11KyZbHufoa/piWhMb2+D3FGpMgmA2cFQ==
+
 hsl-regex@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
@ -5476,7 +5381,7 @@ js-tokens@^4.0.0:
  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==

-js-yaml@3.14.0, js-yaml@^3.14.0:
+js-yaml@3.14.0, js-yaml@^3.13.1, js-yaml@^3.14.0:
  version "3.14.0"
  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
@ -5484,14 +5389,6 @@ js-yaml@3.14.0, js-yaml@^3.14.0:
    argparse "^1.0.7"
    esprima "^4.0.0"

-js-yaml@^3.13.1:
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
-  integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
 jsbn@~0.1.0:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
@ -6003,14 +5900,6 @@ loader-utils@^2.0.0:
    emojis-list "^3.0.0"
    json5 "^2.1.2"

-locate-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
-  dependencies:
-    p-locate "^2.0.0"
-    path-exists "^3.0.0"
-
 locate-path@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
@ -6244,10 +6133,10 @@ map-visit@^1.0.0:
  dependencies:
    object-visit "^1.0.0"

-markdown-it-anchor@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-6.0.0.tgz#2ec2554fa4d065f2d1ca2422a50c14c10cf67c2a"
-  integrity sha512-WOcIGhG1M1W94VV5cmSZAMSKi2vqCxpLAqQZ0wSO9RzQ9Rbls7ecjRVXp5DIPoXrNy9bjv9K7M0nYqNk60ctxQ==
+markdown-it-anchor@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-6.0.1.tgz#f54b78757d0b61455faf8ced775b39498bd6d6f9"
+  integrity sha512-8qX4r5R6AtXla9HKCouEQ40inw69O5jR4VUXlZySsBLxIXlsJ3Yi9JV6JWPU4ZdA8jWTGDDJjJYNLwQ0W4jCag==

 markdown-it@11.0.1:
  version "11.0.1"
@ -6698,20 +6587,15 @@ node-object-hash@^1.2.0:
  resolved "https://registry.yarnpkg.com/node-object-hash/-/node-object-hash-1.4.2.tgz#385833d85b229902b75826224f6077be969a9e94"
  integrity sha512-UdS4swXs85fCGWWf6t6DMGgpN/vnlKeSGEQ7hJcrs7PBFoxoKLmibc3QRb7fwiYsjdL7PX8iI/TMSlZ90dgHhQ==

-node-releases@^1.1.53:
-  version "1.1.53"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
-  integrity sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==
-
 node-releases@^1.1.61:
  version "1.1.61"
  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.61.tgz#707b0fca9ce4e11783612ba4a2fcba09047af16e"
  integrity sha512-DD5vebQLg8jLCOzwupn954fbIiZht05DAZs0k2u8NStSe6h9XdsuIQL8hSRKYiU8WUQRznmSDrKGbv3ObOmC7g==

-nodemailer@6.4.15:
-  version "6.4.15"
-  resolved "https://registry.yarnpkg.com/nodemailer/-/nodemailer-6.4.15.tgz#da5dbb78b8376e34c232c6aa3d2d65cfe17440e9"
-  integrity sha512-2/z13dBTWdgTRlxVMAK6C13dCI22GEShET4+jFLlQsxpblxYhojnucfcTZO1QBu5CsHvABsBj2JCGO3vl0HSQA==
+nodemailer@6.4.16:
+  version "6.4.16"
+  resolved "https://registry.yarnpkg.com/nodemailer/-/nodemailer-6.4.16.tgz#5cb6391b1d79ab7eff32d6f9f48366b5a7117293"
+  integrity sha512-68K0LgZ6hmZ7PVmwL78gzNdjpj5viqBdFqKrTtr9bZbJYj6BRj5W6WGkxXrEnUl3Co3CBXi3CZBUlpV/foGnOQ==

 nofilter@^1.0.4:
  version "1.0.4"
@ -7061,13 +6945,6 @@ p-is-promise@^2.0.0:
  resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-2.1.0.tgz#918cebaea248a62cf7ffab8e3bca8c5f882fc42e"
  integrity sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==

-p-limit@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
-  dependencies:
-    p-try "^1.0.0"
-
 p-limit@^2.0.0, p-limit@^2.2.0:
  version "2.3.0"
  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
@ -7082,13 +6959,6 @@ p-limit@^3.0.2:
  dependencies:
    p-try "^2.0.0"

-p-locate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
-  dependencies:
-    p-limit "^1.1.0"
-
 p-locate@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@ -7117,11 +6987,6 @@ p-timeout@^3.2.0:
  dependencies:
    p-finally "^1.0.0"

-p-try@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
 p-try@^2.0.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@ -7335,10 +7200,10 @@ pg-pool@^3.2.2:
  resolved "https://registry.yarnpkg.com/pg-pool/-/pg-pool-3.2.2.tgz#a560e433443ed4ad946b84d774b3f22452694dff"
  integrity sha512-ORJoFxAlmmros8igi608iVEbQNNZlp89diFVx6yV5v+ehmpMY9sK6QgpmgoXbmkNaBAx8cOOZh9g80kJv1ooyA==

-pg-protocol@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/pg-protocol/-/pg-protocol-1.3.0.tgz#3c8fb7ca34dbbfcc42776ce34ac5f537d6e34770"
-  integrity sha512-64/bYByMrhWULUaCd+6/72c9PMWhiVFs3EVxl9Ct6a3v/U8+rKgqP2w+kKg/BIGgMJyB+Bk/eNivT32Al+Jghw==
+pg-protocol@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/pg-protocol/-/pg-protocol-1.4.0.tgz#43a71a92f6fe3ac559952555aa3335c8cb4908be"
+  integrity sha512-El+aXWcwG/8wuFICMQjM5ZSAm6OWiJicFdNYo+VY3QP+8vI4SvLIWVe51PppTzMhikUJR+PsyIFKqfdXPz/yxA==

 pg-types@^2.1.0:
  version "2.2.0"
@ -7351,16 +7216,16 @@ pg-types@^2.1.0:
    postgres-date "~1.0.4"
    postgres-interval "^1.1.0"

-pg@8.4.2:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/pg/-/pg-8.4.2.tgz#2aa58166a23391e91d56a7ea57c6d99931c0642a"
-  integrity sha512-E9FlUrrc7w3+sbRmL1CSw99vifACzB2TjhMM9J5w9D1LIg+6un0jKkpHS1EQf2CWhKhec2bhrBLVMmUBDbjPRQ==
+pg@8.5.1:
+  version "8.5.1"
+  resolved "https://registry.yarnpkg.com/pg/-/pg-8.5.1.tgz#34dcb15f6db4a29c702bf5031ef2e1e25a06a120"
+  integrity sha512-9wm3yX9lCfjvA98ybCyw2pADUivyNWT/yIP4ZcDVpMN0og70BUWYEGXPCTAQdGTAqnytfRADb7NERrY1qxhIqw==
  dependencies:
    buffer-writer "2.0.0"
    packet-reader "1.0.0"
    pg-connection-string "^2.4.0"
    pg-pool "^3.2.2"
-    pg-protocol "^1.3.0"
+    pg-protocol "^1.4.0"
    pg-types "^2.1.0"
    pgpass "1.x"

@ -7417,13 +7282,6 @@ pkg-dir@^4.2.0:
  dependencies:
    find-up "^4.0.0"

-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-  dependencies:
-    find-up "^2.1.0"
-
 plugin-error@1.0.1, plugin-error@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-1.0.1.tgz#77016bd8919d0ac377fdcdd0322328953ca5781c"
@ -7508,10 +7366,10 @@ postcss-discard-overridden@^4.0.1:
  dependencies:
    postcss "^7.0.0"

-postcss-loader@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-4.0.4.tgz#b2d005b52e008a44991cf8123bee207e635eb53e"
-  integrity sha512-pntA9zIR14drQo84yGTjQJg1m7T0DkXR4vXYHBngiRZdJtEeCrojL6lOpqUanMzG375lIJbT4Yug85zC/AJWGw==
+postcss-loader@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-4.1.0.tgz#4647a6c8dad3cb6b253fbfaa21d62201086f6e39"
+  integrity sha512-vbCkP70F3Q9PIk6d47aBwjqAMI4LfkXCoyxj+7NPNuVIwfTGdzv2KVQes59/RuxMniIgsYQCFSY42P3+ykJfaw==
  dependencies:
    cosmiconfig "^7.0.0"
    klona "^2.0.4"
@ -8781,10 +8639,10 @@ safe-regex@^1.1.0:
  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==

-sass-loader@10.0.5:
-  version "10.0.5"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.0.5.tgz#f53505b5ddbedf43797470ceb34066ded82bb769"
-  integrity sha512-2LqoNPtKkZq/XbXNQ4C64GFEleSEHKv6NPSI+bMC/l+jpEXGJhiRYkAQToO24MR7NU4JRY2RpLpJ/gjo2Uf13w==
+sass-loader@10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.1.0.tgz#1727fcc0c32ab3eb197cda61d78adf4e9174a4b3"
+  integrity sha512-ZCKAlczLBbFd3aGAhowpYEy69Te3Z68cg8bnHHl6WnSCvnKpbM6pQrz957HWMa8LKVuhnD9uMplmMAHwGQtHeg==
  dependencies:
    klona "^2.0.4"
    loader-utils "^2.0.0"
@ -9378,16 +9236,11 @@ strip-final-newline@^2.0.0:
  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==

-strip-json-comments@3.1.1, strip-json-comments@^3.1.1:
+strip-json-comments@3.1.1, strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
  version "3.1.1"
  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==

-strip-json-comments@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.0.tgz#7638d31422129ecf4457440009fba03f9f9ac180"
-  integrity sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==
-
 strip-json-comments@~2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
@ -9562,10 +9415,10 @@ syslog-pro@1.0.0:
  dependencies:
    moment "^2.22.2"

-systeminformation@4.28.1:
-  version "4.28.1"
-  resolved "https://registry.yarnpkg.com/systeminformation/-/systeminformation-4.28.1.tgz#937fc72ba84ae16d006b4719b73ff49a64d86e19"
-  integrity sha512-g9WQy+Igsf0efbbTlXzDkV7iYeUerFJeqI/zh07F9sWHxclejmXn5hrGdgHf2ok+1DuRmC9t4mEh7XS0b8Zk9w==
+systeminformation@4.30.7:
+  version "4.30.7"
+  resolved "https://registry.yarnpkg.com/systeminformation/-/systeminformation-4.30.7.tgz#7e211875aada42abc8bb46cd6c652a274d7e78e0"
+  integrity sha512-tE8KlEje0DvdhNY/N9VR6au3+FUSvE11aFlYqWCzbUoA6mczZf9SN4ivHjZBupxvzEATUzFhuIbYLml8Y7TsEQ==

 syuilo-password-strength@0.0.1:
  version "0.0.1"
@ -9597,10 +9450,10 @@ tapable@^1.0.0, tapable@^1.0.0-beta.5:
  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==

-tapable@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
-  integrity sha512-bjzn0C0RWoffnNdTzNi7rNDhs1Zlwk2tRXgk8EiHKAOX1Mag3d6T0Y5zNa7l9CJ+EoUne/0UHdwS8tMbkh9zDg==
+tapable@^2.0.0, tapable@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.1.1.tgz#b01cc1902d42a7bb30514e320ce21c456f72fd3f"
+  integrity sha512-Wib1S8m2wdpLbmQz0RBEVosIyvb/ykfKXf3ZIDqvWoMg/zTNm6G/tDSuUM61J1kNCDXWJrLHGSFeMhAG+gAGpQ==

 tar-fs@^2.0.0:
  version "2.0.1"
@ -10254,12 +10107,7 @@ v-debounce@0.1.2:
  resolved "https://registry.yarnpkg.com/v-debounce/-/v-debounce-0.1.2.tgz#cab75df7def2783215bf449ef85c69c2decf0a55"
  integrity sha1-yrdd997yeDIVv0Se+Fxpwt7PClU=

-v8-compile-cache@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
-  integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==
-
-v8-compile-cache@^2.2.0:
+v8-compile-cache@^2.0.3, v8-compile-cache@^2.2.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132"
  integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==
@ -10289,6 +10137,11 @@ value-or-function@^3.0.0:
  resolved "https://registry.yarnpkg.com/value-or-function/-/value-or-function-3.0.0.tgz#1c243a50b595c1be54a754bfece8563b9ff8d813"
  integrity sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=

+vanilla-tilt@1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/vanilla-tilt/-/vanilla-tilt-1.7.0.tgz#4e6d3c6442c6fa2b45c958c9c2013f31686ab461"
+  integrity sha512-u9yUhpSasFeqQCuiTon+RSb0aHzcj9stvWVXQIswzKL5oG491lkYk7U1GmhOAEZt7yPT6EiYZRJhIh2MFBncOA==
+
 vary@^1.1.2:
  version "1.1.2"
  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@ -10402,24 +10255,24 @@ vue-json-pretty@1.7.1:
  resolved "https://registry.yarnpkg.com/vue-json-pretty/-/vue-json-pretty-1.7.1.tgz#c7cd0ef9e85d89025a8bf87a0da14b0fc7d19913"
  integrity sha512-D7aHQ5XPooSAEndTkb/RvXXJdmuCjaj14IMRdJwO4q+yJMpzPv87FT2gz4Dt2mCr1EzFyat7z7Qv9R+l/1as+w==

-vue-loader@16.0.0-beta.8:
-  version "16.0.0-beta.8"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0-beta.8.tgz#1f523d9fea8e8c6e4f5bb99fd768165af5845879"
-  integrity sha512-oouKUQWWHbSihqSD7mhymGPX1OQ4hedzAHyvm8RdyHh6m3oIvoRF+NM45i/bhNOlo8jCnuJhaSUf/6oDjv978g==
+vue-loader@16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0.tgz#7ec137c7f9029f2a5990f39dc5abbca06d60ba30"
+  integrity sha512-R20f4PWe34dqhTZ9tkyFd6nfjxEbLBHbFOsN38qg0Jl8GKMfmoyc/E8vVjjRkunE6qCydpPoH7f/tW13bD6+JA==
  dependencies:
    chalk "^4.1.0"
    hash-sum "^2.0.0"
    loader-utils "^2.0.0"

-vue-prism-editor@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-1.2.2.tgz#023cfd4329848f191aac851f2f5e6c7a8c2e059f"
-  integrity sha512-Lq2VgVygTx3Whn/tC8gD4m1ajA4lzSyCTqPLZA1Dq/ErbBaZA93FWRblwCoDR7AD2nXhGWuiTzb5ih3guzB7DA==
+vue-prism-editor@2.0.0-alpha.2:
+  version "2.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz#aa53a88efaaed628027cbb282c2b1d37fc7c5c69"
+  integrity sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==

-vue-router@4.0.0-rc.2:
-  version "4.0.0-rc.2"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.0-rc.2.tgz#8545cab76a05ca4f6dffbe6c6a671a4dbf585ab2"
-  integrity sha512-51mBp39rzBFpk1nyU9SkhPcwR67gBzWIH8p3pyeDmtNYgWzGF3q8MneD/xbMwsfTQkw2H1qBk6uwRaVy3M8Nxw==
+vue-router@4.0.0-rc.6:
+  version "4.0.0-rc.6"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.0-rc.6.tgz#8fa9e2d612c28ccf9b2bfa9421052932808ce24b"
+  integrity sha512-hVHC8A4/0yku1Z6+oUtX9odeHv78XwDI7putt1hd7os27P7mLabkjArN7f3TI3e/cz17MxAUz5Yp+m8ZE3sPsw==

 vue-style-loader@4.1.2:
  version "4.1.2"
@ -10429,22 +10282,14 @@ vue-style-loader@4.1.2:
    hash-sum "^1.0.2"
    loader-utils "^1.0.2"

-vue-template-compiler@2.6.12:
-  version "2.6.12"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.12.tgz#947ed7196744c8a5285ebe1233fe960437fcc57e"
-  integrity sha512-OzzZ52zS41YUbkCBfdXShQTe69j1gQDZ9HIX8miuC9C3rBCk9wIRjLiZZLrmX9V+Ftq/YEyv1JaVr5Y/hNtByg==
+vue@3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.4.tgz#872c65c143f5717bd5387c61613d9f55f4cc0f43"
+  integrity sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==
  dependencies:
-    de-indent "^1.0.2"
-    he "^1.1.0"
-
-vue@3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.2.tgz#9d5b7b2983f35e64a34d13c7c9d6831239feca3c"
-  integrity sha512-ciKFjutKRs+2Vbvgrist1oDd5wZQqtOel/K//ku54zLbf8tcTV+XbyAfanTHcTkML9CUj09vnC+y+5uaOz2/9g==
-  dependencies:
-    "@vue/compiler-dom" "3.0.2"
-    "@vue/runtime-dom" "3.0.2"
-    "@vue/shared" "3.0.2"
+    "@vue/compiler-dom" "3.0.4"
+    "@vue/runtime-dom" "3.0.4"
+    "@vue/shared" "3.0.4"

 vuex-persistedstate@3.1.0:
  version "3.1.0"
@ -10454,10 +10299,10 @@ vuex-persistedstate@3.1.0:
    deepmerge "^4.2.2"
    shvl "^2.0.0"

-vuex@4.0.0-rc.1:
-  version "4.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.0-rc.1.tgz#160cd5957972a61c7c01ab585995b78e092a298d"
-  integrity sha512-zgXVCQygF1Sm7ezyudEEMynoV2PBxZdcjE12D0BY1xIKZMrA7GFP6xqADTEAzwfVemXboExJ+/KThfxJFtM/5w==
+vuex@4.0.0-rc.2:
+  version "4.0.0-rc.2"
+  resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.0-rc.2.tgz#3681c84eb6f5171b039edaa17cc78105e20724f3"
+  integrity sha512-HCPzYGea1xL7fMpDoMiHKujC1Bi/HM9LS5ML0Kv55zQtZJvOl0Lq7eWvJoen+SI4Lf7p9V5AqcVsoLPXNBywjg==

 w3c-hr-time@^1.0.2:
  version "1.0.2"
@ -10545,10 +10390,10 @@ webpack-sources@^2.1.1:
    source-list-map "^2.0.1"
    source-map "^0.6.1"

-webpack@5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.6.0.tgz#282d10434c403b070ed91d459b385e873b51a07d"
-  integrity sha512-SIeFuBhuheKElRbd84O35UhKc0nxlgSwtzm2ksZ0BVhRJqxVJxEguT/pYhfiR0le/pxTa1VsCp7EOYyTsa6XOA==
+webpack@5.9.0:
+  version "5.9.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.9.0.tgz#af2e9cf9d6c7867cdcf214ea3bb5eb77aece6895"
+  integrity sha512-YnnqIV/uAS5ZrNpctSv378qV7HmbJ74DL+XfvMxzbX1bV9e7eeT6eEWU4wuUw33CNr/HspBh7R/xQlVjTEyAeA==
  dependencies:
    "@types/eslint-scope" "^3.7.0"
    "@types/estree" "^0.0.45"
@ -10570,7 +10415,7 @@ webpack@5.6.0:
    neo-async "^2.6.2"
    pkg-dir "^4.2.0"
    schema-utils "^3.0.0"
-    tapable "^2.0.0"
+    tapable "^2.1.1"
    terser-webpack-plugin "^5.0.3"
    watchpack "^2.0.0"
    webpack-sources "^2.1.1"
@ -10748,15 +10593,10 @@ write@1.0.3:
  dependencies:
    mkdirp "^0.5.1"

-ws@7.3.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.3.1.tgz#d0547bf67f7ce4f12a72dfe31262c68d7dc551c8"
-  integrity sha512-D3RuNkynyHmEJIpD2qrgVkc9DQ23OrN/moAwZX4L8DfvszsJxpjQuUq3LMx6HoYji9fbIOBY18XWBsAux1ZZUA==
-
-ws@^7.2.3:
-  version "7.2.5"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.5.tgz#abb1370d4626a5a9cd79d8de404aa18b3465d10d"
-  integrity sha512-C34cIU4+DB2vMyAbmEKossWq2ZQDr6QEyuuCzWrM9zfw1sGc0mYiJ0UnG9zzNykt49C2Fi34hvr2vssFQRS6EA==
+ws@7.4.0, ws@^7.2.3:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.0.tgz#a5dd76a24197940d4a8bb9e0e152bb4503764da7"
+  integrity sha512-kyFwXuV/5ymf+IXhS6f0+eAFvydbaBW3zjpT6hUdAh/hbVjTIB5EHBGi0bPoCLSK2wcuz3BrEkB9LrYv1Nm4NQ==

 xev@2.0.1:
  version "2.0.1"
Author	SHA1	Message	Date
syuilo	38b7f4364c	12.61.1	2020-12-03 23:08:42 +09:00
syuilo	3a33e406c7	Add suffix slot to MkLink	2020-12-03 23:06:46 +09:00
syuilo	8d0c5268d1	update deps	2020-12-03 22:57:47 +09:00
syuilo	08bec5abd9	New Crowdin updates (#6869 ) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian)	2020-12-03 22:54:00 +09:00
syuilo	cc4b6e5eea	🎨	2020-12-03 22:52:50 +09:00
dependabot-preview[bot]	e6cb07bef4	Merge pull request #6903 from syuilo/dependabot/npm_and_yarn/postcss-loader-4.1.0	2020-12-02 20:33:03 +00:00
dependabot-preview[bot]	249bfcc5f0	Bump postcss-loader from 4.0.4 to 4.1.0 Bumps [postcss-loader](https://github.com/webpack-contrib/postcss-loader) from 4.0.4 to 4.1.0. - [Release notes](https://github.com/webpack-contrib/postcss-loader/releases) - [Changelog](https://github.com/webpack-contrib/postcss-loader/blob/master/CHANGELOG.md) - [Commits](https://github.com/webpack-contrib/postcss-loader/compare/v4.0.4...v4.1.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-12-02 20:23:27 +00:00
dependabot-preview[bot]	108c4b4342	Merge pull request #6902 from syuilo/dependabot/npm_and_yarn/pg-8.5.1	2020-12-02 20:23:14 +00:00
dependabot-preview[bot]	38befa51ac	Bump pg from 8.4.2 to 8.5.1 Bumps [pg](https://github.com/brianc/node-postgres) from 8.4.2 to 8.5.1. - [Release notes](https://github.com/brianc/node-postgres/releases) - [Changelog](https://github.com/brianc/node-postgres/blob/master/CHANGELOG.md) - [Commits](https://github.com/brianc/node-postgres/compare/pg@8.4.2...pg@8.5.1) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-12-02 20:13:54 +00:00
dependabot-preview[bot]	6a76118710	Merge pull request #6898 from syuilo/dependabot/npm_and_yarn/eslint-7.14.0	2020-12-01 21:05:39 +00:00
dependabot-preview[bot]	f049694fa1	Bump eslint from 7.12.1 to 7.14.0 Bumps [eslint](https://github.com/eslint/eslint) from 7.12.1 to 7.14.0. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/master/CHANGELOG.md) - [Commits](https://github.com/eslint/eslint/compare/v7.12.1...v7.14.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-12-01 20:14:15 +00:00
dependabot-preview[bot]	515a6b74a2	Merge pull request #6892 from syuilo/dependabot/npm_and_yarn/webpack-5.9.0	2020-11-30 20:52:58 +00:00
dependabot-preview[bot]	d1291b3b4c	Bump webpack from 5.8.0 to 5.9.0 Bumps [webpack](https://github.com/webpack/webpack) from 5.8.0 to 5.9.0. - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](https://github.com/webpack/webpack/compare/v5.8.0...v5.9.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:45:20 +00:00
dependabot-preview[bot]	d2abc28a2b	Merge pull request #6895 from syuilo/dependabot/npm_and_yarn/markdown-it-anchor-6.0.1	2020-11-30 20:43:55 +00:00
dependabot-preview[bot]	12142f8c5e	Merge pull request #6893 from syuilo/dependabot/npm_and_yarn/types/ws-7.4.0	2020-11-30 20:43:01 +00:00
dependabot-preview[bot]	41d7a8de66	Bump @types/ws from 7.2.7 to 7.4.0 Bumps [@types/ws](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/ws) from 7.2.7 to 7.4.0. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/ws) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:33:08 +00:00
dependabot-preview[bot]	c7a65c13aa	Bump markdown-it-anchor from 6.0.0 to 6.0.1 Bumps [markdown-it-anchor](https://github.com/valeriangalliat/markdown-it-anchor) from 6.0.0 to 6.0.1. - [Release notes](https://github.com/valeriangalliat/markdown-it-anchor/releases) - [Changelog](https://github.com/valeriangalliat/markdown-it-anchor/blob/master/CHANGELOG.md) - [Commits](https://github.com/valeriangalliat/markdown-it-anchor/commits) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:31:09 +00:00
dependabot-preview[bot]	fbf0baadba	Merge pull request #6891 from syuilo/dependabot/npm_and_yarn/types/webpack-4.41.25	2020-11-30 20:30:45 +00:00
dependabot-preview[bot]	ea31e62795	Merge pull request #6890 from syuilo/dependabot/npm_and_yarn/types/parsimmon-1.10.4	2020-11-30 20:24:37 +00:00
dependabot-preview[bot]	910b145f42	Merge pull request #6889 from syuilo/dependabot/npm_and_yarn/types/bull-3.14.4	2020-11-30 20:23:15 +00:00
dependabot-preview[bot]	952a793f80	Merge pull request #6886 from syuilo/dependabot/npm_and_yarn/elastic/elasticsearch-7.10.0	2020-11-30 20:23:10 +00:00
dependabot-preview[bot]	46f2ffaa5c	Bump @types/webpack from 4.41.24 to 4.41.25 Bumps [@types/webpack](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/webpack) from 4.41.24 to 4.41.25. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/webpack) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:22:49 +00:00
dependabot-preview[bot]	45ba7989c1	Merge pull request #6887 from syuilo/dependabot/npm_and_yarn/nodemailer-6.4.16	2020-11-30 20:22:32 +00:00
dependabot-preview[bot]	c4cf3331e9	Bump @types/parsimmon from 1.10.2 to 1.10.4 Bumps [@types/parsimmon](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/parsimmon) from 1.10.2 to 1.10.4. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/parsimmon) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:16:00 +00:00
dependabot-preview[bot]	6d75ca0bcb	Bump @types/bull from 3.14.0 to 3.14.4 Bumps [@types/bull](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/bull) from 3.14.0 to 3.14.4. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/bull) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:15:30 +00:00
dependabot-preview[bot]	050fb55326	Bump nodemailer from 6.4.15 to 6.4.16 Bumps [nodemailer](https://github.com/nodemailer/nodemailer) from 6.4.15 to 6.4.16. - [Release notes](https://github.com/nodemailer/nodemailer/releases) - [Changelog](https://github.com/nodemailer/nodemailer/blob/master/CHANGELOG.md) - [Commits](https://github.com/nodemailer/nodemailer/compare/v6.4.15...v6.4.16) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:14:30 +00:00
dependabot-preview[bot]	9d1d9c3540	Bump @elastic/elasticsearch from 7.8.0 to 7.10.0 Bumps [@elastic/elasticsearch](https://github.com/elastic/elasticsearch-js) from 7.8.0 to 7.10.0. - [Release notes](https://github.com/elastic/elasticsearch-js/releases) - [Changelog](https://github.com/elastic/elasticsearch-js/blob/master/docs/breaking-changes.asciidoc) - [Commits](https://github.com/elastic/elasticsearch-js/compare/v7.8.0...v7.10.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-30 20:14:13 +00:00
syuilo	fdde966808	利用規約へのリンクをインスタンス情報ページに追加	2020-11-29 22:59:09 +09:00
syuilo	c6ce7b1045	Merge branch 'develop' of https://github.com/syuilo/misskey into develop	2020-11-29 22:38:39 +09:00
syuilo	ce743054d6	🎨	2020-11-29 22:37:56 +09:00
dependabot-preview[bot]	99970b6864	Bump @types/ratelimiter from 2.1.28 to 3.4.0 (#6882 ) Bumps [@types/ratelimiter](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/ratelimiter) from 2.1.28 to 3.4.0. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/ratelimiter) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>	2020-11-29 22:18:50 +09:00
syuilo	42110bcd33	Fix #6701	2020-11-29 22:13:10 +09:00
syuilo	9677b0bfb1	ユーザーページで横にページが広がる場合がある問題を修正	2020-11-29 21:53:21 +09:00
syuilo	a7762972fa	12.61.0	2020-11-29 19:27:24 +09:00
dependabot-preview[bot]	dda3b4152e	[Security] Bump systeminformation from 4.28.1 to 4.30.7 (#6885 ) Bumps [systeminformation](https://github.com/sebhildebrandt/systeminformation) from 4.28.1 to 4.30.7. This update includes a security fix. - [Release notes](https://github.com/sebhildebrandt/systeminformation/releases) - [Changelog](https://github.com/sebhildebrandt/systeminformation/blob/v4.30.7/CHANGELOG.md) - [Commits](https://github.com/sebhildebrandt/systeminformation/compare/v4.28.1...v4.30.7) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>	2020-11-29 18:53:04 +09:00
dependabot-preview[bot]	b7aa6d6c1f	Bump vue-router from 4.0.0-rc.2 to 4.0.0-rc.5 (#6877 ) Bumps [vue-router](https://github.com/vuejs/vue-router) from 4.0.0-rc.2 to 4.0.0-rc.5. - [Release notes](https://github.com/vuejs/vue-router/releases) - [Changelog](https://github.com/vuejs/vue-router/blob/dev/CHANGELOG.md) - [Commits](https://github.com/vuejs/vue-router/commits) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>	2020-11-29 18:52:16 +09:00
dependabot-preview[bot]	909a3b805f	Bump ws from 7.3.1 to 7.4.0 (#6875 ) Bumps [ws](https://github.com/websockets/ws) from 7.3.1 to 7.4.0. - [Release notes](https://github.com/websockets/ws/releases) - [Commits](https://github.com/websockets/ws/compare/7.3.1...7.4.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>	2020-11-29 18:51:30 +09:00
dependabot-preview[bot]	848d2e00e7	Merge pull request #6881 from syuilo/dependabot/npm_and_yarn/types/jsdom-16.2.5	2020-11-29 09:50:04 +00:00
dependabot-preview[bot]	642662941f	Merge pull request #6879 from syuilo/dependabot/npm_and_yarn/types/koa__multer-2.0.2	2020-11-29 09:43:59 +00:00
dependabot-preview[bot]	0028a529a8	Merge pull request #6876 from syuilo/dependabot/npm_and_yarn/types/fluent-ffmpeg-2.1.16	2020-11-29 09:40:29 +00:00
dependabot-preview[bot]	62131e864b	Merge pull request #6874 from syuilo/dependabot/npm_and_yarn/sass-loader-10.1.0	2020-11-29 09:38:45 +00:00
dependabot-preview[bot]	0c58b43831	Merge pull request #6873 from syuilo/dependabot/npm_and_yarn/types/redis-2.8.28	2020-11-29 09:37:10 +00:00
dependabot-preview[bot]	5a3d6c4fba	Bump @types/jsdom from 16.2.3 to 16.2.5 Bumps [@types/jsdom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/jsdom) from 16.2.3 to 16.2.5. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/jsdom) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:34:59 +00:00
dependabot-preview[bot]	a031fa3875	Merge pull request #6871 from syuilo/dependabot/npm_and_yarn/highlight.js-9.18.5	2020-11-29 09:34:35 +00:00
dependabot-preview[bot]	721ed97a83	Bump @types/koa__multer from 2.0.1 to 2.0.2 Bumps [@types/koa__multer](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/koa__multer) from 2.0.1 to 2.0.2. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/koa__multer) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:29:56 +00:00
dependabot-preview[bot]	944927ac2d	Bump @types/fluent-ffmpeg from 2.1.14 to 2.1.16 Bumps [@types/fluent-ffmpeg](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/fluent-ffmpeg) from 2.1.14 to 2.1.16. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/fluent-ffmpeg) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:28:32 +00:00
dependabot-preview[bot]	7705749d28	Bump sass-loader from 10.0.5 to 10.1.0 Bumps [sass-loader](https://github.com/webpack-contrib/sass-loader) from 10.0.5 to 10.1.0. - [Release notes](https://github.com/webpack-contrib/sass-loader/releases) - [Changelog](https://github.com/webpack-contrib/sass-loader/blob/master/CHANGELOG.md) - [Commits](https://github.com/webpack-contrib/sass-loader/compare/v10.0.5...v10.1.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:27:39 +00:00
dependabot-preview[bot]	cf7f42ebc4	Bump @types/redis from 2.8.25 to 2.8.28 Bumps [@types/redis](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/redis) from 2.8.25 to 2.8.28. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/redis) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:27:10 +00:00
dependabot-preview[bot]	f195968b6d	[Security] Bump highlight.js from 9.18.1 to 9.18.5 Bumps [highlight.js](https://github.com/highlightjs/highlight.js) from 9.18.1 to 9.18.5. This update includes a security fix. - [Release notes](https://github.com/highlightjs/highlight.js/releases) - [Changelog](https://github.com/highlightjs/highlight.js/blob/9.18.5/CHANGES.md) - [Commits](https://github.com/highlightjs/highlight.js/compare/9.18.1...9.18.5) Signed-off-by: dependabot-preview[bot] <support@dependabot.com>	2020-11-29 09:26:32 +00:00
syuilo	4d6bffdc8a	スクラッチパッドが動かないのを修正	2020-11-29 18:22:35 +09:00
syuilo	f62c6a05a9	Improve setting page	2020-11-29 18:06:35 +09:00
syuilo	fa550a2a78	note/clip/page タブをmobileでも	2020-11-29 17:47:49 +09:00
syuilo	960c27375c	🎨	2020-11-29 17:32:51 +09:00
syuilo	e87b3e2933	wip	2020-11-29 16:37:33 +09:00
syuilo	133766bf8c	Use BIZ UDGothic	2020-11-29 16:26:50 +09:00
syuilo	aa6b25e9e7	wip	2020-11-29 16:25:44 +09:00
syuilo	abde13221f	🎨	2020-11-29 12:46:05 +09:00
syuilo	cb17be5e2b	New Crowdin updates (#6867 ) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Ukrainian)	2020-11-29 12:40:21 +09:00
syuilo	17d62b689d	wip	2020-11-29 12:34:39 +09:00
syuilo	9bf5dc67f5	wip	2020-11-29 11:25:43 +09:00
syuilo	4eab9b4354	wip	2020-11-29 00:43:03 +09:00
syuilo	d39c153c57	wip	2020-11-29 00:18:54 +09:00
syuilo	e5992742d4	Update README.md	2020-11-28 18:20:38 +09:00
syuilo	72ed803c2a	12.60.1	2020-11-28 14:21:54 +09:00
syuilo	9ec0e59431	Merge branch 'develop' of https://github.com/syuilo/misskey into develop	2020-11-28 14:21:42 +09:00
syuilo	5328ed64f3	lint	2020-11-28 14:21:33 +09:00
syuilo	33e8d61d65	New Crowdin updates (#6855 ) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Spanish) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (German) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (German) * New translations ja-JP.yml (German) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (German) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (German) * New translations ja-JP.yml (Japanese, Kansai) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (Arabic) * New translations ja-JP.yml (Spanish) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Ukrainian)	2020-11-28 14:20:46 +09:00
MeiMei	3584786387	Use Node v14.15.1 (#6861 ) https://nodejs.org/en/blog/vulnerability/november-2020-security-releases/	2020-11-28 14:20:32 +09:00
syuilo	34f662ead5	Tweak wallpaperOverlay	2020-11-28 13:30:09 +09:00
syuilo	2d53481cf5	Update style.scss	2020-11-28 13:08:07 +09:00
syuilo	10fb029609	Resolve #6858	2020-11-28 13:05:57 +09:00
syuilo	0281961f15	Update about page	2020-11-28 12:44:39 +09:00
syuilo	fede4eeb89	wip	2020-11-28 12:19:57 +09:00
syuilo	ab50d5ef20	wip	2020-11-28 12:15:22 +09:00
syuilo	f4e02d4a4c	Tweak style	2020-11-28 11:53:18 +09:00
syuilo	167640df8d	Update vue	2020-11-28 11:53:08 +09:00
syuilo	fe01437aa4	Update about-misskey page	2020-11-28 11:52:57 +09:00
syuilo	037fce4d6a	Use BIZ UDPGothic	2020-11-27 21:44:14 +09:00