You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
3.1 KiB

  1. - content_for :page_title do
  2. = site_hostname
  3. - content_for :header_tags do
  4. %link{ rel: 'canonical', href: about_url }/
  5. = render partial: 'shared/og'
  6. .landing
  7. .landing__brand
  8. = link_to root_url, class: 'brand' do
  9. = image_pack_tag 'logo_full.svg', alt: 'Mastodon'
  10. %span.brand__tagline=t 'about.tagline'
  11. .landing__grid
  12. .landing__grid__column.landing__grid__column-registration
  13. .box-widget
  14. = render 'registration'
  15. .directory
  16. - if Setting.profile_directory
  17. .directory__tag
  18. = optional_link_to Setting.profile_directory, explore_path do
  19. %h4
  20. = fa_icon 'address-book fw'
  21. = t('about.discover_users')
  22. %small= t('about.browse_directory')
  23. .avatar-stack
  24. - @instance_presenter.sample_accounts.each do |account|
  25. = image_tag current_account&.user&.setting_auto_play_gif ? account.avatar_original_url : account.avatar_static_url, width: 48, height: 48, alt: '', class: 'account__avatar'
  26. - if Setting.timeline_preview
  27. .directory__tag
  28. = optional_link_to Setting.timeline_preview, public_timeline_path do
  29. %h4
  30. = fa_icon 'globe fw'
  31. = t('about.see_whats_happening')
  32. %small= t('about.browse_public_posts')
  33. .directory__tag
  34. = link_to 'https://joinmastodon.org/apps', target: '_blank', rel: 'noopener' do
  35. %h4
  36. = fa_icon 'tablet fw'
  37. = t('about.get_apps')
  38. %small= t('about.apps_platforms')
  39. .landing__grid__column.landing__grid__column-login
  40. .box-widget
  41. = render 'login'
  42. .hero-widget
  43. .hero-widget__img
  44. = image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url || asset_pack_path('media/images/preview.jpg'), alt: @instance_presenter.site_title
  45. - if @instance_presenter.site_short_description.present?
  46. .hero-widget__text
  47. %p
  48. = @instance_presenter.site_short_description.html_safe.presence
  49. = link_to about_more_path do
  50. = t('about.learn_more')
  51. = fa_icon 'angle-double-right'
  52. .hero-widget__footer
  53. .hero-widget__footer__column
  54. %h4= t 'about.administered_by'
  55. = account_link_to @instance_presenter.contact_account
  56. .hero-widget__footer__column
  57. %h4= t 'about.server_stats'
  58. %div{ style: 'display: flex' }
  59. .hero-widget__counter{ style: 'width: 50%' }
  60. %strong= number_to_human @instance_presenter.user_count, strip_insignificant_zeros: true
  61. %span= t 'about.user_count_after', count: @instance_presenter.user_count
  62. .hero-widget__counter{ style: 'width: 50%' }
  63. %strong= number_to_human @instance_presenter.active_user_count, strip_insignificant_zeros: true
  64. %span
  65. = t 'about.active_count_after'
  66. %abbr{ title: t('about.active_footnote') } *