2016-10-14 01:03:12 +02:00
|
|
|
- content_for :page_title do
|
2017-04-18 00:16:32 +02:00
|
|
|
= site_hostname
|
2016-10-14 01:03:12 +02:00
|
|
|
|
2016-12-15 00:59:49 +01:00
|
|
|
- content_for :header_tags do
|
2018-03-09 00:35:07 +01:00
|
|
|
%link{ rel: 'canonical', href: about_url }/
|
2017-07-14 11:08:56 +02:00
|
|
|
%script#initial-state{ type: 'application/json' }!= json_escape(@initial_state_json)
|
2017-10-11 00:52:25 +02:00
|
|
|
= render partial: 'shared/og'
|
2016-12-15 00:59:49 +01:00
|
|
|
|
2018-02-22 01:03:48 +01:00
|
|
|
.landing-page.alternative
|
|
|
|
.container
|
2018-02-26 16:19:07 +01:00
|
|
|
.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'
|
|
|
|
|
2018-02-22 01:03:48 +01:00
|
|
|
= render 'forms'
|
2017-03-21 19:18:37 +01:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
- else
|
|
|
|
.column-1.non-preview
|
|
|
|
.landing-page__forms
|
|
|
|
.brand
|
|
|
|
= link_to root_url do
|
|
|
|
= image_tag asset_pack_path('logo_full.svg'), alt: 'Mastodon'
|
2017-09-29 16:41:18 +02:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
= 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)
|
|
|
|
|
2018-03-13 08:14:08 +01:00
|
|
|
.landing-page__call-to-action{ dir: 'ltr' }
|
2018-02-22 01:03:48 +01:00
|
|
|
.row
|
2018-02-26 16:19:07 +01:00
|
|
|
.row__information-board
|
|
|
|
.information-board__section
|
|
|
|
%span= t 'about.user_count_before'
|
|
|
|
%strong= number_with_delimiter @instance_presenter.user_count
|
2018-08-22 19:42:47 +02:00
|
|
|
%span= t 'about.user_count_after', count: @instance_presenter.user_count
|
2018-02-26 16:19:07 +01:00
|
|
|
.information-board__section
|
|
|
|
%span= t 'about.status_count_before'
|
|
|
|
%strong= number_with_delimiter @instance_presenter.status_count
|
2018-08-22 19:42:47 +02:00
|
|
|
%span= t 'about.status_count_after', count: @instance_presenter.status_count
|
2018-02-26 16:19:07 +01:00
|
|
|
.row__mascot
|
|
|
|
.landing-page__mascot
|
2018-10-08 00:20:45 +02:00
|
|
|
= image_tag @instance_presenter.mascot&.file&.url || asset_pack_path('elephant_ui_plane.svg'), alt: ''
|
2017-09-29 16:41:18 +02:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
- 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
|
2017-03-21 19:18:37 +01:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
.landing-page__information
|
|
|
|
.landing-page__short-description
|
|
|
|
.row
|
|
|
|
.landing-page__logo
|
|
|
|
= image_tag asset_pack_path('logo_transparent.svg'), alt: 'Mastodon'
|
2017-03-21 19:18:37 +01:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
%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
|
2018-08-22 19:42:47 +02:00
|
|
|
%span= t 'about.user_count_after', count: @instance_presenter.user_count
|
2018-02-26 16:19:07 +01:00
|
|
|
.information-board__section
|
|
|
|
%span= t 'about.status_count_before'
|
|
|
|
%strong= number_with_delimiter @instance_presenter.status_count
|
2018-08-22 19:42:47 +02:00
|
|
|
%span= t 'about.status_count_after', count: @instance_presenter.status_count
|
2018-02-26 16:19:07 +01:00
|
|
|
.row__mascot
|
|
|
|
.landing-page__mascot
|
2018-10-08 00:20:45 +02:00
|
|
|
= image_tag @instance_presenter.mascot&.file&.url || asset_pack_path('elephant_ui_plane.svg'), alt: ''
|
2018-02-26 16:19:07 +01:00
|
|
|
|
|
|
|
- if Setting.timeline_preview
|
|
|
|
.column-3
|
|
|
|
#mastodon-timeline{ data: { props: Oj.dump(default_props) } }
|
|
|
|
|
|
|
|
- if Setting.timeline_preview
|
|
|
|
.column-4.landing-page__information
|
2018-02-22 01:03:48 +01:00
|
|
|
.landing-page__features
|
2018-03-07 08:59:27 +01:00
|
|
|
.features-list
|
|
|
|
%div
|
|
|
|
%h3= t 'about.what_is_mastodon'
|
|
|
|
%p= t 'about.about_mastodon_html'
|
2018-04-04 01:11:26 +02:00
|
|
|
%div.contact
|
|
|
|
%h3= t 'about.administered_by'
|
2018-08-09 12:58:20 +02:00
|
|
|
= account_link_to(@instance_presenter.contact_account, link_to(t('about.learn_more'), about_more_path, class: 'button button-alternative'))
|
2016-11-01 16:58:13 +01:00
|
|
|
|
2018-02-22 01:03:48 +01:00
|
|
|
= 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})"
|
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
- else
|
|
|
|
.column-4.non-preview.landing-page__information
|
|
|
|
.landing-page__features
|
2018-04-17 13:51:14 +02:00
|
|
|
.features-list
|
|
|
|
%div
|
|
|
|
%h3= t 'about.what_is_mastodon'
|
|
|
|
%p= t 'about.about_mastodon_html'
|
|
|
|
%div.contact
|
|
|
|
%h3= t 'about.administered_by'
|
2018-08-09 12:58:20 +02:00
|
|
|
= account_link_to(@instance_presenter.contact_account, link_to(t('about.learn_more'), about_more_path, class: 'button button-alternative'))
|
2018-02-22 01:03:48 +01:00
|
|
|
|
2018-02-26 16:19:07 +01:00
|
|
|
= 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})"
|
2018-05-08 13:33:09 +02:00
|
|
|
|
|
|
|
#modal-container
|