Commit c6c5bfc2 authored by yPhil's avatar yPhil
Browse files

Refactoring + Markup validation

parent 45658421
Pipeline #408363 canceled with stage
## Pétrolette
# Pétrolette
[![pipeline status](https://framagit.org/yphil/petrolette/badges/master/pipeline.svg)](https://framagit.org/yphil/petrolette/-/pipelines)
[![License GPLv3](https://img.shields.io/badge/license-GPL_v3-green.svg)](http://www.gnu.org/licenses/gpl-3.0.html)
[![Liberapay](https://img.shields.io/badge/donate-Liberapay-yellow.svg)](https://liberapay.com/yPhil/donate)
[![PayPal Donate](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/yphil)
[![website](https://img.shields.io/website?down_message=down&up_color=brightgreen&up_message=up&url=https%3A%2F%2Fpetrolette.space)](http://petrolette.space)
[![Liberapay](https://img.shields.io/liberapay/receives/yPhil)](https://liberapay.com/yPhil/donate)
[![Liberapay](https://img.shields.io/liberapay/goal/yPhil)](https://liberapay.com/yPhil/donate)
---
<!-- [![coverage](https://framagit.org/yphil/petrolette/badges/master/coverage.svg)](https://framagit.org/yphil/petrolette/-/pipelines) -->
## Welcome to the Internet
## Good morning ☕
[Pétrolette](http://petrolette.space) is a news reading home page, [free](https://framagit.org/yphil/petrolette/-/blob/master/LICENSE). It is immediately usable **without registration** with the same URL on the desktop or a mobile device.
News feeds are organized into tabs, which can contain an infinite number of columns; everything is configurable, and saved directly in the browser [permanent cache](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). To view the same feeds on your phone, either export / import your `petrolette.conf` file, or (recommended) use your personal cloud (Google Drive, Dropbox, [5apps](https://5apps.com/storage), etc.) synchronization feature.
Go ahead, it's yours : Create, delete, move feeds and tabs, close / quit your browser, come back tomorrow, everything is how you left it.
News feeds are organized into tabs, which can contain an infinite number of columns; everything is configurable, and saved directly in the browser [permanent cache](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). To view the same feeds on your phone, either export / import your `petrolette.conf` file, or (recommended) use the synchronization feature with your personal (Google Drive, Dropbox, [5apps](https://5apps.com/storage), etc.) cloud.
![Petrolette](https://framagit.org/yphil/assets/-/raw/master/img/petrolette.png)
## Features
- Displays all modern feeds (Atom, Media-RSS, etc.)
- Search / discovery of the feed in a page / website
- Direct link to the article's resources (image, video, sound) for opening in an external reader
- Search within the feeds
- Discovery of the feed in a page / website
- Direct link to the article / item's resources (image, video, sound) for opening in an external reader
- Advanced image management (Download, Gallery, etc.)
- Import / Export of the feeds file (Replace / Merge)
- Online synchronization ([5apps](https://5apps.com/storage), Google Drive, Dropbox)
- Construction of [search feeds](https://search.modalogi.com/searx/search?categories=news&language=en-US&format=rss&q=zombie,attack) using a configurable search engine
- *Search* feeds [example](https://search.modalogi.com/searx/search?categories=news&language=en-US&format=rss&q=zombie,attack) using a configurable search engine
- Mobile / phone / tablet / responsive interface
- Bookmarklet for adding the feed of a site to Pétrolette on the fly
- Compatible with FLOSS browsers (uncompressed executable files, licenses available directly and in standard format)
- Compatible with [FLOSS browsers](https://www.gnu.org/software/librejs/) (uncompressed executable files, licenses available directly and in standard format)
## What's new?
Read [the changelog](https://framagit.org/yphil/petrolette/-/blob/master/CHANGELOG.md).
### Installation
......
......@@ -662,15 +662,11 @@ fieldset.feedsMenuForm {
background-color: var(--color-ui-qua) !important;
}
legend {
.side-menu-title {
color: var(--color-ui-pri);
}
legend.first {
margin-top: 0.6em;
}
.menu legend {
.menu .side-menu-title {
color: var(--color-ui-qui);
margin-left: 14px;
font-size: 9pt;
......@@ -680,7 +676,7 @@ legend.first {
display: none;
}
nav#sideMenu {
nav#side-menu {
border: none;
height: 100%;
left: var(--side-menu-width);
......@@ -695,7 +691,7 @@ nav#sideMenu {
scrollbar-color: var(--color-ui-oct) var(--color-ui-qua);
}
nav#sideMenu,
nav#side-menu,
.topnav,
.ui-dialog,
.ui-dialog .ui-dialog-buttonpane {
......@@ -703,7 +699,7 @@ nav#sideMenu,
border-color: var(--color-ui-qua);
}
/* nav#sideMenu .ui-button, */
/* nav#side-menu .ui-button, */
/* #sync-box { */
/* margin-bottom: 0.3em; */
/* } */
......@@ -727,11 +723,11 @@ li.results a:visited {
color: black !important;
}
nav#sideMenu:hover {
nav#side-menu:hover {
scrollbar-color: var(--color-ui-sec) var(--color-ui-qua);
}
nav#sideMenu.expanded {
nav#side-menu.expanded {
left: 0;
}
......
......@@ -10,7 +10,7 @@ var PTL = (function() {
PTL.util.say(PTL.tr('Pétrolette init'), 'success');
var $sideMenu = $('nav#sideMenu'),
var $sideMenu = $('nav#side-menu'),
$overlay = $('#overlay'),
$feedCodeButton = $('button#feedCode'),
$importButton = $("button#fileImportButton"),
......@@ -62,7 +62,7 @@ var PTL = (function() {
event.preventDefault();
});
$('#sideMenu legend').click(function() {
$('nav#side-menu .side-menu-title').click(function() {
$(this).children('i').toggleClass('unfold');
$(this).next().toggle();
});
......@@ -413,7 +413,7 @@ var PTL = (function() {
sideMenu: function(action) {
var $overlay = $('#overlay'),
$sideMenu = $('nav#sideMenu');
$sideMenu = $('nav#side-menu');
if (action == 'open') {
$overlay.removeClass('hidden');
......
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment