Commit 16b074d5 authored by Eugen Rochko's avatar Eugen Rochko

Improve responsive design and put video on frontpage

parent 8bfd0179
......@@ -307,6 +307,11 @@ h4 {
padding-right: 0;
}
}
@media screen and (max-width: 375px) {
flex-wrap: wrap;
justify-content: center;
}
}
.page-heading,
......@@ -320,6 +325,7 @@ h4 {
font-size: 26px;
text-align: center;
color: $lightest;
line-height: 1.2;
small {
font-family: 'Roboto', sans-serif;
......@@ -382,6 +388,10 @@ h4 {
margin-left: 4px;
color: #fff;
}
@media screen and (max-width: 375px) {
margin-bottom: 10px;
}
}
}
......@@ -471,6 +481,12 @@ h4 {
&:first-child {
margin-right: 10px;
}
@media screen and (max-width: 375px) {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
}
.login-brand {
......@@ -549,12 +565,24 @@ h4 {
padding: 10px;
padding-top: 40px;
border-radius: 0 0 10px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title {
font-weight: 500;
color: $lightest;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.uri {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&:hover,
......@@ -662,14 +690,7 @@ h4 {
display: block;
text-decoration: none;
color: $white;
img {
width: 100%;
height: auto;
display: block;
margin: 0;
}
width: 100%;
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
......
......@@ -3,8 +3,7 @@
Find your friends on Mastodon
%small Login via Twitter to get started
= link_to 'https://joinmastodon.org', class: 'hero-link' do
= image_tag 'preview.jpg', alt: 'Elephant friend, paperplanes and a trombone with the Mastodon logo in the center'
%iframe.hero-link{ width: 600, height: 337, src: "https://www.youtube-nocookie.com/embed/IPSbNdBmWKE?rel=0&showinfo=0", frameborder: 0, allow: "autoplay; encrypted-media", allowfullscreen: true }
.login-buttons
= content_tag twitter? ? :div : :a, href: user_twitter_omniauth_authorize_path, class: 'twitter' do
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment