Update about page layout

This commit is contained in:
Andreas Nedbal 2022-04-17 17:34:09 +02:00 committed by Andreas Nedbal
parent f43d4b8621
commit c2d0ca7eed
3 changed files with 38 additions and 90 deletions

View File

@ -1,48 +1,22 @@
.entry {
$this: &;
margin: map-get($spacers, 4) 0;
&__value {
display: block;
text-align: center;
font-size: 4rem;
line-height: 1;
margin-bottom: 0;
}
&__description {
display: block;
color: var(--primary);
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: .8rem;
margin-top: 0px;
}
&--statistics {
#{$this}__value,
#{$this}__description {
display: block;
text-align: center;
}
#{$this}__value {
margin-top: map-get($spacers, 3);
}
#{$this}__description {
margin-bottom: map-get($spacers, 3);
}
}
&--users {
#{$this}__value,
#{$this}__description {
display: block;
text-align: center;
}
#{$this}__value {
font-size: 4rem;
margin-top: map-get($spacers, 3);
}
#{$this}__description {
margin-bottom: map-get($spacers, 3);
}
}
}

View File

@ -6,6 +6,10 @@
p:last-child {
margin-bottom: 0;
}
&--fullheight {
height: calc(100% - map-get($spacers, 3));
}
}
.card-header,

View File

@ -1,61 +1,31 @@
- provide(:title, generate_title('About'))
.jumbotron
.jumbotron__content
%h1= APP_CONFIG['site_name']
%p= t 'views.about.subtitle'
%h1= APP_CONFIG["site_name"]
%p= t(".subtitle")
.container
.card
.card-body
.row
.col-md-4
%h3= t 'views.about.links.title'
%p= t('views.about.links.desc', app_title: APP_CONFIG['site_name'])
.col-md-4.col-sm-6
%a{ href: 'https://twitter.com/retrospring' }
.icon--showcase
%i.fa.fa-twitter
%h4.heading-about.text-center
Twitter
.card
.card-body
.row
.col-md-4
%h3= t 'views.about.opensource.title'
%p= t('views.about.opensource.warning', app_title: APP_CONFIG['site_name'])
%p= raw t('views.about.opensource.desc',
app_title: APP_CONFIG['site_name'],
github: link_to(t('views.about.opensource.github'), 'https://github.com/Retrospring/retrospring'),
bugtracker: link_to(t('views.about.opensource.bugtracker'), 'https://github.com/Retrospring/retrospring/issues'))
.col-md-4
%a{ href: 'https://github.com/Retrospring/retrospring' }
.icon--showcase
%i.fa.fa-github
%h4.heading-about.text-center= t 'views.about.repository.title'
%p.text-center
%em= t 'views.about.repository.desc'
.card
.card-body
.row
.col-md-3.col-sm-12.col-xs-12
%h3= t 'views.about.statistics.title'
%p= t('views.about.statistics.desc', app_title: APP_CONFIG['site_name'])
.col-md-3.col-sm-6.col-xs-6
.entry.entry--statistics
%h2.entry__value#asked-count= @questions
%h4.entry__description= t('views.general.question').pluralize(@questions)
.entry.entry--statistics
%h2.entry__value#answered-count= @answers
%h4.entry__description= t('views.general.answer').pluralize(@answers)
.col-md-3.col-sm-6.col-xs-6
.entry.entry--statistics
%h2.entry__value#comment-count= @comments
%h4.entry__description= t('views.general.comment').pluralize(@comments)
.entry.entry--statistics
%h2.entry__value#smile-count= @smiles
%h4.entry__description= t('views.general.smile').pluralize(@smiles)
.col-md-3.col-sm-12.col-xs-12
.entry.entry--users
.entry__value#follower-count= @users
%h4.entry__description= t('views.general.user').pluralize(@users)
.row
.col-sm-8
.card.card--fullheight
.card-body
- if APP_CONFIG["about"].present?
= raw_markdown APP_CONFIG["about"]
- else
= t(".about_missing")
.col-sm-4
.card.card--fullheight
.card-body
%h2= t(".statistics.header")
%p= t(".statistics.body", app_name: APP_CONFIG["site_name"])
.entry
.entry__value= @questions
%h4.entry__description= Question.model_name.human(count: @questions)
.entry
.entry__value= @answers
%h4.entry__description= Answer.model_name.human(count: @answers)
.entry
.entry__value= @users
%h4.entry__description= User.model_name.human(count: @users)
= render 'shared/links'
= render "shared/links"
- provide(:title, generate_title(t(".title")))