Commit a3d96cc3 authored by yPhil's avatar yPhil
Browse files

New screenshot w/ mobile

parent bd55739c
Pipeline #391892 passed with stage
in 57 seconds
......@@ -19,7 +19,7 @@ News feeds are organized into tabs, which can contain an infinite number of colu
To view the same feeds on your phone, either export / import the `petrolette.conf` file, or (recommended) use the user's personal cloud synchronization feature.
![Petrolette](https://framagit.org/yphil/assets/-/raw/main/img/petrolette.png)
![Petrolette](https://framagit.org/yphil/assets/-/raw/master/img/petrolette.png)
## Features
......
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?17884048');
src: url('../font/fontello.eot?17884048#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?17884048') format('woff2'),
url('../font/fontello.woff?17884048') format('woff'),
url('../font/fontello.ttf?17884048') format('truetype'),
url('../font/fontello.svg?17884048#fontello') format('svg');
src: url('../font/fontello.eot?29737017');
src: url('../font/fontello.eot?29737017#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?29737017') format('woff2'),
url('../font/fontello.woff?29737017') format('woff'),
url('../font/fontello.ttf?29737017') format('truetype'),
url('../font/fontello.svg?29737017#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -15,7 +15,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?17884048#fontello') format('svg');
src: url('../font/fontello.svg?29737017#fontello') format('svg');
}
}
*/
......@@ -68,7 +68,7 @@
.icon-plus:before { content: '\e811'; } /* '' */
.icon-minus:before { content: '\e812'; } /* '' */
.icon-search:before { content: '\e813'; } /* '' */
.icon-help:before { content: '\e814'; } /* '' */
.icon-question:before { content: '\e814'; } /* '' */
.icon-menu:before { content: '\e815'; } /* '' */
.icon-cancel:before { content: '\e816'; } /* '' */
.icon-refresh:before { content: '\e817'; } /* '' */
......@@ -80,4 +80,5 @@
.icon-globe:before { content: '\e823'; } /* '' */
.icon-cloud:before { content: '\e824'; } /* '' */
.icon-error:before { content: '\e825'; } /* '' */
.icon-note:before { content: '\e826'; } /* '' */
\ No newline at end of file
.icon-note:before { content: '\e826'; } /* '' */
.icon-help:before { content: '\e827'; } /* '' */
\ No newline at end of file
......@@ -1251,13 +1251,12 @@ h1.introjs-tooltip-title {
}
.introjs-tooltiptext a {
color: var(--color-ui-pri) !important;
text-decoration: underline !important;
color: var(--color-ui-sen) !important;
/* text-decoration: underline !important; */
}
.introjs-tooltiptext a:hover {
color: var(--color-ui-sec) !important;
text-decoration: underline !important;
}
.introjs-skipbutton:hover {
......
......@@ -94,7 +94,7 @@
},
{
"uid": "3a230e539a4f3b904debd04c6c155034",
"css": "help",
"css": "question",
"code": 59412,
"src": "entypo"
},
......@@ -169,6 +169,12 @@
"css": "note",
"code": 59430,
"src": "linecons"
},
{
"uid": "de9a631a7d18106aea1c89ba51b1990a",
"css": "help",
"code": 59431,
"src": "entypo"
}
]
}
\ No newline at end of file
No preview for this file type
......@@ -32,7 +32,7 @@
<glyph glyph-name="search" unicode="&#xe813;" d="M11 375q-23 87 0 173t87 150q48 49 110 74t128 25q65 0 127-25t110-74q52-52 77-119t21-137-36-132q28-8 49-29l174-173q35-35 35-85t-35-85q-35-35-85-35t-85 35l-173 174q-22 20-30 49-70-35-149-35-66 0-128 25t-110 73q-64 64-87 151z m101 86q0-93 65-158 66-65 159-65 92 0 157 65t66 158-66 158q-66 66-157 66-92 0-159-66-65-65-65-158z" horiz-adv-x="892.6" />
<glyph glyph-name="help" unicode="&#xe814;" d="M494 740q86-62 86-184 0-64-42-124-12-20-88-80l-46-30q-40-34-48-60-6-16-8-44 0-14-16-14l-128 0q-16 0-16 12 4 98 28 124 16 22 48 48t56 42l24 14q22 16 34 34 28 44 28 70 0 40-26 78-28 36-92 36-68 0-94-44-28-42-28-92l-166 0q6 162 114 232 70 42 166 42 130 0 214-60z m-216-636q44 0 73-30t27-74q-2-46-32-73t-74-25q-44 0-73 29t-27 75 32 73 74 25z" horiz-adv-x="580" />
<glyph glyph-name="question" unicode="&#xe814;" d="M494 740q86-62 86-184 0-64-42-124-12-20-88-80l-46-30q-40-34-48-60-6-16-8-44 0-14-16-14l-128 0q-16 0-16 12 4 98 28 124 16 22 48 48t56 42l24 14q22 16 34 34 28 44 28 70 0 40-26 78-28 36-92 36-68 0-94-44-28-42-28-92l-166 0q6 162 114 232 70 42 166 42 130 0 214-60z m-216-636q44 0 73-30t27-74q-2-46-32-73t-74-25q-44 0-73 29t-27 75 32 73 74 25z" horiz-adv-x="580" />
<glyph glyph-name="menu" unicode="&#xe815;" d="M857 100v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 25t25 11h785q15 0 26-11t10-25z m0 286v-72q0-14-10-25t-26-10h-785q-15 0-25 10t-11 25v72q0 14 11 25t25 10h785q15 0 26-10t10-25z m0 285v-71q0-14-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 26t25 10h785q15 0 26-10t10-26z" horiz-adv-x="857.1" />
......@@ -57,6 +57,8 @@
<glyph glyph-name="error" unicode="&#xe825;" d="M0 350q0 207 147 354t353 146 354-146 146-354-146-354-354-146-353 146-147 354z m164-133l672 0 0 266-672 0 0-266z" horiz-adv-x="1000" />
<glyph glyph-name="note" unicode="&#xe826;" d="M0-25l0 750q0 39 27 66t67 28l656 0q25 0 45-18l187-187q18-20 18-45l0-594q0-39-27-66t-67-28l-812 0q-39 0-67 28t-27 66z m63 0q0-14 8-23t23-8l812 0q14 0 23 8t8 23l0 563-124 0q-40 0-67 27t-27 66l0 125-625 0q-14 0-23-9t-8-22l0-750z m62 78q0 16 16 16l718 0q16 0 16-16t-16-15l-718 0q-16 0-16 15z m0 94q0 16 16 16l718 0q16 0 16-16t-16-16l-718 0q-16 0-16 16z m0 94q0 15 16 15l718 0q16 0 16-15t-16-16l-718 0q-16 0-16 16z m0 93q0 16 16 16l718 0q16 0 16-16t-16-15l-718 0q-16 0-16 15z m0 110l0 187q0 14 9 23t22 8l219 0q14 0 22-8t9-23l0-187q0-14-9-23t-22-8l-219 0q-13 0-22 8t-9 23z m63 31l156 0 0 125-156 0 0-125z m281-47q0 16 15 16l375 0q16 0 16-16t-16-15l-375 0q-15 0-15 15z m0 94q0 16 15 16l157 0q15 0 15-16t-15-16l-157 0q-15 0-15 16z m0 94q0 15 15 15l157 0q15 0 15-15t-15-16l-157 0q-15 0-15 16z m281 15q0-25 19-44t43-18l125 0-187 187 0-125z" horiz-adv-x="1000" />
<glyph glyph-name="help" unicode="&#xe827;" d="M454 810q190 2 326-130t140-322q2-190-131-327t-323-141q-190-2-327 131t-139 323q-4 190 130 327t324 139z m-2-740q30 0 49 19t19 47q2 30-17 49t-49 19l-2 0q-28 0-47-18t-21-46q0-30 19-49t47-21l2 0z m166 328q26 34 26 78 0 78-54 116-52 38-134 38-64 0-104-26-68-42-72-146l0-4 110 0 0 4q0 26 16 54 16 24 54 24 40 0 52-20 16-20 16-44 0-18-16-40-8-12-20-20l-6-4q-6-4-16-11t-20-15-21-17-17-17q-14-20-18-78l0-8 108 0 0 4q0 12 4 28 6 20 28 36l28 18q46 34 56 50z" horiz-adv-x="920" />
</font>
</defs>
</svg>
\ No newline at end of file
No preview for this file type
......@@ -156,7 +156,7 @@ PTL.i18n.translations = {
"Open" : { fr: "Ouvrir" , ja: "負荷", es: "Carga" },
"Save" : { fr: "Sauver" , ja: "セーブ", es: "Salvar" },
"Rename Group" : { fr: "Groupe: Renommer" , ja: "名前の変更タブ", es: "Cambiar el nombre de la grupo" },
"Rename tab" : { fr: "Renommer l'onglet" , ja: "名前の変更タブ", es: "Cambiar el nombre de la pestaña" },
"Add" : { fr: "Ajouter" , ja: "追加", es: "Añadir" },
"Add feed" : { fr: "Ajouter flux" , ja: "ソースを追加", es: "Agregue fuente" },
"Add feeds" : { fr: "Ajouter flux" , ja: "ソースを追加", es: "Agregue fuentes" },
......@@ -212,32 +212,45 @@ PTL.i18n.translations = {
"Skip" : { fr: "Passer" , ja: "スキップ", es: "Omitir" },
"Got it!" : { fr: "Compris !" , ja: "理解!", es: "Entendido!" },
"This is a group. It contains feeds." : { fr: "Ceci est un groupe ; un groupe contient des flux." , ja: "これはタブです。 それはソースを含んでいます。", es: "Esta es una grupo. Contiene fuentes." },
"This is a tab. It contains feeds." : { fr: "Ceci est un onglet, qui contient des flux." , ja: "これはタブです。 それはソースを含んでいます。", es: "Esta es una grupo. Contiene fuentes." },
"Click on a group tab to display it ; Click the current/selected group tab to change its name and position. Drag to sort tabs." : { fr: "Cliquer sur l'onglet d'un groupe pour l'afficher ; cliquer sur le l'onglet courant pour changer son nom et sa position. Faites glisser pour réorganiser les onglets." , ja: "グループタブをクリックして表示します。現在の/選択したグループタブをクリックして、名前と位置を変更します。ドラッグしてタブを並べ替えます。", es: "Haga clic en una pestaña de grupo para mostrarla. Haga clic en la pestaña del grupo actual / seleccionado para cambiar su nombre y posición. Arrastra para reordenar las pestañas." },
"That's what it's all about" : { fr: "C'est de ça qu'il s'agit" , ja: "それがすべてです", es: "Eso es lo que se trata" },
"Keep everything tidy" : { fr: "Tout est bien rangé" , ja: "すべてを整頓してください", es: "Mantenga todo ordenado" },
"Well you know how a tab works" : { fr: "Un onglet pour les rassembler tous" , ja: "あなたはタブがどのように機能するか知っています", es: "Sabes como funciona una pestaña" },
"Add a new feed" : { fr: "Ajouter un nouveau flux" , ja: "新しいフィードを追加する", es: "Agregar un nuevo fuente" },
"Get the latest articles." : { fr: "Voir les derniers articles." , ja: "最新の記事を入手する。", es: "Obtenga los últimos artículos." },
"B-bye" : { fr: "Au revoir" , ja: "さようなら", es: "Adios" },
"Grip handle" : { fr: "Poignée" , ja: "グリップハンドル", es: "Mango" },
"Folded feeds are not loaded at startup, so as to speed things up." : { fr: "Les flux pliés ne sont pas chargés au démarrage, afin d'accélérer les choses." , ja: "折りたたまれたフィードは、処理を高速化するために、起動時に読み込まれません。", es: "Los feeds doblados no se cargan al inicio, para acelerar las cosas." },
"Click on a group tab to display it." : { fr: "Cliquer sur l'onglet d'un groupe pour l'afficher." , ja: "グループタブをクリックして表示します。", es: "Haga clic en una pestaña de grupo para mostrarla." },
"You can also drag this button to your bookmark toolbar, and click it when you want to add a website to Pétrolette" : { fr: "Vous pouvez également faire glisser ce bouton dans la barre d'outils de votre navigateur et cliquer dessus lorsque vous souhaitez ajouter un site Web à Pétrolette" , ja: "このボタンをブックマークツールバーにドラッグして、Pétroletteにウェブサイトを追加するときにクリックすることもできます", es: "También puede arrastrar este botón a la barra de herramientas de su marcador y hacer clic en él cuando desee agregar un sitio web a Pétrolette." },
"Add to Pétrolette" : { fr: "Ajouter à Pétrolette" , ja: "Pétroletteに追加", es: "Agregar a Pétrolette" },
"Drag to the bookmark bar" : { fr: "Glisser dans la barre de favoris" , ja: "ブックマークバーにドラッグ", es: "Arrastre a la barra de marcador" },
"Click on the current/selected group tab to change its name and position." : { fr: "Cliquer sur le groupe sélectionné pour changer son nom et sa position." , ja: "現在の/選択したグループタブをクリックして、名前と位置を変更します。", es: "Haga clic en la pestaña del grupo actual / seleccionado para cambiar su nombre y posición." },
"This is a feed. More info: %1" : { fr: "Ceci est un flux. Plus d'infos: %1" , ja: "これはソースです 詳細情報:%1", es: "Esta es una fuente. Más info: %1" },
"Click this button to add a tab" : { fr: "Cliquez sur ce bouton pour ajouter un onglet" , ja: "グループを追加するには、このボタンをクリックします。", es: "Haga clic en este botón para agregar un grupo" },
"Source code" : { fr: "Code source" , ja: "ソースコード", es: "Código fuente" },
"Use the force - read the Source" : { fr: "Utilise la Force, lis le Source" , ja: "力を使って、ソースを読んでください", es: "Usa la fuerza, lee la Fuente" },
"Click to add a feed." : { fr: "Cliquer pour ajouter un flux" , ja: "ソースを追加するにはクリックしてください", es: "Haga clic para agregar una fuente" },
"Click to add a feed" : { fr: "Cliquer pour ajouter un flux" , ja: "ソースを追加するにはクリックしてください", es: "Haga clic para agregar una fuente" },
"Refresh / reload this feed." : { fr: "Actualiser / recharger ce flux." , ja: "このソースを更新/再読み込みしてください。", es: "Actualiza / recarga esta fuente." },
"Refresh / reload this feed" : { fr: "Actualiser / recharger ce flux" , ja: "このソースを更新/再読み込みしてください。", es: "Actualiza / recarga esta fuente" },
"feeds loaded" : { fr: "flux chargés" , ja: "ソースが読み込まれました", es: "fuentes cargadas" },
"Wait! Are you sure?" : { fr: "Stop ! Sur ?" , ja: "待つ! 本気ですか?", es: "¡Espere! ¿Estás seguro?" },
"Select this feed (for drag & drop)." : { fr: "Sélectionner ce flux (pour le glisser-déposer)." , ja: "このソースを選択します(ドラッグ&ドロップ用)。", es: "Seleccione esta fuente (para arrastrar y soltar)." },
"Drag here to move this feed (and all other selected feeds) within this group, or into another." : { fr: "Attraper ici pour déplacer ce flux (et toutes les autres flux sélectionnées) dans ce groupe ou dans un autre." , ja: "ここでドラッグすると、このグループ内のこのソース(および他のすべての選択されたソース)を別のグループに移動できます。", es: "Arrastre aquí para mover esta fuente (y todas las demás fuentes seleccionadas) dentro de este grupo o dentro de otra." },
"Drag here to move this feed (and all other selected feeds) within this tab, or into another." : { fr: "Attraper ici pour déplacer ce flux (et toutes les autres flux sélectionnées) dans cet onglet ou dans un autre." , ja: "ここでドラッグすると、このグループ内のこのソース(および他のすべての選択されたソース)を別のグループに移動できます。", es: "Arrastre aquí para mover esta fuente (y todas las demás fuentes seleccionadas) dentro de este grupo o dentro de otra." },
"Fold / unfold this feed." : { fr: "Plier / déplier ce flux." , ja: "このソースを展開/折りたたむ。", es: "Expandir / contraer esta fuente." },
......@@ -442,9 +455,9 @@ PTL.i18n.translations = {
"Select this feed (%1)" : { fr: "Sélectionner ce flux (%1)", ja: "RSS(%1)フィードを選択", es: "Selecciona este feed (%1)" },
"Configure this feed." : { fr: "Configurer ce flux." , ja: "このソースを設定します。", es: "Configura esta fuente." },
"Configure this feed" : { fr: "Configurer ce flux." , ja: "このソースを設定します。", es: "Configura esta fuente." },
"Delete this feed." : { fr: "Supprimer ce flux." , ja: "このソースを削除してください。", es: "Eliminar esta fuente." },
"Delete this feed" : { fr: "Supprimer ce flux." , ja: "このソースを削除してください。", es: "Eliminar esta fuente." },
"Delete feed" : { fr: "Supprimer flux" , ja: "このソースを削除してください", es: "Eliminar esta fuente" },
......
......@@ -207,48 +207,54 @@ PTL.util = {
ui.setOptions({
steps: [
{
element: 'li[aria-controls=tab-1]',
intro: PTL.tr('This is a group. It contains feeds.')
},
{
element: 'li[aria-controls=tab-2]',
intro: PTL.tr('Click on a group tab to display it.')
title: 'That is what it is all about',
element: 'li.feed',
intro: PTL.tr('This is a feed. ') + '<a class="helpLink" href="https://' + PTL.language + '.wikipedia.org/wiki/RSS"><i class="icon-help"></i></a>'
},
{
title: PTL.tr('Keep everything tidy'),
element: 'li[aria-controls=tab-1]',
intro: PTL.tr('Click on the current/selected group tab to change its name and position.')
intro: PTL.tr('This is a tab. It contains feeds.')
},
{
element: 'li.feed',
intro: PTL.tr('This is a feed. ') + '<a class="ui-button ui-corner-all icon-rzz" href="https://' + PTL.language + '.wikipedia.org/wiki/RSS">' + PTL.tr('More info') + '</a>'
title: PTL.tr('Well you know how a tab works') + ' 😉',
element: 'li[aria-controls=tab-2]',
intro: PTL.tr('Click on a group tab to display it ; Click the current/selected group tab to change its name and position.')
},
{
title: PTL.tr('Add a new feed.'),
element: 'div#newFeedButton',
intro: PTL.tr('Click to add a feed.')
},
{
title: PTL.tr('Refresh / reload this feed.'),
element: '.feed-refresh',
intro: PTL.tr('Refresh / reload this feed.')
intro: PTL.tr('Get the latest articles.')
},
{
title: PTL.tr('Configure this feed.'),
element: '.feed-edit',
intro: PTL.tr('Configure this feed.')
intro: PTL.tr('Configure this feed')
},
{
title: PTL.tr('B-bye!'),
element: '.feed-delete',
intro: PTL.tr('Delete this feed.')
intro: PTL.tr('Delete this feed')
},
{
title: PTL.tr('Select this feed (for drag & drop).'),
element: '.feed-select',
intro: PTL.tr('Select this feed (for drag & drop).')
intro: PTL.tr('Keep everything tidy')
},
{
title: 'Grip handle',
element: '.feed-handle',
intro: PTL.tr('Drag here to move this feed (and all other selected feeds) within this group, or into another.')
intro: PTL.tr('Drag here to move this feed (and all other selected feeds) within this tab, or into another.')
},
{
title: PTL.tr('Fold / unfold this feed.'),
element: 'div.feed-toggle',
intro: PTL.tr('Fold / unfold this feed.')
intro: PTL.tr('Folded feeds are not loaded at startup, so as to speed things up.')
}
]
});
......
......@@ -119,7 +119,7 @@
<div class="menuBarItem logoType translate help-button js-enabled-only"
title="Documentation"
data-title="Documentation">
<i class="logoType icon-help"></i>
<i class="logoType icon-question"></i>
<span class="text translate"
data-content="Help">
Help
......
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