More instant frontpage-loading, and sorting frontpages on the backend for consistency

server/public/partials/frontpage/channel.handlebars

@@ -4,9 +4,9 @@
             <a class="chan-link" href="{{_id}}/">
                 <div class="chan-bg card-image cardbg" style="background-image:url({{thumbnail}});"></div>
                 <div class="card-content">
-                    {{#if pinned}}
-                        <i class="material-icons pin">star_rate</i>
-                    {{/if}}
+
+                        <i class="material-icons pin" style="{{#if pinned}}display:block;{{/if}}{{#unless pinned}}display:none;{{/unless}}">star_rate</i>
+                    
                     <p class="left-align">
                         <span class="chan-name flow-text truncate">{{_id}}</span>
                         <br>

server/public/partials/frontpage/channels.handlebars

@@ -1,10 +1,15 @@
 <div id="channel-list-container">
     <ul class="row" id="channels">
-        {{#each channels}}
-            {{#if frontpage}}
-                {{> frontpage/channel}}
-            {{/if}}
-        {{/each}}
+        {{#if channels_exist}}
+            {{#each channels}}
+                {{#if frontpage}}
+                    {{> frontpage/channel}}
+                {{/if}}
+            {{/each}}
+        {{/if}}
+        {{#unless channels_exist}}
+            No channels yet
+        {{/unless}}
     </ul>
     <div class="hidden-channel-list hide">
         <ul class="row" id="channels">
@@ -12,6 +17,6 @@
         </ul>
     </div>
     <script id="lists-script">
-        var lists = {{{channel_list}}}
+        window.lists = {{{channel_list}}}
     </script>
 </div>

server/public/partials/frontpage/header.handlebars

@@ -16,7 +16,7 @@
                 {{/if}}
                 <li class="hide-on-small-only"><a class="header-buttons waves-effect waves-cyan" id="offline-mode" title="Local mode" href="#">Local</a></li>
                 <li class="hide-on-small-only"><a class="header-buttons waves-effect waves-green" title="Remote control a Zoff player" href="https://remote.zoff.me">Remote</a></li>
-                <li class="hide-on-small-only"><a class="header-buttons modal-trigger waves-effect waves-orange" data-target="about">About</a></li>
+                <li class="hide-on-small-only"><a class="header-buttons modal-trigger waves-effect waves-orange about-button" data-target="about">About</a></li>
             </ul>
         </div>
     </nav>