Merge pull request #43 from omarroth/thin-mode

Add thin mode

src/invidious/views/components/subscription_video.ecr

@@ -1,7 +1,10 @@
 <div class="pure-u-1 pure-u-md-1-4">
     <div class="h-box">
         <a style="width:100%;" href="/watch?v=<%= video.id %>">
+            <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
+            <% else %>
             <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
+            <% end %>
             <p><%= video.title %></p>
         </a>
         <p>

src/invidious/views/components/video.ecr

@@ -1,7 +1,10 @@
 <div class="pure-u-1 pure-u-md-1-4">
     <div class="h-box">
         <a style="width:100%;" href="/watch?v=<%= video.id %>">
+            <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
+            <% else %>
             <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
+            <% end %>
             <p><%= video.title %></p>
         </a>
         <p>

src/invidious/views/preferences.ecr

@@ -53,6 +53,11 @@ function update_value(element) {
                 <input name="dark_mode" id="dark_mode" type="checkbox" <% if user.preferences.dark_mode %>checked<% end %>>
             </div>
 
+            <div class="pure-control-group">
+                <label for="thin_mode">Thin mode: </label>
+                <input name="thin_mode" id="thin_mode" type="checkbox" <% if user.preferences.thin_mode %>checked<% end %>>
+            </div>
+
             <legend>Subscription preferences</legend>
             <div class="pure-control-group">
                 <label for="max_results">Number of videos shown in feed: </label>

src/invidious/views/watch.ecr

@@ -280,7 +280,10 @@ String.prototype.supplant = function (o) {
         <% rvs.each do |rv| %>
             <% if rv.has_key?("id") %>
             <a href="/watch?v=<%= rv["id"] %>">
-                <img style="width:100%;" alt="thumbnail" src="<%= rv["iurlmq"] %>">
+                <% if preferences && preferences.thin_mode %>
+                <% else %>
+                <img style="width:100%;" src="<%= rv["iurlmq"] %>">
+                <% end %>
                 <p style="width:100%"><%= rv["title"] %></p>
                 <p>
                     <b style="width: 100%"><%= rv["author"] %></b>