diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 50267422553b65802915e2ec405353edcc1c1647..6fa3c8dff2987b4385561b96966a13c559f5dd39 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3629,3 +3629,12 @@ button.icon-button.active i.fa-retweet { border-color: transparent transparent $ui-base-color; } } + +noscript { + text-align: center; + + div { + font-size: 20px; + margin: 20px 0; + } +} diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index 87cfcaff401fcce9303f4621bbe0f7a8127dfdd1..33c978c891c52ec0d296051ff716355b8b6b342b 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -4,3 +4,7 @@ = javascript_pack_tag 'application', integrity: true, crossorigin: 'anonymous' .app-holder#mastodon{ data: { props: Oj.dump(default_props) } } + %noscript + = image_tag asset_pack_path('logo.png') + %div + = t('errors.noscript') diff --git a/config/locales/en.yml b/config/locales/en.yml index 965bfbe477e748bd8dca43975664ef8327ea95b9..6ea2eb6c176a1624ed8c8a80680c7682153c4a7e 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -231,6 +231,7 @@ en: content: Security verification failed. Are you blocking cookies? title: Security verification failed '429': Throttled + noscript: To use Mastodon, please enable JavaScript. exports: blocks: You block csv: CSV