aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/data/.gitignore1
-rw-r--r--public/data/Configuration.array.php23
-rwxr-xr-xpublic/index.php26
-rw-r--r--public/install.php493
-rw-r--r--public/theme/freshrss.css452
-rw-r--r--public/theme/global.css (renamed from public/theme/base.css)449
-rw-r--r--public/theme/icons/category.svg31
-rw-r--r--public/theme/icons/rss.svg32
-rw-r--r--public/theme/icons/share.svg34
9 files changed, 1096 insertions, 445 deletions
diff --git a/public/data/.gitignore b/public/data/.gitignore
new file mode 100644
index 000000000..72e8ffc0d
--- /dev/null
+++ b/public/data/.gitignore
@@ -0,0 +1 @@
+*
diff --git a/public/data/Configuration.array.php b/public/data/Configuration.array.php
deleted file mode 100644
index ce5a1a8ee..000000000
--- a/public/data/Configuration.array.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-return array (
- 'posts_per_page' => 20,
- 'default_view' => 'not_read',
- 'display_posts' => 'no',
- 'sort_order' => 'low_to_high',
- 'old_entries' => 3,
- 'mail_login' => '',
- 'shortcuts' => array (
- 'mark_read' => 'r',
- 'mark_favorite' => 'f',
- 'go_website' => 'space',
- 'next_entry' => 'j',
- 'prev_entry' => 'k',
- 'next_page' => 'right',
- 'prev_page' => 'left',
- ),
- 'mark_when' => array (
- 'article' => 'yes',
- 'site' => 'yes',
- 'page' => 'no',
- ),
-);
diff --git a/public/index.php b/public/index.php
index 330843719..4e39d028e 100755
--- a/public/index.php
+++ b/public/index.php
@@ -25,16 +25,20 @@ define ('APP_PATH', realpath (PUBLIC_PATH . '/../app'));
define ('LOG_PATH', realpath (PUBLIC_PATH . '/../log'));
define ('CACHE_PATH', realpath (PUBLIC_PATH . '/../cache'));
-set_include_path (get_include_path ()
- . PATH_SEPARATOR
- . LIB_PATH
- . PATH_SEPARATOR
- . LIB_PATH . '/minz'
- . PATH_SEPARATOR
- . APP_PATH);
+if (file_exists (PUBLIC_PATH . '/install.php')) {
+ include ('install.php');
+} else {
+ set_include_path (get_include_path ()
+ . PATH_SEPARATOR
+ . LIB_PATH
+ . PATH_SEPARATOR
+ . LIB_PATH . '/minz'
+ . PATH_SEPARATOR
+ . APP_PATH);
-require (APP_PATH . '/App_FrontController.php');
+ require (APP_PATH . '/App_FrontController.php');
-$front_controller = new App_FrontController ();
-$front_controller->init ();
-$front_controller->run ();
+ $front_controller = new App_FrontController ();
+ $front_controller->init ();
+ $front_controller->run ();
+}
diff --git a/public/install.php b/public/install.php
new file mode 100644
index 000000000..7065e3a77
--- /dev/null
+++ b/public/install.php
@@ -0,0 +1,493 @@
+<?php
+
+session_start ();
+
+if (isset ($_GET['step'])) {
+ define ('STEP', $_GET['step']);
+} else {
+ define ('STEP', 1);
+}
+
+define ('SQL_REQ', 'CREATE TABLE IF NOT EXISTS `category` (
+ `id` varchar(6) NOT NULL,
+ `name` varchar(255) NOT NULL,
+ `color` varchar(7) NOT NULL,
+ PRIMARY KEY (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+CREATE TABLE IF NOT EXISTS `entry` (
+ `id` varchar(6) NOT NULL,
+ `guid` text NOT NULL,
+ `title` varchar(255) NOT NULL,
+ `author` varchar(255) NOT NULL,
+ `content` text NOT NULL,
+ `link` text NOT NULL,
+ `date` int(11) NOT NULL,
+ `is_read` int(11) NOT NULL,
+ `is_favorite` int(11) NOT NULL,
+ `is_public` int(1) NOT NULL,
+ `id_feed` varchar(6) NOT NULL,
+ `annotation` text NOT NULL,
+ `tags` text NOT NULL,
+ `lastUpdate` int(11) NOT NULL,
+ PRIMARY KEY (`id`),
+ KEY `id_feed` (`id_feed`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+CREATE TABLE IF NOT EXISTS `feed` (
+ `id` varchar(6) NOT NULL,
+ `url` text NOT NULL,
+ `category` varchar(6) DEFAULT \'000000\',
+ `name` varchar(255) NOT NULL,
+ `website` text NOT NULL,
+ `description` text NOT NULL,
+ `lastUpdate` int(11) NOT NULL,
+ `priority` int(2) NOT NULL DEFAULT \'10\',
+ `pathEntries` varchar(500) DEFAULT NULL,
+ `httpAuth` varchar(500) DEFAULT NULL,
+ `error` int(1) NOT NULL DEFAULT \'0\',
+ PRIMARY KEY (`id`),
+ KEY `category` (`category`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+ALTER TABLE `entry`
+ ADD CONSTRAINT `entry_ibfk_1` FOREIGN KEY (`id_feed`) REFERENCES `feed` (`id`) ON DELETE CASCADE ON UPDATE CASCADE;
+ALTER TABLE `feed`
+ ADD CONSTRAINT `feed_ibfk_4` FOREIGN KEY (`category`) REFERENCES `category` (`id`) ON DELETE SET NULL ON UPDATE CASCADE;');
+
+function writeLine ($f, $line) {
+ fwrite ($f, $line . "\n");
+}
+function writeArray ($f, $array) {
+ foreach ($array as $key => $val) {
+ if (is_array ($val)) {
+ writeLine ($f, '\'' . $key . '\' => array (');
+ writeArray ($f, $val);
+ writeLine ($f, '),');
+ } else {
+ writeLine ($f, '\'' . $key . '\' => \'' . $val . '\',');
+ }
+ }
+}
+
+/*** SAUVEGARDES ***/
+function saveStep2 () {
+ if (!empty ($_POST)) {
+ if (empty ($_POST['sel']) ||
+ empty ($_POST['title']) ||
+ empty ($_POST['old_entries'])) {
+ return false;
+ }
+
+ $_SESSION['sel'] = $_POST['sel'];
+ $_SESSION['base_url'] = $_POST['base_url'];
+ $_SESSION['title'] = $_POST['title'];
+ $_SESSION['old_entries'] = $_POST['old_entries'];
+ if (!is_int (intval ($_SESSION['old_entries'])) ||
+ $_SESSION['old_entries'] < 1) {
+ $_SESSION['old_entries'] = 3;
+ }
+ $_SESSION['mail_login'] = $_POST['mail_login'];
+
+ $file_data = PUBLIC_PATH . '/data/Configuration.array.php';
+
+ $f = fopen ($file_data, 'w');
+ writeLine ($f, '<?php');
+ writeLine ($f, 'return array (');
+ writeArray ($f, array (
+ 'old_entries' => $_SESSION['old_entries'],
+ 'mail_login' => $_SESSION['mail_login']
+ ));
+ writeLine ($f, ');');
+ fclose ($f);
+
+ header ('Location: index.php?step=3');
+ }
+}
+function saveStep3 () {
+ if (!empty ($_POST)) {
+ if (empty ($_POST['host']) ||
+ empty ($_POST['user']) ||
+ empty ($_POST['pass']) ||
+ empty ($_POST['base'])) {
+ return false;
+ }
+
+ $_SESSION['bd_host'] = $_POST['host'];
+ $_SESSION['bd_user'] = $_POST['user'];
+ $_SESSION['bd_pass'] = $_POST['pass'];
+ $_SESSION['bd_name'] = $_POST['base'];
+
+ $file_conf = APP_PATH . '/configuration/application.ini';
+ $f = fopen ($file_conf, 'w');
+ writeLine ($f, '[general]');
+ writeLine ($f, 'environment = "production"');
+ writeLine ($f, 'use_url_rewriting = false');
+ writeLine ($f, 'sel_application = "' . $_SESSION['sel'] . '"');
+ writeLine ($f, 'base_url = "' . $_SESSION['base_url'] . '"');
+ writeLine ($f, 'title = "' . $_SESSION['title'] . '"');
+ writeLine ($f, '[db]');
+ writeLine ($f, 'host = "' . $_SESSION['bd_host'] . '"');
+ writeLine ($f, 'user = "' . $_SESSION['bd_user'] . '"');
+ writeLine ($f, 'password = "' . $_SESSION['bd_pass'] . '"');
+ writeLine ($f, 'base = "' . $_SESSION['bd_name'] . '"');
+ fclose ($f);
+
+ $res = checkBD ();
+
+ if ($res) {
+ header ('Location: index.php?step=4');
+ }
+ }
+}
+function deleteInstall () {
+ $res = unlink (PUBLIC_PATH . '/install.php');
+ if ($res) {
+ header ('Location: index.php');
+ }
+}
+
+/*** VÉRIFICATIONS ***/
+function checkStep () {
+ $s1 = checkStep1 ();
+ $s2 = checkStep2 ();
+ $s3 = checkStep3 ();
+ if (STEP > 1 && $s1['all'] != 'ok') {
+ header ('Location: index.php?step=1');
+ } elseif (STEP > 2 && $s2['all'] != 'ok') {
+ header ('Location: index.php?step=2');
+ } elseif (STEP > 3 && $s3['all'] != 'ok') {
+ header ('Location: index.php?step=3');
+ }
+}
+function checkStep1 () {
+ $php = version_compare (PHP_VERSION, '5.1.0') >= 0;
+ $minz = file_exists (LIB_PATH . '/minz');
+ $curl = extension_loaded ('curl');
+ $pdo = extension_loaded ('pdo_mysql');
+ $cache = CACHE_PATH && is_writable (CACHE_PATH);
+ $log = LOG_PATH && is_writable (LOG_PATH);
+ $conf = APP_PATH && is_writable (APP_PATH . '/configuration');
+ $data = is_writable (PUBLIC_PATH . '/data');
+
+ return array (
+ 'php' => $php ? 'ok' : 'ko',
+ 'minz' => $minz ? 'ok' : 'ko',
+ 'curl' => $curl ? 'ok' : 'ko',
+ 'pdo-mysql' => $pdo ? 'ok' : 'ko',
+ 'cache' => $cache ? 'ok' : 'ko',
+ 'log' => $log ? 'ok' : 'ko',
+ 'configuration' => $conf ? 'ok' : 'ko',
+ 'data' => $data ? 'ok' : 'ko',
+ 'all' => $php && $minz && $curl && $pdo && $cache && $log && $conf && $data ? 'ok' : 'ko'
+ );
+}
+function checkStep2 () {
+ $conf = isset ($_SESSION['sel']) &&
+ isset ($_SESSION['base_url']) &&
+ isset ($_SESSION['title']) &&
+ isset ($_SESSION['old_entries']) &&
+ isset ($_SESSION['mail_login']);
+ $data = file_exists (PUBLIC_PATH . '/data/Configuration.array.php');
+
+ return array (
+ 'conf' => $conf ? 'ok' : 'ko',
+ 'data' => $data ? 'ok' : 'ko',
+ 'all' => $conf && $data ? 'ok' : 'ko'
+ );
+}
+function checkStep3 () {
+ $conf = file_exists (APP_PATH . '/configuration/application.ini');
+ $bd = isset ($_SESSION['bd_host']) &&
+ isset ($_SESSION['bd_user']) &&
+ isset ($_SESSION['bd_pass']) &&
+ isset ($_SESSION['bd_name']);
+
+ return array (
+ 'bd' => $bd ? 'ok' : 'ko',
+ 'conf' => $conf ? 'ok' : 'ko',
+ 'all' => $bd && $conf ? 'ok' : 'ko'
+ );
+}
+function checkBD () {
+ $error = false;
+
+ try {
+ $c = new PDO ('mysql:host=' . $_SESSION['bd_host'] . ';dbname=' . $_SESSION['bd_name'],
+ $_SESSION['bd_user'],
+ $_SESSION['bd_pass']);
+
+ $res = $c->query (SQL_REQ);
+
+ if (!$res) {
+ $error = true;
+ }
+ } catch (PDOException $e) {
+ $error = true;
+ }
+
+ if ($error && file_exists (APP_PATH . '/configuration/application.ini')) {
+ unlink (APP_PATH . '/configuration/application.ini');
+ }
+
+ return !$error;
+}
+
+/*** AFFICHAGE ***/
+function printStep1 () {
+ $res = checkStep1 ();
+?>
+ <noscript><p class="alert alert-warn"><span class="alert-head">Attention !</span> FreshRSS est plus agréable à utiliser avec le Javascript d'activé</p></noscript>
+
+ <?php if ($res['php'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Votre version de PHP est la <?php echo PHP_VERSION; ?> et est compatible avec FreshRSS</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Votre version de PHP est la <?php echo PHP_VERSION; ?>. Vous devriez avoir au moins la version 5.1.0</p>
+ <?php } ?>
+
+ <?php if ($res['minz'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Vous disposez du framework Minz</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Vous ne disposez pas de la librairie Minz. Vous devriez exécuter le script <em>build.sh</em> ou bien <a href="https://github.com/marienfressinaud/MINZ">la télécharger sur Github</a> et installer dans le répertoire <em><?php echo LIB_PATH . '/minz'; ?></em> le contenu de son répertoire <em>/lib</em>.</p>
+ <?php } ?>
+
+ <?php $version = curl_version(); ?>
+ <?php if ($res['curl'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Vous disposez de cURL dans sa version <?php echo $version['version']; ?></p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Vous ne disposez pas de cURL</p>
+ <?php } ?>
+
+ <?php if ($res['pdo-mysql'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Vous disposez de PDO et de son driver pour MySQL</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Vous ne disposez pas de PDO ou de son driver pour MySQL</p>
+ <?php } ?>
+
+ <?php if ($res['cache'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Les droits sur le répertoire de cache sont bons</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Veuillez vérifier les droits sur le répertoire <em><?php echo PUBLIC_PATH . '/../cache'; ?></em>. Le serveur HTTP doit être capable d'écrire dedans</p>
+ <?php } ?>
+
+ <?php if ($res['log'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Les droits sur le répertoire des logs sont bons</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Veuillez vérifier les droits sur le répertoire <em><?php echo PUBLIC_PATH . '/../log'; ?></em>. Le serveur HTTP doit être capable d'écrire dedans</p>
+ <?php } ?>
+
+ <?php if ($res['configuration'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Les droits sur le répertoire de configuration sont bons</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Veuillez vérifier les droits sur le répertoire <em><?php echo APP_PATH . '/configuration'; ?></em>. Le serveur HTTP doit être capable d'écrire dedans</p>
+ <?php } ?>
+
+ <?php if ($res['data'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> Les droits sur le répertoire de data sont bons</p>
+ <?php } else { ?>
+ <p class="alert alert-error"><span class="alert-head">Arf !</span> Veuillez vérifier les droits sur le répertoire <em><?php echo PUBLIC_PATH . '/data'; ?></em>. Le serveur HTTP doit être capable d'écrire dedans</p>
+ <?php } ?>
+
+ <?php if ($res['all'] == 'ok') { ?>
+ <a class="btn btn-important next-step" href="?step=2">Passer à l'étape suivante</a>
+ <?php } else { ?>
+ Veuillez corriger les erreurs avant de passer à l'étape suivante.
+ <?php } ?>
+<?php
+}
+
+function printStep2 () {
+?>
+ <?php $s2 = checkStep2 (); if ($s2['all'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> La configuration générale a été enregistrée.</p>
+ <?php } ?>
+
+ <form action="index.php?step=2" method="post">
+ <legend>Configuration générale</legend>
+ <div class="form-group">
+ <label class="group-name" for="sel">Chaîne aléatoire</label>
+ <div class="group-controls">
+ <input type="text" id="sel" name="sel" value="<?php echo isset ($_SESSION['sel']) ? $_SESSION['sel'] : '123~abcdefghijklmnopqrstuvwxyz~321'; ?>" /> <i class="icon i_help"></i> Vous devriez changer cette valeur par n'importe quelle autre
+ </div>
+ </div>
+
+ <?php
+ $url = substr ($_SERVER['PHP_SELF'], 0, -10);
+ ?>
+ <div class="form-group">
+ <label class="group-name" for="base_url">Base de l'url</label>
+ <div class="group-controls">
+ <input type="text" id="base_url" name="base_url" value="<?php echo isset ($_SESSION['base_url']) ? $_SESSION['base_url'] : $url; ?>" /> <i class="icon i_help"></i> Laissez tel quel dans le doute
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="title">Titre</label>
+ <div class="group-controls">
+ <input type="text" id="title" name="title" value="<?php echo isset ($_SESSION['title']) ? $_SESSION['title'] : 'FreshRSS'; ?>" />
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="old_entries">Supprimer les articles tous les</label>
+ <div class="group-controls">
+ <input type="number" id="old_entries" name="old_entries" value="<?php echo isset ($_SESSION['old_entries']) ? $_SESSION['old_entries'] : '3'; ?>" /> mois
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="mail_login">Adresse mail de connexion (utilise <a href="https://persona.org/">Persona</a>)</label>
+ <div class="group-controls">
+ <input type="email" id="mail_login" name="mail_login" value="<?php echo isset ($_SESSION['mail_login']) ? $_SESSION['mail_login'] : ''; ?>" placeholder="Laissez vide pour désactiver" />
+ <noscript><b>nécessite que javascript soit activé</b></noscript>
+ </div>
+ </div>
+
+ <div class="form-group form-actions">
+ <div class="group-controls">
+ <button type="submit" class="btn btn-important">Valider</button>
+ <button type="reset" class="btn">Annuler</button>
+ <?php if ($s2['all'] == 'ok') { ?>
+ <a class="btn btn-important next-step" href="?step=3">Passer à l'étape suivante</a>
+ <?php } ?>
+ </div>
+ </div>
+ </form>
+<?php
+}
+
+function printStep3 () {
+?>
+ <?php $s3 = checkStep3 (); if ($s3['all'] == 'ok') { ?>
+ <p class="alert alert-success"><span class="alert-head">Ok !</span> La configuration de la base de données a été enregistrée.</p>
+ <?php } ?>
+
+ <form action="index.php?step=3" method="post">
+ <legend>Configuration de la base de données</legend>
+ <div class="form-group">
+ <label class="group-name" for="host">Host</label>
+ <div class="group-controls">
+ <input type="text" id="host" name="host" value="<?php echo isset ($_SESSION['bd_host']) ? $_SESSION['bd_host'] : 'localhost'; ?>" />
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="user">Username</label>
+ <div class="group-controls">
+ <input type="text" id="user" name="user" value="<?php echo isset ($_SESSION['bd_user']) ? $_SESSION['bd_user'] : ''; ?>" />
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="pass">Password</label>
+ <div class="group-controls">
+ <input type="password" id="pass" name="pass" value="<?php echo isset ($_SESSION['bd_pass']) ? $_SESSION['bd_pass'] : ''; ?>" />
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="group-name" for="base">Base de données</label>
+ <div class="group-controls">
+ <input type="text" id="base" name="base" value="<?php echo isset ($_SESSION['bd_name']) ? $_SESSION['bd_name'] : ''; ?>" />
+ </div>
+ </div>
+
+ <div class="form-group form-actions">
+ <div class="group-controls">
+ <button type="submit" class="btn btn-important">Valider</button>
+ <button type="reset" class="btn">Annuler</button>
+ <?php if ($s3['all'] == 'ok') { ?>
+ <a class="btn btn-important next-step" href="?step=4">Passer à l'étape suivante</a>
+ <?php } ?>
+ </div>
+ </div>
+ </form>
+<?php
+}
+
+function printStep4 () {
+?>
+ <p class="alert alert-success"><span class="alert-head">Félicitations !</span> L'installation s'est bien passée. Il faut maintenant supprimer le fichier <em>install.php</em> pour pouvoir accéder à FreshRSS... ou simplement cliquer sur le bouton ci-dessous ;)</p>
+ <a class="btn btn-important next-step" href="?step=5">Terminer l'installation</a>
+<?php
+}
+
+function printStep5 () {
+?>
+ <p class="alert alert-error"><span class="alert-head">Oups !</span> Quelque chose s'est mal passé, vous devriez supprimer le fichier <?php echo PUBLIC_PATH . '/install.php' ?> à la main.</p>
+<?php
+}
+
+
+checkStep ();
+
+switch (STEP) {
+case 1:
+default:
+ break;
+case 2:
+ saveStep2 ();
+ break;
+case 3:
+ saveStep3 ();
+ break;
+case 4:
+ break;
+case 5:
+ deleteInstall ();
+ break;
+}
+?>
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="initial-scale=1.0">
+ <title>Installation - FreshRSS</title>
+ <link rel="stylesheet" type="text/css" media="all" href="theme/global.css" />
+ <link rel="stylesheet" type="text/css" media="all" href="theme/freshrss.css" />
+ </head>
+ <body>
+
+<div class="header">
+ <div class="item title">
+ <h1><a href="index.php">FreshRSS</a></h1>
+ <h2>Installation - étape <?php echo STEP; ?></h2>
+ </div>
+</div>
+
+<div id="global">
+ <ul class="nav nav-list aside">
+ <li class="nav-header">Étapes</li>
+ <li class="item<?php echo STEP == 1 ? ' active' : ''; ?>"><a href="?step=1">Vérifications</a></li>
+ <li class="item<?php echo STEP == 2 ? ' active' : ''; ?>"><a href="?step=2">Configuration générale</a></li>
+ <li class="item<?php echo STEP == 3 ? ' active' : ''; ?>"><a href="?step=3">Configuration de la base de données</a></li>
+ <li class="item<?php echo STEP == 4 ? ' active' : ''; ?>"><a href="?step=4">This is the end</a></li>
+ </ul>
+
+ <div class="post">
+ <?php
+ switch (STEP) {
+ case 1:
+ default:
+ printStep1 ();
+ break;
+ case 2:
+ printStep2 ();
+ break;
+ case 3:
+ printStep3 ();
+ break;
+ case 4:
+ printStep4 ();
+ break;
+ case 5:
+ printStep5 ();
+ break;
+ }
+ ?>
+ </div>
+</div>
+ </body>
+</html>
+
diff --git a/public/theme/freshrss.css b/public/theme/freshrss.css
new file mode 100644
index 000000000..ed6646269
--- /dev/null
+++ b/public/theme/freshrss.css
@@ -0,0 +1,452 @@
+/* STRUCTURE */
+.header {
+ display: table;
+ width: 100%;
+ background: #f4f4f4;
+ table-layout: fixed;
+}
+ .header > .item {
+ display: table-cell;
+ padding: 10px 0;
+ border-bottom: 1px solid #aaa;
+ vertical-align: middle;
+ text-align: center;
+ }
+ .header > .item.title {
+ width: 250px;
+ }
+ .header > .item.title h1 {
+ margin: 0;
+ text-shadow: 1px -1px 0 #ccc;
+ }
+ .header > .item.title a:hover {
+ text-decoration: none;
+ }
+ .header > .item.search input {
+ width: 200px;
+ transition: all 200ms linear;
+ }
+ .header .item.search input:focus {
+ width: 300px;
+ }
+ .header > .item.configure {
+ width: 100px;
+ }
+
+#global {
+ display: table;
+ width: 100%;
+ height: 100%;
+ background: #fafafa;
+ table-layout: fixed;
+}
+ .aside {
+ display: table-cell;
+ height: 100%;
+ width: 250px;
+ vertical-align: top;
+ border-right: 1px solid #aaa;
+ background: #fff;
+ }
+ .aside .nav-form input {
+ width: 180px;
+ }
+ .aside.aside_flux {
+ padding: 10px 0;
+ }
+ .aside.aside_feed .nav-form input {
+ width: 140px;
+ }
+ .aside.aside_feed .nav-form .dropdown .dropdown-menu {
+ right: -20px;
+ }
+
+ .nav_menu {
+ width: 100%;
+ background: #fafafa;
+ border-bottom: 1px solid #aaa;
+ text-align: center;
+ padding: 5px 0;
+ }
+
+.favicon {
+ width: 16px;
+}
+
+.categories {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+ list-style: none;
+}
+ .categories .all,
+ .categories .favorites,
+ .categories .category {
+ display: block;
+ padding: 5px 0;
+ width: 220px;
+ margin: 5px auto;
+ text-align: left;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .categories .all .btn,
+ .categories .favorites .btn,
+ .categories .category .btn:first-child {
+ width: 195px;
+ position: relative;
+ }
+ .categories .feeds {
+ width: 220px;
+ margin: 0 auto;
+ list-style: none;
+ }
+ .categories .feeds .item.active:after {
+ content: "⇢";
+ line-height: 35px;
+ float: right;
+ }
+ .categories .feeds .item .feed {
+ display: inline-block;
+ margin: 0;
+ width: 165px;
+ line-height: 35px;
+ font-size: 90%;
+ vertical-align: middle;
+ text-align: left;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .categories .feeds .dropdown .dropdown-menu {
+ left: 0;
+ }
+ .categories .feeds .item .dropdown-toggle i {
+ background-image: none;
+ }
+ .categories .feeds .item .dropdown-target:target ~ .dropdown-toggle i,
+ .categories .feeds .item:hover .dropdown-toggle i {
+ background-image: url("icons/configure.svg");
+ }
+ .categories .notRead {
+ position: absolute;
+ top: 3px; right: 3px;
+ padding: 1px 5px;
+ background: #ccc;
+ color: #fff;
+ font-size: 90%;
+ border: 1px solid #bbb;
+ border-radius: 5px;
+ box-shadow: 1px 3px 3px #aaa inset;
+ text-shadow: 0 0 1px #aaa;
+ }
+
+.post {
+ padding: 10px 50px;
+}
+ .post form {
+ margin: 10px 0;
+ }
+
+.day {
+ min-height: 50px;
+ padding: 0 10px;
+ font-size: 130%;
+ font-weight: bold;
+ line-height: 50px;
+ background: #fff;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+}
+ .day:first-child {
+ border-top: none;
+ }
+
+.flux {
+ border-left: 10px solid #aaa;
+ background: #fafafa;
+}
+ .flux:hover {
+ background: #fff;
+ }
+ .flux.active {
+ border-left: 10px solid #0062BE;
+ background: #fff;
+ }
+ .flux.not_read {
+ border-left: 10px solid #FF5300;
+ background: #FFF3ED;
+ }
+ .flux.favorite {
+ border-left: 10px solid #FFC300;
+ background: #FFF6DA;
+ }
+
+ .flux_header {
+ height: 25px;
+ font-size: 12px;
+ line-height: 25px;
+ border-top: 1px solid #ddd;
+ }
+ .flux_header .item.manage {
+ width: 60px;
+ white-space: nowrap;
+ font-size: 0px;
+ text-align: center;
+ }
+ .flux_header .item.manage .read {
+ display: inline-block;
+ width: 30px;
+ height: 40px;
+ background: url("icons/read.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.manage .read:hover {
+ text-decoration: none;
+ }
+ .flux.not_read .flux_header .item.manage .read {
+ background: url("icons/unread.svg") center center no-repeat;
+ }
+ .flux_header .item.manage .bookmark {
+ display: inline-block;
+ width: 30px;
+ height: 40px;
+ background: url("icons/non-starred.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.manage .bookmark:hover {
+ text-decoration: none;
+ }
+ .flux.favorite .flux_header .item.manage .bookmark {
+ background: url("icons/starred.svg") center center no-repeat;
+ }
+ .flux_header .item.website {
+ width: 200px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: 40px;
+ }
+ .flux_header .item.website a {
+ display: block;
+ padding: 0 5px;
+ height: 40px;
+ }
+ .flux_header .item.title {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ cursor: pointer;
+ }
+ .flux.not_read .flux_header .item.title {
+ font-weight: bold;
+ }
+ .flux_header .item.date {
+ width: 200px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text-align: right;
+ font-size: 10px;
+ color: #666;
+ cursor: pointer;
+ }
+ .flux_header .item.link {
+ width: 35px;
+ text-align: center;
+ }
+ .flux_header .item.link a {
+ display: inline-block;
+ width: 35px;
+ height: 40px;
+ background: url("icons/link.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.link a:hover {
+ text-decoration: none;
+ }
+
+.content {
+ max-width: 550px;
+ margin: 0 auto;
+ padding: 20px 10px;
+ line-height: 170%;
+ font-family: 'OpenSans';
+}
+ .content .title {
+ margin: 0 0 5px;
+ }
+ .content h1, .content h2, .content h3 {
+ margin: 20px 0 5px;
+ }
+
+ .content p {
+ margin: 0 0 20px;
+ }
+ .content img.big {
+ display: block;
+ margin: 10px auto;
+ }
+ .content pre {
+ width: 90%;
+ margin: 10px auto;
+ padding: 10px;
+ overflow: auto;
+ background: #666;
+ border: 1px solid #000;
+ color: #fafafa;
+ border-radius: 5px;
+ }
+ .content q, .content blockquote {
+ display: block;
+ margin: 5px 0;
+ padding: 5px 20px;
+ font-style: italic;
+ border-left: 4px solid #ccc;
+ color: #666;
+ }
+ .content blockquote p {
+ margin: 0;
+ }
+
+.flux_content .bottom {
+ font-size: 90%;
+ text-align: center;
+}
+
+/*** PAGINATION ***/
+.pagination {
+ display: table;
+ width: 100%;
+ margin: 0;
+ background: #fafafa;
+ text-align: center;
+ color: #333;
+ font-size: 80%;
+ line-height: 200%;
+ table-layout: fixed;
+}
+ .pagination .item {
+ display: table-cell;
+ padding: 5px 10px;
+ border-top: 1px solid #aaa;
+ }
+ .pagination .item a {
+ color: #333;
+ font-style: italic;
+ }
+ .pagination .pager-previous, .pagination .pager-next {
+ width: 200px;
+ }
+ .pagination .item.pager-current {
+ font-weight: bold;
+ }
+
+/*** NOTIFICATION ***/
+.notification {
+ position: fixed;
+ bottom: 0;
+ left: 5%; right: 5%;
+ min-height: 30px;
+ padding: 10px;
+ line-height: 30px;
+ text-align: center;
+ border-radius: 5px 5px 0 0;
+ box-shadow: 0 0 5px #666;
+ background: #ddd;
+ color: #666;
+ font-weight: bold;
+}
+ .notification.good {
+ background: #f4f899;
+ }
+ .notification.bad {
+ background: #f4a899;
+ }
+ .notification a.close {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ float: right;
+ margin: -20px -20px 0 0;
+ padding: 5px;
+ background: #fff;
+ border-radius: 50px;
+ border: 1px solid #aaa;
+ line-height: 16px;
+ }
+
+.toggle_aside, .btn.toggle_aside {
+ display: none;
+}
+
+.actualizeProgress {
+ position: fixed;
+ top: 0; left: 25%; right: 25%;
+ width: 50%;
+ padding: 5px;
+ background: #fff;
+ text-align: center;
+ border: 1px solid #ddd;
+ border-top: none;
+ border-radius: 0 0 5px 5px;
+}
+ .actualizeProgress progress {
+ max-width: 100%;
+ vertical-align: middle;
+ }
+ .actualizeProgress .progress {
+ color: #999;
+ font-size: 90%;
+ vertical-align: middle;
+ }
+
+@media(max-width: 840px) {
+ .header,
+ .aside .btn-important,
+ .aside .feeds .dropdown,
+ .flux_header .item.website span,
+ .flux_header .item.date,
+ .flux_content .bottom {
+ display: none;
+ }
+ .flux_header .item.website {
+ width: 30px;
+ text-align: center;
+ }
+ .pagination .pager-previous, .pagination .pager-next {
+ width: 100px;
+ }
+
+ .toggle_aside, .btn.toggle_aside {
+ display: inline-block;
+ }
+ .aside {
+ position: fixed;
+ top: 0; left: 0;
+ width: 0;
+ overflow: hidden;
+ z-index: 10;
+ transition: width 200ms linear;
+ }
+ .aside:target {
+ width: 80%;
+ overflow: auto;
+ }
+ .aside .toggle_aside {
+ position: absolute;
+ right: 0;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin: 0 10px 0 0;
+ border: 1px solid #ccc;
+ border-radius: 10px;
+ text-align: center;
+ line-height: 20px;
+ }
+ .aside .categories {
+ margin: 30px 0;
+ }
+}
diff --git a/public/theme/base.css b/public/theme/global.css
index b2e47fd69..c08463b8b 100644
--- a/public/theme/base.css
+++ b/public/theme/global.css
@@ -69,6 +69,7 @@ label {
}
input, select, textarea {
display: inline-block;
+ max-width: 100%;
min-height: 25px;
padding: 5px;
background: #fdfdfd;
@@ -142,6 +143,9 @@ input, select, textarea {
.stick input:first-child {
border-radius: 3px 0 0 3px;
}
+ .stick .btn.btn-important:first-child {
+ border-right: 1px solid #06f;
+ }
.stick .btn:last-child,
.stick input:last-child {
border-radius: 0 3px 3px 0;
@@ -158,7 +162,6 @@ input, select, textarea {
.stick .btn + .dropdown > .btn {
border-left: none;
border-radius: 0 3px 3px 0;
- font-size: 0px;
}
.stick .btn + .dropdown a {
font-size: 12px;
@@ -295,6 +298,19 @@ input, select, textarea {
padding: 5px 10px;
}
+/* HORIZONTAL-LIST */
+.horizontal-list {
+ display: table;
+ table-layout: fixed;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+ .horizontal-list .item {
+ display: table-cell;
+ vertical-align: middle;
+ }
+
/* DROPDOWN */
.dropdown {
position: relative;
@@ -384,13 +400,27 @@ input, select, textarea {
border-radius: 5px;
color: #aaa;
text-shadow: 0 0 1px #eee;
- box-shadow: 1px 1px 3px #aaa inset;
}
.alert .alert-head {
margin: 0;
font-weight: bold;
font-size: 110%;
}
+ .alert.alert-warn {
+ background: #ffe;
+ border: 1px solid #eeb;
+ color: #c95;
+ }
+ .alert.alert-success {
+ background: #dfd;
+ border: 1px solid #cec;
+ color: #484;
+ }
+ .alert.alert-error {
+ background: #fdd;
+ border: 1px solid #ecc;
+ color: #844;
+ }
/* ICONES */
.icon {
@@ -455,415 +485,12 @@ input, select, textarea {
.icon.i_note_empty {
background-image: url("icons/note_empty.svg");
}
-
-/* STRUCTURE */
-.header {
- display: table;
- width: 100%;
- background: #f4f4f4;
- table-layout: fixed;
-}
- .header > .item {
- display: table-cell;
- padding: 10px 0;
- border-bottom: 1px solid #aaa;
- vertical-align: middle;
- text-align: center;
- }
- .header > .item.title {
- width: 250px;
- }
- .header > .item.title h1 {
- margin: 0;
- text-shadow: 1px -1px 0 #ccc;
- }
- .header > .item.title a:hover {
- text-decoration: none;
- }
- .header > .item.search input {
- width: 200px;
- transition: all 200ms linear;
- }
- .header .item.search input:focus {
- width: 300px;
- }
- .header > .item.configure {
- width: 100px;
- }
-
-#global {
- display: table;
- width: 100%;
- height: 100%;
- background: #fafafa;
- table-layout: fixed;
-}
- .aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
- border-right: 1px solid #aaa;
- background: #fff;
- }
- .aside .nav-form input {
- width: 180px;
- }
- .aside.aside_flux {
- padding: 10px 0;
- }
- .aside.aside_feed .nav-form input {
- width: 140px;
- }
- .aside.aside_feed .nav-form .dropdown .dropdown-menu {
- right: -20px;
- }
-
- .nav_menu {
- width: 100%;
- background: #fafafa;
- border-bottom: 1px solid #aaa;
- text-align: center;
- padding: 5px 0;
- }
-
-.favicon {
- width: 16px;
-}
-
-.categories {
- margin: 0;
- padding: 0;
- text-align: center;
- list-style: none;
-}
- .categories .all,
- .categories .favorites,
- .categories .category {
- display: block;
- padding: 5px 0;
- width: 220px;
- margin: 5px auto;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .categories .all .btn,
- .categories .favorites .btn,
- .categories .category .btn:first-child {
- width: 195px;
- position: relative;
- }
- .categories .feeds {
- width: 220px;
- margin: 0 auto;
- list-style: none;
- }
- .categories .feeds .item.active:after {
- content: "⇢";
- line-height: 35px;
- float: right;
- }
- .categories .feeds .item .feed {
- display: inline-block;
- margin: 0;
- width: 165px;
- line-height: 35px;
- font-size: 90%;
- vertical-align: middle;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .categories .feeds .dropdown .dropdown-menu {
- left: 0;
- }
- .categories .feeds .item .dropdown-toggle i {
- background-image: none;
- }
- .categories .feeds .item .dropdown-target:target ~ .dropdown-toggle i,
- .categories .feeds .item:hover .dropdown-toggle i {
- background-image: url("icons/configure.svg");
- }
- .categories .notRead {
- position: absolute;
- top: 3px; right: 3px;
- padding: 1px 5px;
- background: #ccc;
- color: #fff;
- font-size: 90%;
- border: 1px solid #bbb;
- border-radius: 5px;
- box-shadow: 1px 3px 3px #aaa inset;
- text-shadow: 0 0 1px #aaa;
- }
-
-.post {
- padding: 10px 50px;
-}
- .post form {
- margin: 10px 0;
- }
-
-.day {
- height: 50px;
- padding: 0 10px;
- font-size: 130%;
- font-weight: bold;
- line-height: 50px;
- background: #fff;
- border-top: 1px solid #aaa;
- border-bottom: 1px solid #aaa;
-}
- .day:first-child {
- border-top: none;
- }
-
-.flux {
- border-left: 10px solid #aaa;
- background: #fafafa;
-}
- .flux:hover {
- background: #fff;
- }
- .flux.active {
- border-left: 10px solid #0062BE;
- background: #fff;
- }
- .flux.not_read {
- border-left: 10px solid #FF5300;
- background: #FFF3ED;
- }
- .flux.favorite {
- border-left: 10px solid #FFC300;
- background: #FFF6DA;
+ .icon.i_category {
+ background-image: url("icons/category.svg");
}
-
- .flux_header {
- display: table;
- table-layout: fixed;
- margin: 0;
- padding: 0;
- width: 100%;
- height: 25px;
- font-size: 12px;
- line-height: 25px;
- border-top: 1px solid #ddd;
+ .icon.i_rss {
+ background-image: url("icons/rss.svg");
}
- .flux_header .item {
- display: table-cell;
- vertical-align: middle;
- }
- .flux_header .item.manage {
- width: 90px;
- white-space: nowrap;
- font-size: 0px;
- vertical-align: middle;
- text-align: center;
- }
- .flux_header .item.manage .read {
- display: inline-block;
- width: 30px;
- height: 35px;
- background: url("icons/read.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.manage .read:hover {
- text-decoration: none;
- }
- .flux.not_read .flux_header .item.manage .read {
- background: url("icons/unread.svg") center center no-repeat;
- }
- .flux_header .item.manage .bookmark {
- display: inline-block;
- width: 30px;
- height: 35px;
- background: url("icons/non-starred.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.manage .bookmark:hover {
- text-decoration: none;
- }
- .flux.favorite .flux_header .item.manage .bookmark {
- background: url("icons/starred.svg") center center no-repeat;
- }
- .flux_header .item.manage .note {
- display: inline-block;
- width: 30px;
- height: 35px;
- vertical-align: middle;
- line-height: 35px;
- font-size: 12px;
- }
- .flux_header .item.website {
- width: 200px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- line-height: 35px;
- }
- .flux_header .item.website a {
- display: block;
- padding: 0 5px;
- height: 35px;
- }
- .flux_header .item.title {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- cursor: pointer;
- }
- .flux_header .item.title h1 {
- font-size: 12px;
- margin: 0;
- font-weight: normal;
- }
- .flux.not_read .flux_header .item.title h1 {
- font-weight: bold;
- }
- .flux_header .item.date {
- width: 200px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- text-align: right;
- font-size: 10px;
- color: #666;
- cursor: pointer;
- }
- .flux_header .item.link {
- width: 35px;
- text-align: center;
- }
- .flux_header .item.link a {
- display: inline-block;
- width: 35px;
- height: 35px;
- background: url("icons/link.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.link a:hover {
- text-decoration: none;
- }
-
-.content {
- max-width: 550px;
- margin: 0 auto;
- padding: 10px;
- line-height: 170%;
- font-family: 'OpenSans';
-}
- .content h1, .content h2, .content h3 {
- margin: 20px 0 5px;
- }
- .content p {
- margin: 0 0 20px;
- }
- .content img.big {
- display: block;
- margin: 10px 0;
- width: 100%;
- box-shadow: 0 0 5px #000;
- border-radius: 5px;
- }
- .content pre {
- width: 90%;
- margin: 10px auto;
- padding: 10px;
- overflow: auto;
- background: #666;
- border: 1px solid #000;
- color: #fafafa;
- border-radius: 5px;
+ .icon.i_share {
+ background-image: url("icons/share.svg");
}
- .content q, .content blockquote {
- display: block;
- margin: 5px 0;
- padding: 5px 20px;
- font-style: italic;
- border-left: 4px solid #ccc;
- color: #666;
- }
- .content blockquote p {
- margin: 0;
- }
-
-/*** PAGINATION ***/
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- background: #fafafa;
- text-align: center;
- color: #333;
- font-size: 80%;
- line-height: 200%;
- table-layout: fixed;
-}
- .pagination .item {
- display: table-cell;
- padding: 5px 10px;
- border-top: 1px solid #aaa;
- }
- .pagination .item a {
- color: #333;
- font-style: italic;
- }
- .pagination .pager-previous, .pagination .pager-next {
- width: 200px;
- }
- .pagination .item.pager-current {
- font-weight: bold;
- }
-
-/*** NOTIFICATION ***/
-.notification {
- position: fixed;
- bottom: 0;
- left: 5%; right: 5%;
- min-height: 30px;
- padding: 10px;
- line-height: 30px;
- text-align: center;
- border-radius: 5px 5px 0 0;
- box-shadow: 0 0 5px #666;
- background: #ddd;
- color: #666;
- font-weight: bold;
-}
- .notification.good {
- background: #f4f899;
- }
- .notification.bad {
- background: #f4a899;
- }
- .notification a.close {
- display: inline-block;
- width: 16px;
- height: 16px;
- float: right;
- margin: -20px -20px 0 0;
- padding: 5px;
- background: #fff;
- border-radius: 50px;
- border: 1px solid #aaa;
- line-height: 16px;
- }
-
-@media(max-width: 840px) {
- .header,
- .aside,
- .flux_header .item.website span,
- .flux_header .item.date {
- display: none;
- }
- .flux_header .item.website {
- width: 30px;
- text-align: center;
- }
- .pagination .pager-previous, .pagination .pager-next {
- width: 100px;
- }
-}
diff --git a/public/theme/icons/category.svg b/public/theme/icons/category.svg
new file mode 100644
index 000000000..71f95490e
--- /dev/null
+++ b/public/theme/icons/category.svg
@@ -0,0 +1,31 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:svg='http://www.w3.org/2000/svg' id='svg7384' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' sodipodi:docname='folder-symbolic.svg' version='1.1' inkscape:version='0.48.0 r9654' height='16' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns='http://www.w3.org/2000/svg' width='16'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:cy='-173.07332' pagecolor='#555753' borderopacity='1' showborder='false' inkscape:bbox-paths='false' guidetolerance='10' inkscape:window-width='1310' showguides='true' inkscape:object-nodes='true' inkscape:snap-bbox='true' inkscape:pageshadow='2' inkscape:guide-bbox='true' inkscape:snap-nodes='true' bordercolor='#666666' objecttolerance='10' id='namedview88' showgrid='false' inkscape:window-maximized='0' inkscape:window-x='52' inkscape:snap-global='true' inkscape:window-y='24' gridtolerance='10' inkscape:window-height='690' inkscape:snap-to-guides='true' inkscape:current-layer='layer13' inkscape:zoom='1' inkscape:cx='-157.67647' inkscape:snap-grids='true' inkscape:pageopacity='1'>
+ <inkscape:grid spacingx='1px' spacingy='1px' id='grid4866' empspacing='2' enabled='true' type='xygrid' snapvisiblegridlinesonly='true' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:label='status' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer9' style='display:inline'/>
+ <g inkscape:label='devices' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer10'/>
+ <g inkscape:label='apps' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer11'/>
+ <g inkscape:label='actions' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer12'/>
+ <g inkscape:label='places' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer13'>
+ <g transform='translate(234.0002,-820)' id='g14154'>
+ <path inkscape:connector-curvature='0' d='m 208.53105,997 c -0.28913,0 -0.53125,0.24212 -0.53125,0.53125 l 0,13.93755 c 0,0.2985 0.23264,0.5312 0.53125,0.5312 l 14.9375,0 c 0.2986,0 0.53125,-0.2326 0.53125,-0.5312 l 0,-8.9376 c 0,-0.2891 -0.24212,-0.5312 -0.53125,-0.5312 l -12.46875,0 0,7.5 c 0,0.277 -0.223,0.5 -0.5,0.5 -0.277,0 -0.5,-0.223 -0.5,-0.5 l 0,-8 c 0,-0.277 0.223,-0.5 0.5,-0.5 l 2.96875,0 8.53125,0 0,-1.4062 c 0,-0.3272 -0.26666,-0.5938 -0.59375,-0.5938 l -7.40625,0 0,-1.46875 C 213.9998,997.2421 213.75768,997 213.46855,997 z' id='rect3845' sodipodi:nodetypes='ccccccccccsccccccccccc' style='fill:#666666;fill-opacity:1;stroke:none;display:inline'/>
+
+ </g>
+ </g>
+ <g inkscape:label='mimetypes' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer14'/>
+ <g inkscape:label='emblems' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer15' style='display:inline'/>
+</svg>
diff --git a/public/theme/icons/rss.svg b/public/theme/icons/rss.svg
new file mode 100644
index 000000000..ceaddceee
--- /dev/null
+++ b/public/theme/icons/rss.svg
@@ -0,0 +1,32 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='application-rss+xml-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' inkscape:version='0.48.3.1 r9886' version='1.1' width='16' xmlns='http://www.w3.org/2000/svg'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:bbox-paths='false' bordercolor='#666666' borderopacity='1' inkscape:current-layer='layer14' inkscape:cx='27.01134' inkscape:cy='1.367038' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:object-nodes='false' inkscape:object-paths='false' objecttolerance='10' pagecolor='#3a3b39' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='true' inkscape:snap-bbox='true' inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-nodes='false' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='709' inkscape:window-maximized='1' inkscape:window-width='1366' inkscape:window-x='0' inkscape:window-y='27' inkscape:zoom='1'>
+ <inkscape:grid empspacing='2' enabled='true' id='grid4866' originx='-319.9998px' originy='84.00012px' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' transform='translate(-561,-301.00012)'>
+
+ <path sodipodi:cx='323.0625' sodipodi:cy='97.1875' d='m 325.0625,97.1875 a 2,3.236068 0 1 1 -4,0 2,3.236068 0 1 1 4,0 z' id='path4983' sodipodi:rx='2' sodipodi:ry='3.236068' style='color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.69602728;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.0000007,0,0,0.61803426,241.93747,252.93479)' sodipodi:type='arc'/>
+ <path inkscape:connector-curvature='0' d='m 563.0002,303 0,1 c 0,0.55016 0.45347,1 1,1 4.97056,0 9,4.02944 9,9 0,0.55016 0.45347,1 1,1 l 1,0 0,-1 c 0,-6.07513 -4.92487,-11 -11,-11 l -1,0 z m 0,4 0,1 c 0,0.55016 0.45347,1 1,1 2.76143,0 5,2.23857 5,5 0,0.55016 0.45347,1 1,1 l 1,0 0,-1 c 0,-3.866 -3.134,-7 -7,-7 l -1,0 z' id='path5814' style='color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333492;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new'/>
+ </g>
+ <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' transform='translate(-561,-301.00012)'/>
+</svg>
diff --git a/public/theme/icons/share.svg b/public/theme/icons/share.svg
new file mode 100644
index 000000000..443321882
--- /dev/null
+++ b/public/theme/icons/share.svg
@@ -0,0 +1,34 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='folder-publicshare-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' inkscape:version='0.48.3.1 r9886' version='1.1' width='16' xmlns='http://www.w3.org/2000/svg'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:bbox-paths='false' bordercolor='#666666' borderopacity='1' inkscape:current-layer='layer13' inkscape:cx='-55.50224' inkscape:cy='-178.38158' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:object-nodes='false' inkscape:object-paths='false' objecttolerance='10' pagecolor='#3a3b39' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='true' inkscape:snap-bbox='true' inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-nodes='false' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='1381' inkscape:window-maximized='1' inkscape:window-width='2560' inkscape:window-x='1600' inkscape:window-y='27' inkscape:zoom='1'>
+ <inkscape:grid empspacing='2' enabled='true' id='grid4866' originx='-340px' originy='-20.999999px' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' transform='translate(-581.0002,-196)'>
+
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8192' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,148.15963,-64.49107)' sodipodi:type='arc'/>
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8194' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,158.12818,-59.49107)' sodipodi:type='arc'/>
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8196' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,158.12818,-69.49107)' sodipodi:type='arc'/>
+ <path inkscape:connector-curvature='0' d='m 593.625,198.15625 -10.0625,4.875 -1.8125,0.90625 1.8125,0.90625 10.03125,5.0625 0.90625,-1.8125 -8.21875,-4.15625 8.21875,-4 -0.875,-1.78125 z' id='path8198' style='font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans'/>
+ </g>
+ <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' transform='translate(-581.0002,-196)'/>
+</svg>