make message more compact

This commit is contained in:
girst 2019-10-22 19:14:15 +02:00
parent 8c0222a27a
commit c5f0798328
4 changed files with 2 additions and 23 deletions

View File

@ -35,7 +35,3 @@ textarea {
background-color: inherit;
color: inherit;
}
.welcome-box {
background-image: linear-gradient(45deg, #111, #666);
}

View File

@ -14,7 +14,3 @@ a:not([data-id]) > .icon,
.playlist-restricted > ol > li > a {
color: #303030;
}
.welcome-box {
background-image: linear-gradient(45deg, #fff, #ccc);
}

View File

@ -1,8 +1,4 @@
<% if !env.get("preferences").as(Preferences).dismissals.split(",").includes?("welcome") %>
<div id="feed-menu" class="h-box pure-g hidden">
<% else %>
<div id="feed-menu" class="h-box pure-g">
<% end %>
<div class="pure-u-1 pure-u-md-1-4"></div>
<div class="pure-u-1 pure-u-md-1-2">
<div class="pure-g">

View File

@ -2,17 +2,8 @@
<div class="infobox welcome-box">
<a id="dismiss_welcome" class="pure-button" href="/dismiss_info?name=welcome&amp;referer=<%= env.get?("current_page") %>">dismiss</a>
<h1>Welcome to Invidious</h1>
<p>Invidious is a community developed Youtube-player, that respects your privacy. Features include:
<ul>
<li>Ad-free
<li>Audio-only mode
<li>Works without Javascript
<li>No Google account required
<li>Download video, audio and subtitles
<li><a href="https://github.com/omarroth/invidious/blob/master/README.md">and many more!</a>
</ul>
<p><a href="/login?referer=%2Fdata_control" class="pure-button pure-button-primary" id="call_to_action">create an account and import your subscriptions now</a>
<p>Watch Youtube-videos <em>Ad-free</em>, <em>download videos, audio and subitles</em> and <em>subscribe to channels</em> without Google tracking you.
<p><a href="https://github.com/omarroth/invidious/blob/master/README.md">Click to learn more</a> or <a href="/login?referer=%2Fdata_control" id="call_to_action">create an account to import your subscriptions</a>.
</div>
<div class="pure-u-1 pure-u-md-1-4"></div>
<p>Here is a selection of videos that our community is interested in:
</div>