Websites
/
lektor-website
mirror of https://github.com/lektor/lektor-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes for mobile

This commit is contained in:
Armin Ronacher 2015-12-27 13:44:15 +01:00
parent 9b7efa9328
commit 58be61f2c0
4 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/static/styles.css
View File

File diff suppressed because one or more lines are too long

4
content/contents.lr
View File

@ -7,7 +7,7 @@ body:
#### banner #### #### banner ####
image: header.jpg image: header.jpg
---- ----
height: 500 height: 500-tall
---- ----
contents: contents:
@ -19,8 +19,6 @@ contents:
a flexible and powerful static content management system for building a flexible and powerful static content management system for building
complex and beautiful websites out of flat files — for people who do complex and beautiful websites out of flat files — for people who do
not want to make a compromise between a CMS and a static blog engine. not want to make a compromise between a CMS and a static blog engine.
<p>
<a href="docs/what/">Read about what makes Lektor different</a>.
</div> </div>
<div class="col-md-4 visible-md-block visible-lg-block"> <div class="col-md-4 visible-md-block visible-lg-block">
<div class="download-btn"><a href="download/" <div class="download-btn"><a href="download/"

4
flowblocks/banner.ini
View File

@ -11,8 +11,8 @@ width = 3/4
[fields.height] [fields.height]
label = Height label = Height
type = select type = select
choices = 500, 300 choices = 500-tall, 500, 300
choice_labels = 500px, 300px choice_labels = 500px tall, 500px, 300px
default = 300 default = 300
width = 1/4 width = 1/4

15
webpack/scss/main.scss
View File

@ -265,6 +265,12 @@ div.page-banner {
margin-top: 0; margin-top: 0;
} }
&.page-banner-500-tall {
height: 500px;
@media (max-width: $screen-xs-max) { height: 400px; }
}
&.page-banner-500 { &.page-banner-500 {
height: 500px; height: 500px;
@ -461,7 +467,7 @@ div.lektor-intro {
height: 100%; height: 100%;
//background: #3D2824; //background: #3D2824;
img { img.logo {
margin-left: -80px; margin-left: -80px;
max-height: 300px; max-height: 300px;
max-width: 700px; max-width: 700px;
@ -473,13 +479,14 @@ div.lektor-intro {
} }
p { p {
text-shadow: 0 0 3px #3D3639; text-shadow: 0 0 50px #2D282A, 0 0 30px #2D282A, 0 0 2px #2D282A;
color: white; color: white;
} }
a { a {
color: white; color: white;
font-weight: bold; font-weight: bold;
text-decoration: underline;
} }
div.install-row { div.install-row {
@ -499,6 +506,10 @@ div.lektor-intro {
left: 10px; left: 10px;
right: 10px; right: 10px;
} }
@media (max-width: $screen-sm-max) {
display: none;
}
} }
} }