about summary refs log tree commit diff
path: root/app/views/about/show.html.haml
blob: 12213cda298d085b9dd591c6ac33aa80c90bfd20 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
- content_for :page_title do
  = site_hostname

- content_for :header_tags do
  %link{ rel: 'canonical', href: about_url }/
  %script#initial-state{ type: 'application/json' }!= json_escape(@initial_state_json)
  = javascript_pack_tag 'about', integrity: true, crossorigin: 'anonymous'
  = render partial: 'shared/og'

.landing-page.alternative
  .container
    .grid
      .column-0
        .brand
          = link_to root_url do
            = image_tag asset_pack_path('logo_full.svg'), alt: 'Mastodon'

      - if Setting.timeline_preview
        .column-1
          .landing-page__forms
            .brand
              = link_to root_url do
                = image_tag asset_pack_path('logo_full.svg'), alt: 'Mastodon'

            = render 'forms'

      - else
        .column-1.non-preview
          .landing-page__forms
            .brand
              = link_to root_url do
                = image_tag asset_pack_path('logo_full.svg'), alt: 'Mastodon'

            = render 'forms'

      - if Setting.timeline_preview
        .column-2
          .landing-page__hero
            = image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url || asset_pack_path('preview.jpg'), alt: @instance_presenter.site_title

          .landing-page__information
            .landing-page__short-description
              .row
                .landing-page__logo
                  = image_tag asset_pack_path('logo_transparent.svg'), alt: 'Mastodon'

                %h1
                  = @instance_presenter.site_title
                  %small!= t 'about.hosted_on', domain: content_tag(:span, site_hostname)

              %p= @instance_presenter.site_description.html_safe.presence || t('about.generic_description', domain: site_hostname)

          .landing-page__call-to-action{ dir: 'ltr' }
            .row
              .row__information-board
                .information-board__section
                  %span= t 'about.user_count_before'
                  %strong= number_with_delimiter @instance_presenter.user_count
                  %span= t 'about.user_count_after'
                .information-board__section
                  %span= t 'about.status_count_before'
                  %strong= number_with_delimiter @instance_presenter.status_count
                  %span= t 'about.status_count_after'
              .row__mascot
                .landing-page__mascot
                  = image_tag asset_pack_path('elephant_ui_plane.svg')

      - else
        .column-2.non-preview
          .landing-page__hero
            = image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url || asset_pack_path('preview.jpg'), alt: @instance_presenter.site_title

          .landing-page__information
            .landing-page__short-description
              .row
                .landing-page__logo
                  = image_tag asset_pack_path('logo_transparent.svg'), alt: 'Mastodon'

                %h1
                  = @instance_presenter.site_title
                  %small!= t 'about.hosted_on', domain: content_tag(:span, site_hostname)

              %p= @instance_presenter.site_description.html_safe.presence || t('about.generic_description', domain: site_hostname)

          .landing-page__call-to-action
            .row
              .row__information-board
                .information-board__section
                  %span= t 'about.user_count_before'
                  %strong= number_with_delimiter @instance_presenter.user_count
                  %span= t 'about.user_count_after'
                .information-board__section
                  %span= t 'about.status_count_before'
                  %strong= number_with_delimiter @instance_presenter.status_count
                  %span= t 'about.status_count_after'
              .row__mascot
                .landing-page__mascot
                  = image_tag asset_pack_path('elephant_ui_plane.svg')

      - if Setting.timeline_preview
        .column-3
          #mastodon-timeline{ data: { props: Oj.dump(default_props) } }

      - if Setting.timeline_preview
        .column-4.landing-page__information
          .landing-page__features
            .features-list
              %div
                %h3= t 'about.what_is_mastodon'
                %p= t 'about.about_mastodon_html'
              %div.contact
                %h3= t 'about.administered_by'

                .account
                  .account__wrapper
                    - if @instance_presenter.contact_account
                      = link_to TagManager.instance.url_for(@instance_presenter.contact_account), class: 'account__display-name' do
                        .account__avatar-wrapper
                          .account__avatar{ style: "background-image: url(#{@instance_presenter.contact_account.avatar.url})" }
                        %span.display-name
                          %bdi
                            %strong.display-name__html.emojify= display_name(@instance_presenter.contact_account)
                          %span.display-name__account @#{@instance_presenter.contact_account.acct}
                    - else
                      .account__display-name
                        .account__avatar-wrapper
                          .account__avatar{ style: "background-image: url(#{full_asset_url('avatars/original/missing.png', skip_pipeline: true)})" }
                        %span.display-name
                          %strong= t 'about.contact_missing'
                          %span.display-name__account= t 'about.contact_unavailable'

                    = link_to t('about.learn_more'), about_more_path, class: 'button button-alternative'

            = render 'features'

            .landing-page__features__action
              = link_to t('about.learn_more'), 'https://joinmastodon.org/', class: 'button button-alternative'

          .landing-page__footer
            %p
              = link_to t('about.source_code'), @instance_presenter.source_url
              = " (#{@instance_presenter.version_number})"

      - else
        .column-4.non-preview.landing-page__information
          .landing-page__features
            %h3= t 'about.what_is_mastodon'
            %p= t 'about.about_mastodon_html'

            = render 'features'

            .landing-page__features__action
              = link_to t('about.learn_more'), 'https://joinmastodon.org/', class: 'button button-alternative'

          .landing-page__footer
            %p
              = link_to t('about.source_code'), @instance_presenter.source_url
              = " (#{@instance_presenter.version_number})"