Improved company pages

This commit is contained in:
Eduard Urbach 2017-11-29 15:36:44 +01:00
parent c53ab95e1e
commit 85c185f0ae
4 changed files with 48 additions and 19 deletions

View File

@ -60,9 +60,7 @@
margin-top typography-margin
.character-sidebar
margin-left content-padding
margin-top 0
min-width 270px
sidebar
> 1400px
.character-sidebar

View File

@ -1,22 +1,31 @@
component CompanyPage(company *arn.Company, user *arn.User)
CompanyTabs(company, user)
h1= company.Name.English
.company-page
.company-header
h1.company-name= company.Name.English
.company-description
div!= markdown.Render(company.Description)
ul
each link in company.Links
li
a(href=link.URL, target="_blank", rel="noopener")= link.Title
.company-description
div!= markdown.Render(company.Description)
if company.Location.Latitude != 0 && company.Location.Longitude != 0
iframe.company-location.lazy(data-src="https://www.google.com/maps/embed/v1/place?q=" + toString(company.Location.Latitude) + "," + toString(company.Location.Longitude) + "&key=AIzaSyAsx6fhqRGaMLTixIJMIZBU4Mg6HJmvQf0")
h3 Anime
.company-anime
each anime in company.Anime()
a.company-anime-item.ajax(href=anime.Link(), title=anime.Title.ByUser(user))
img.company-anime-item-image.lazy(data-src=anime.Image("small"), data-webp="true", alt=anime.Title.ByUser(user))
.company-anime
each anime in company.Anime()
a.company-anime-item.ajax(href=anime.Link(), title=anime.Title.ByUser(user))
img.company-anime-item-image.lazy(data-src=anime.Image("small"), data-webp="true", alt=anime.Title.ByUser(user))
.company-sidebar
if company.Location.Latitude != 0 && company.Location.Longitude != 0
h3 Location
iframe.company-location.lazy(data-src="https://www.google.com/maps/embed/v1/place?q=" + toString(company.Location.Latitude) + "," + toString(company.Location.Longitude) + "&key=AIzaSyAsx6fhqRGaMLTixIJMIZBU4Mg6HJmvQf0")
if len(company.Links) > 0
h3 Links
ul
each link in company.Links
li
a(href=link.URL, target="_blank", rel="noopener")= link.Title
component CompanyTabs(company *arn.Company, user *arn.User)
.tabs

View File

@ -1,6 +1,23 @@
.company-page
vertical
.company-header
vertical
> 1250px
.company-page
horizontal
.company-sidebar
sidebar
> 1400px
.company-sidebar
min-width 300px
.company-name,
.company-description
max-width 700px
margin 0 auto
text-align left
.company-location
width 100%

View File

@ -64,6 +64,11 @@ mixin anime-mini-item-image
:hover
filter saturate(1.3)
mixin sidebar
margin-left content-padding
margin-top 0
min-width 270px
mixin bg-dark-up
background-color transparent
:hover