From d575bf52bb134cd66e57a6e52215e1d4173f8ac5 Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Fri, 9 Oct 2020 17:37:14 +0200
Subject: Fix design of Explore page

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
 templates/part.content.explore.php | 57 ++++++++++----------------------------
 1 file changed, 15 insertions(+), 42 deletions(-)

(limited to 'templates')

diff --git a/templates/part.content.explore.php b/templates/part.content.explore.php
index 87a62259f..28f4e5d23 100644
--- a/templates/part.content.explore.php
+++ b/templates/part.content.explore.php
@@ -1,53 +1,26 @@
 <?php print_unescaped($this->inc('part.content.warnings')) ?>
 
 <div id="explore">
-    <!--<div class="explore-filter">
-        <label>
-            <input ng-model="Explore.filter" type="search" placeholder="<?php p(addslashes($l->t('filter'))) ?>" news-auto-focus>
-        </label>
-    </div>-->
-
-
-    <div class="explore-filter">
-        <label for="explorelanguagecode"><?php p($l->t('Language')) ?>: </label>
-        <select id="explorelanguagecode" name="explorelanguagecode"
-                ng-change="Explore.showLanguage(Explore.selectedLanguageCode)"
-                ng-options="language as language for language in Explore.getSupportedLanguageCodes()"
-                ng-model="Explore.selectedLanguageCode"></select>
-    </div>
     <div class="grid">
         <div ng-repeat="entry in Explore.feeds | filter:Explore.filter | orderBy:'-votes'" ng-show="!Explore.feedExists(entry.feed)" class="explore-feed grid-item" news-refresh-masonry>
-            <div class="category-wrapper">
-                <div class="category">
-                    {{ entry.category }}
-                </div>
-            </div>
-            <div class="grid-item-content">
-                <h1 ng-show="entry.favicon"
-                    ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}">
-                    <a target="_blank" rel="noreferrer" ng-href="{{ entry.url }}">{{ entry.title }}</a>
-                </h1>
-                <h1 ng-hide="entry.favicon" class="icon-rss">
-                    {{ entry.title }}
-                </h1>
-                <div style="clear:both"></div>
-                <div class="explore-content">
-                    <p>{{ entry.description }}</p>
+            <h2 ng-show="entry.favicon"
+				class="explore-title"
+                ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}">
+                <a target="_blank" rel="noreferrer" ng-href="{{ entry.url }}">{{ entry.title }}</a>
+            </h2>
+            <h2 ng-hide="entry.favicon" class="icon-rss explore-title">
+                {{ entry.title }}
+            </h2>
+            <div class="explore-content">
+                <p>{{ entry.description }}</p>
 
-                    <div class="explore-logo">
-                        <img ng-src="{{ entry.image }}" ng-if="entry.image">
-                    </div>
-                </div>
-                <div class="explore-subscribe">
-                    <button ng-click="Explore.subscribeTo(entry.feed)">
-                        <?php p($l->t('Subscribe')) ?>
-                    </button>
+                <div ng-if="entry.image" class="explore-logo">
+                    <img ng-src="{{ entry.image }}" >
                 </div>
             </div>
+            <button class="explore-subscribe" ng-click="Explore.subscribeTo(entry.feed)">
+                <?php p($l->t('Subscribe to')) ?> {{ entry.title }}
+            </button>
         </div>
     </div>
-
-    <div class="explore-footer">
-        <a target="_blank" rel="noreferrer" href="https://github.com/nextcloud/news/tree/master/docs/explore"><?php p($l->t('Got more awesome feeds? Share them with us!')) ?></a>
-    </div>
 </div>
-- 
cgit v1.2.3