Update about page layout
This commit is contained in:
parent
f43d4b8621
commit
c2d0ca7eed
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
|
@ -6,6 +6,10 @@
|
|||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&--fullheight {
|
||||
height: calc(100% - map-get($spacers, 3));
|
||||
}
|
||||
}
|
||||
|
||||
.card-header,
|
||||
|
|
|
@ -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")))
|
||||
|
|
Loading…
Reference in New Issue