first stab at recommended sites

6 files changed, 37 insertions, 20 deletions

diff --git a/templates/index.php b/templates/index.php
index 7829e41db..d68818f80 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -20,7 +20,8 @@ if (defined('DEBUG') && DEBUG === true) {
         'mobile',
         'navigation',
         'settings',
-        'shortcuts'
+        'shortcuts',
+        'explore'
     ]);
 
     script('news', 'build/app');
@@ -55,6 +56,7 @@ if (defined('DEBUG') && DEBUG === true) {
         <ul class="with-icon" data-id="0" news-droppable>
             <?php print_unescaped($this->inc('part.navigation.addfeed')) ?>
             <?php print_unescaped($this->inc('part.navigation.addfolder')) ?>
+            <?php print_unescaped($this->inc('part.navigation.explore')) ?>
             <?php print_unescaped($this->inc('part.navigation.unreadfeed')) ?>
             <?php print_unescaped($this->inc('part.navigation.starredfeed')) ?>
             <?php print_unescaped($this->inc(
@@ -76,12 +78,15 @@ if (defined('DEBUG') && DEBUG === true) {
     <script type="text/ng-template" id="shortcuts.html">
         <?php print_unescaped($this->inc('part.content.shortcuts')) ?>
     </script>
+    <script type="text/ng-template" id="explore.html">
+        <?php print_unescaped($this->inc('part.content.explore')) ?>
+    </script>
 
     <div id="app-content"
         ng-class="{
             'loading-content': App.loading.isLoading('content') &&
                                !App.loading.isLoading('global'),
-            'first-run': App.isFirstRun()
+            'explore': App.isFirstRun()
         }"
         tabindex="-1"
         news-pull-to-refresh="showPullToRefresh">
diff --git a/templates/part.content.explore.php b/templates/part.content.explore.php
new file mode 100644
index 000000000..e098bd9c4
--- /dev/null
+++ b/templates/part.content.explore.php
@@ -0,0 +1,23 @@
+<?php print_unescaped($this->inc('part.content.cronwarning')) ?>
+
+<div id="explore">
+    <div ng-repeat="(category, data) in Explore.sites" class="explore-section">
+        <h2>{{ category }}</h2>
+
+        <ul>
+            <li ng-repeat="entry in data | orderBy:votes:true">
+                <h3 ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}">
+                    {{ entry.title }}
+                </h3>
+                <div>
+                    {{ entry.description }}
+
+                    <img ng-src="{{ entry.image }}" ng-if="entry.image">
+                </div>
+                <div class="explore-subscribe">
+                    <button><?php p($l->t('Subscribe')) ?></button>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file
diff --git a/templates/part.content.firstrun.php b/templates/part.content.firstrun.php
deleted file mode 100644
index 0ed8a9f1e..000000000
--- a/templates/part.content.firstrun.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php if ($_['cronWarning'] !== 'ajaxCron') { ?>
-    <div id="first-run">
-        <div>
-            <div class="helper"><h1><?php p($l->t('Add a feed')) ?></h1></div>
-            <div class="title">
-                <h1>
-                    <?php
-                        p($l->t('There are no feeds yet. Go ahead and add some'))
-                    ?> :)
-                </h1>
-            </div>
-            <div class="helper">
-                <h1><?php p($l->t('Import feeds and articles')) ?></h1>
-            </div>
-        </div>
-    </div>
-<?php }; ?>
\ No newline at end of file
diff --git a/templates/part.content.php b/templates/part.content.php
index 661f11198..97378efa5 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -1,5 +1,4 @@
 <?php print_unescaped($this->inc('part.content.cronwarning')) ?>
-<?php print_unescaped($this->inc('part.content.firstrun')) ?>
 
 <div news-auto-focus="#app-content"
     id="articles"
diff --git a/templates/part.content.shortcuts.php b/templates/part.content.shortcuts.php
index 99cfa5428..d4a4796f7 100644
--- a/templates/part.content.shortcuts.php
+++ b/templates/part.content.shortcuts.php
@@ -1,3 +1,5 @@
+<?php print_unescaped($this->inc('part.content.cronwarning')) ?>
+
 <div id="app-shortcuts">
     <div>
         <table>
diff --git a/templates/part.navigation.explore.php b/templates/part.navigation.explore.php
new file mode 100644
index 000000000..92621ba46
--- /dev/null
+++ b/templates/part.navigation.explore.php
@@ -0,0 +1,5 @@
+<li ng-class="{active: Navigation.isExploreActive()}">
+    <a class="icon-link" ng-href="#/explore/">
+       <?php p($l->t('Explore')) ?>
+    </a>
+</li>
\ No newline at end of file