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.

78 lines
3.3 KiB

  1. - content_for :page_title do
  2. = site_hostname
  3. - content_for :header_tags do
  4. %script#initial-state{ type: 'application/json' }!= json_escape(@initial_state_json)
  5. = javascript_pack_tag 'about', integrity: true, crossorigin: 'anonymous'
  6. %meta{ property: 'og:site_name', content: site_title }/
  7. %meta{ property: 'og:url', content: about_url }/
  8. %meta{ property: 'og:type', content: 'website' }/
  9. %meta{ property: 'og:title', content: site_hostname }/
  10. %meta{ property: 'og:description', content: strip_tags(@instance_presenter.site_description.presence || t('about.about_mastodon_html')) }/
  11. %meta{ property: 'og:image', content: asset_pack_path('mastodon_small.jpg', protocol: :request) }/
  12. %meta{ property: 'og:image:width', content: '400' }/
  13. %meta{ property: 'og:image:height', content: '400' }/
  14. %meta{ property: 'twitter:card', content: 'summary' }/
  15. .landing-page
  16. .header-wrapper
  17. .mascot-container
  18. = image_tag asset_pack_path('elephant-fren.png'), alt: '', role: 'presentation', class: 'mascot'
  19. .header
  20. .container.links
  21. .brand
  22. = link_to root_url do
  23. = image_tag asset_pack_path('logo.svg'), alt: '', role: 'presentation'
  24. Mastodon
  25. %ul.nav
  26. %li
  27. - if user_signed_in?
  28. = link_to t('settings.back'), root_url, class: 'webapp-btn'
  29. - else
  30. = link_to t('auth.login'), new_user_session_path, class: 'webapp-btn'
  31. %li= link_to t('about.about_this'), about_more_path
  32. %li= link_to t('about.other_instances'), 'https://joinmastodon.org/'
  33. .container.hero
  34. .floats
  35. = image_tag asset_pack_path('cloud2.png'), alt: '', role: 'presentation', class: 'float-1'
  36. = image_tag asset_pack_path('cloud3.png'), alt: '', role: 'presentation', class: 'float-2'
  37. = image_tag asset_pack_path('cloud4.png'), alt: '', role: 'presentation', class: 'float-3'
  38. .heading
  39. %h1
  40. = @instance_presenter.site_title
  41. %small= t 'about.hosted_on', domain: site_hostname
  42. - if @instance_presenter.open_registrations
  43. = render 'registration'
  44. - else
  45. .closed-registrations-message
  46. %div
  47. - if @instance_presenter.closed_registrations_message.blank?
  48. %p= t('about.closed_registrations')
  49. - else
  50. = @instance_presenter.closed_registrations_message.html_safe
  51. = link_to t('about.find_another_instance'), 'https://joinmastodon.org/', class: 'button button-alternative button--block'
  52. .learn-more-cta
  53. .container
  54. %h3= t('about.description_headline', domain: site_hostname)
  55. %p= @instance_presenter.site_description.html_safe.presence || t('about.generic_description', domain: site_hostname)
  56. .features
  57. .container
  58. - if Setting.timeline_preview
  59. #mastodon-timeline{ data: { props: Oj.dump(default_props) } }
  60. .about-mastodon
  61. %h3= t 'about.what_is_mastodon'
  62. %p= t 'about.about_mastodon_html'
  63. %a.button.button-secondary{ href: 'https://joinmastodon.org/' }= t 'about.learn_more'
  64. = render 'features'
  65. .footer-links
  66. .container
  67. %p
  68. = link_to t('about.source_code'), 'https://github.com/tootsuite/mastodon'
  69. = " (#{@instance_presenter.version_number})"