mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-03-19 23:07:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

Màj design + suppression endless_mode + suppression read_mode (reviendra sous une autre forme ?)

Browse Source
This commit is contained in:
Marien Fressinaud
2013-03-11 20:26:22 +01:00
parent 53aef139b8
commit e405af1049
10 changed files with 139 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/controllers/indexController.php
View File

@@ -5,8 +5,6 @@ class indexController extends ActionController {
View::appendScript (Url::display ('/scripts/smoothscroll.js'));
View::appendScript (Url::display ('/scripts/shortcut.js'));
View::appendScript (Url::display (array ('c' => 'javascript', 'a' => 'main')));
View::appendScript (Url::display ('/scripts/endless_mode.js'));
View::appendScript (Url::display ('/scripts/read_mode.js'));
$entryDAO = new EntryDAO ();
$catDAO = new CategoryDAO ();

6
app/layout/aside.phtml
View File

@@ -17,10 +17,6 @@
</li>
<?php } ?>
<li>
<a href="<?php echo Url::display (array ('c' => 'feed', 'a' => 'actualize')); ?>">Mettre les flux à jour</a>
</li>
<?php if (login_is_conf ($this->conf)) { ?>
<li>
<?php if (!is_logged ()) { ?>
@@ -47,7 +43,7 @@
<li class="category<?php echo $this->get == $cat->id () ? ' active' : ''; ?>">
<a href="<?php echo Url::display (array ('params' => array ('get' => $cat->id ()))); ?>">
<?php echo $cat->name (); ?>
<span><?php echo $cat->nbFeed (); ?> flux (<?php echo $cat->nbNotRead (); ?>)</span>
<span><?php echo $cat->nbNotRead (); ?> non lu</span>
</a>
</li>
<?php } ?>

6
app/layout/layout.phtml
View File

@@ -19,9 +19,9 @@
<?php $this->partial ('persona'); ?>
<?php if (isset ($this->notification)) { ?>
<div id="notification" class="<?php echo $this->notification['type']; ?>">
<?php echo $this->notification['content']; ?>
<a class="close" href="">X</a>
<div class="notification <?php echo $this->notification['type']; ?>">
<?php echo $this->notification['content']; ?>
<a class="close" href="">X</a>
</div>
<?php } ?>
</body>

39
app/views/helpers/pagination.phtml
View File

@@ -4,31 +4,24 @@
$params = Request::params ();
?>
<?php if ($this->nbPage > 1) { ?>
<ul class="pagination">
<?php if ($this->currentPage > 1) { ?>
<?php $params[$getteur] = 1; ?>
<li class="pager-first"><a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">« Début</a></li>
<?php $params[$getteur] = $this->currentPage - 1; ?>
<li class="pager-previous"><a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">‹ Précédent</a></li>
<?php } ?>
<?php for ($i = $this->currentPage - 2; $i <= $this->currentPage + 2; $i++) { ?>
<?php if($i > 0 && $i <= $this->nbPage) { ?>
<?php if ($i != $this->currentPage) { ?>
<?php $params[$getteur] = $i; ?>
<li class="pager-item"><a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>"><?php echo $i; ?></a></li>
<?php } else { ?>
<li class="pager-current"><?php echo $i; ?></li>
<?php } ?>
<?php } ?>
<?php } ?>
<li class="item pager-next">
<?php if ($this->currentPage < $this->nbPage) { ?>
<?php $params[$getteur] = $this->currentPage + 1; ?>
<li class="pager-next"><a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">Suivant ›</a></li>
<?php $params[$getteur] = $this->nbPage; ?>
<li class="pager-last"><a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">Fin »</a></li>
<a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">‹ Anciens</a>
<?php } else { ?>
&nbsp;
<?php } ?>
</li>
<li class="item pager-current">page <?php echo $this->currentPage; ?> / <?php echo $this->nbPage; ?></li>
<li class="item pager-previous">
<?php if ($this->currentPage > 1) { ?>
<?php $params[$getteur] = $this->currentPage - 1; ?>
<a href="<?php echo Url::display (array ('c' => $c, 'a' => $a, 'params' => $params)); ?>">Récents ›</a>
<?php } else { ?>
&nbsp;
<?php } ?>
</li>
</ul>
<?php } ?>

20
app/views/index/index.phtml
View File

@@ -2,38 +2,38 @@
<?php if (!empty ($items)) { ?>
<div id="top">
<a class="btn" href="<?php echo Url::display (array ('c' => 'feed', 'a' => 'actualize')); ?>"><i class="refresh"></i></a>
<?php if (!login_is_conf ($this->conf) || is_logged ()) { ?>
<a class="read_all" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('is_read' => 1))); ?>">Tout marquer comme lu</a><?php } ?><!--
<a class="read_all btn" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('is_read' => 1))); ?>">Tout marquer comme lu</a><?php } ?><!--
<?php if ($this->mode == 'not_read') { ?>
--><a class="print_all" href="<?php echo Url::display (array ('a' => 'changeMode', 'params' => array ('mode' => 'all'))); ?>">Tout afficher</a>
--><a class="print_all btn" href="<?php echo Url::display (array ('a' => 'changeMode', 'params' => array ('mode' => 'all'))); ?>">Tout afficher</a>
<?php } else { ?>
--><a class="print_non_read" href="<?php echo Url::display (array ('a' => 'changeMode', 'params' => array ('mode' => 'not_read'))); ?>">Afficher les non lus</a>
--><a class="print_non_read btn" href="<?php echo Url::display (array ('a' => 'changeMode', 'params' => array ('mode' => 'not_read'))); ?>">Afficher les non lus</a>
<?php } ?>
</div>
<div id="stream">
<?php $this->entryPaginator->render ('pagination.phtml', 'page'); ?>
<?php foreach ($items as $item) { ?>
<div class="post flux<?php echo !$item->isRead () ? ' not_read' : ''; ?><?php echo $item->isFavorite () ? ' favorite' : ''; ?>" id="flux_<?php echo $item->id (); ?>">
<ul class="flux_header">
<li class="item manage">
<?php if (!login_is_conf ($this->conf) || is_logged ()) { ?>
<?php if (!$item->isRead ()) { ?>
<a class="read" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('id' => $item->id (), 'is_read' => 1))); ?>">&nbsp;</a>
<a class="read" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('id' => $item->id (), 'is_read' => 1))); ?>">&nbsp;</a><!--
<?php } else { ?>
<a class="read" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('id' => $item->id (), 'is_read' => 0))); ?>">&nbsp;</a>
<a class="read" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'read', 'params' => array ('id' => $item->id (), 'is_read' => 0))); ?>">&nbsp;</a><!--
<?php } ?>
<?php if (!$item->isFavorite ()) { ?>
<a class="bookmark" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'bookmark', 'params' => array ('id' => $item->id (), 'is_favorite' => 1))); ?>">&nbsp;</a>
--><a class="bookmark" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'bookmark', 'params' => array ('id' => $item->id (), 'is_favorite' => 1))); ?>">&nbsp;</a>
<?php } else { ?>
<a class="bookmark" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'bookmark', 'params' => array ('id' => $item->id (), 'is_favorite' => 0))); ?>">&nbsp;</a>
--><a class="bookmark" href="<?php echo Url::display (array ('c' => 'entry', 'a' => 'bookmark', 'params' => array ('id' => $item->id (), 'is_favorite' => 0))); ?>">&nbsp;</a>
<?php } ?>
<?php } ?>
</li>
<?php $feed = $item->feed (true); ?>
<li class="item website"><a target="_blank" href="<?php echo $feed->website (); ?>"><img src="http://www.google.com/s2/favicons?domain=<?php echo get_domain ($feed->website ()); ?>" alt="" /> <?php echo $feed->name (); ?></a></li>
<li class="item website"><a target="_blank" href="<?php echo $feed->website (); ?>"><img src="http://www.google.com/s2/favicons?domain=<?php echo get_domain ($feed->website ()); ?>" alt="" /><span> <?php echo $feed->name (); ?></span></a></li>
<li class="item title"><h1><?php echo $item->title (); ?></h1></li>
<li class="item date">le <?php echo $item->date (); ?></li>
<li class="item link"><a target="_blank" href="<?php echo $item->link (); ?>">&nbsp;</a></li>

10
app/views/javascript/main.phtml
View File

@@ -20,11 +20,11 @@ function slide (new_active, old_active) {
old_active.removeClass ("active");
new_active.addClass ("active");
if (hide_posts && !read_mode_on ) {
if (hide_posts) {
old_active.children (".content").slideUp (500);
new_active.children (".content").slideDown (500, function () {
$.smoothScroll({
offset: new_active.position ().top - 50
offset: new_active.position ().top
});
});
} else {
@@ -104,7 +104,7 @@ function mark_favorite (active) {
}
function init_posts () {
if (hide_posts && !read_mode_on) {
if (hide_posts) {
$(".post.flux:not(.active) .content").slideUp ();
}
@@ -212,10 +212,8 @@ $(document).ready (function () {
redirect (url, false);
});
shortcut.add("<?php echo $s['go_website']; ?>", function () {
url = $(".post.flux.active h1.title a").attr ("href");
url = $(".post.flux.active .link a").attr ("href");
redirect (url, true);
});
$("#categories").height ($('body').height () - $("#categories").position ().top);
});

41
public/scripts/endless_mode.js
View File

@@ -1,41 +0,0 @@
var url_next_page = "";
var load = false;
function load_more_refresh () {
if (url_next_page === undefined) {
$("#load_more").html ("Il n'y a rien à charger");
$("#load_more").addClass ("disable");
} else {
$("#load_more").html ("Charger plus d'articles");
}
}
function load_more_posts (f_callback) {
load = true;
$.get (url_next_page, function (data) {
$("#load_more").before ($("#stream .post", data));
url_next_page = $(".pagination:last li.pager-next a", data).attr ("href");
init_posts ();
load_more_refresh ();
if (typeof f_callback == 'function') {
f_callback.call (this);
}
load = false;
});
}
$(document).ready (function () {
url_next_page = $(".pagination:last li.pager-next a").attr ("href");
$(".pagination:last").remove ();
$("#stream").append ("<a id=\"load_more\" href=\"#\"></a>");
load_more_refresh ();
$("#load_more").click (function () {
load_more_posts ();
return false;
});
});

85
public/scripts/read_mode.js
View File

@@ -1,85 +0,0 @@
var read_mode_on = false;
var scroll_auto = false;
function read_mode () {
read_mode_on = true;
// global
$('#global').css({
'background': '#ddd'
});
$('#main_aside').animate ({width: 0}, 500, function () {
$('#main_aside').hide ();
});
$('#top').animate ({height: 0}, 500, function () {
$('#top').hide ();
});
$('#main').animate({
'width': 800,
'padding-left': ($(window).width() - 800) / 2,
});
$('#main').css({
'background': '#ddd'
});
$('#stream').addClass ('read_mode');
$('ul.pagination').fadeOut (500);
// posts
$('.post.flux .content').slideDown (500);
// mode endless auto
scroll_auto = true;
$(window).scroll (function () {
offset = $('#load_more').offset ();
if (offset.top - $(window).height () <= $(window).scrollTop ()
&& !load
&& url_next_page !== undefined
&& scroll_auto) {
load_more_posts ();
}
});
}
function un_read_mode () {
read_mode_on = false;
// global
$('#global').css({
'background': '#fafafa'
});
$('#main_aside').show ();
$('#main_aside').animate ({width: 250});
$('#top').show ();
$('#top').animate ({height: 50});
$('#main').animate({
'width': '100%',
'padding-left': 250,
});
$('#main').css({
'background': '#fafafa'
});
$('#stream').removeClass ('read_mode');
$('ul.pagination').fadeIn (500);
// posts
if (hide_posts) {
$('.post.flux .content').slideUp (500);
}
// mode endless auto desactivé
scroll_auto = false;
}
$(document).ready (function () {
$('#global').append ('<a id="read_mode" href="#">&nbsp;</a>');
$('a#read_mode').click (function () {
if (read_mode_on) {
un_read_mode ();
} else {
read_mode ();
}
return false;
});
});

196
public/theme/base.css
View File

@@ -5,7 +5,7 @@
html, body {
height: 100%;
font-size: 95%;
font-family: "Cantarell", "sans-serif";
font-family: "Cantarell", "Helvetica", "Arial", "sans-serif";
}
/* LIENS */
@@ -98,6 +98,35 @@ form {
padding: 0 0 0 5px;
font-weight: normal;
}
.btn {
display: inline-block;
height: 30px;
padding: 5px 10px;
background: linear-gradient(#fff, #eee);
border-radius: 3px;
border: 1px solid #ddd;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
color: #666;
text-shadow: 0px 1px 1px #ddd;
line-height: 30px;
vertical-align: middle;
}
.btn:hover {
background: linear-gradient(#fafafa, #f0f0f0);
text-decoration: none;
}
.btn:active {
box-shadow: 0px 2px 4px #e0e0e0 inset, 0px 1px 2px #fafafa;
}
/* *** */
.refresh {
display: inline-block;
width: 30px;
height: 30px;
background: url("refresh.svg") center center no-repeat;
}
/* STRUCTURE */
#global {
@@ -183,10 +212,6 @@ form {
border: none;
border-radius: 0;
}
#main_aside {
position: fixed;
z-index: 10;
}
#categories {
height: 69%;
overflow: auto;
@@ -195,40 +220,25 @@ form {
#main {
display: table-cell;
height: 100%;
max-width: 800px;
padding: 0 0 0 250px;
line-height: 180%;
background: #fafafa;
vertical-align: top;
}
#top {
position: fixed;
top: 0;
width: 85%;
background: #eee;
width: 100%;
background: #fafafa;
border-bottom: 1px solid #aaa;
box-shadow: 0 1px 3px #aaa;
text-align: center;
z-index: 0;
padding: 5px 0;
}
#top a {
display: inline-block;
height: 50px;
width: 50%;
line-height: 50px;
font-weight: bold;
#top .btn {
margin: 0 10px;
}
#top a:hover {
background: #fafafa;
text-decoration: none;
}
#stream {
padding: 50px 0 0;
}
#main .table {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
#main .nothing {
display: table-cell;
@@ -253,13 +263,13 @@ form {
line-height: 170%;
}
.post.flux .content h1, .post.flux .content h2, .post.flux .content h3 {
margin: 20px 0;
margin: 20px 0 5px;
}
.post.flux .content p {
margin: 20px 0;
margin: 10px 0;
}
.post.flux .content img {
margin: 10px;
margin: 0;
border-radius: 5px;
}
.post.flux .content pre {
@@ -308,12 +318,12 @@ form {
vertical-align: middle;
}
.flux_header .item.manage {
width: 40px;
width: 50px;
}
.flux_header .item.manage .read {
display: inline-block;
width: 16px;
height: 16px;
width: 25px;
height: 25px;
background: url("read.svg") center center no-repeat;
vertical-align: middle;
}
@@ -325,8 +335,8 @@ form {
}
.flux_header .item.manage .bookmark {
display: inline-block;
width: 16px;
height: 16px;
width: 25px;
height: 25px;
background: url("non-starred.svg") center center no-repeat;
vertical-align: middle;
}
@@ -361,110 +371,49 @@ form {
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
font-size: 10px;
color: #666;
}
.flux_header .item.link {
width: 25px;
width: 35px;
text-align: center;
}
.flux_header .item.link a {
display: inline-block;
width: 16px;
height: 16px;
width: 25px;
height: 25px;
background: url("website.svg") center center no-repeat;
vertical-align: middle;
}
.flux_header .item.link a:hover {
text-decoration: none;
}
#stream.read_mode {
background: #fff;
box-shadow: 0 0 5px #000;
}
#stream.read_mode .post.flux {
border-left: 0;
padding: 50px 20px;
background: #fff;
}
#stream.read_mode .post.flux a {
color: #363;
}
#stream.read_mode .post.flux .content a {
text-decoration: underline;
}
#stream.read_mode .post.flux .content a:hover {
text-decoration: none;
}
#stream.read_mode .post.flux .after {
display: none;
}
/*** PAGINATION ***/
.pagination {
height: 50px;
display: block;
margin: 0;
list-style: none;
background: #fafafa;
text-align: center;
font-size: 100%;
line-height: 50px;
}
.pagination li {
color: #333;
font-size: 80%;
line-height: 200%;
border-top: 1px solid #aaa;
}
.pagination .item {
display: inline-block;
width: 30px;
height: 30px;
}
.pagination li.pager-next, .pagination li.pager-previous, .pagination li.pager-first, .pagination li.pager-last {
width: 100px;
}
.pagination li.pager-current {
font-weight: bold;
}
.pagination li a {
display: block;
color: #F09600;
}
a#load_more {
display: block;
height: 50px;
background: #eee;
line-height: 50px;
text-align: center;
font-weight: bold;
border-top: 1px solid #aaa;
}
a#load_more:hover {
background: #fff;
text-decoration: none;
padding: 5px 10px;
}
a#load_more.disable {
cursor: default;
background: #eee;
color: #666;
}
a#read_mode {
display: block;
position: fixed;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
background: url("read_mode.png") 9px 9px no-repeat #ddd;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-radius: 20px 0 0 0;
box-shadow: -2px -2px 5px #aaa;
transition: all 100ms linear 0s;
}
a#read_mode:hover {
width: 60px;
height: 60px;
background-color: #eee;
text-decoration: none;
.pagination .item a {
color: #333;
font-style: italic;
}
.pagination .item.pager-current {
font-weight: bold;
}
/*** NOTIFICATION ***/
#notification {
.notification {
position: fixed;
bottom: 0;
left: 25%;
@@ -479,13 +428,13 @@ a#read_mode {
color: #666;
font-weight: bold;
}
#notification.good {
.notification.good {
background: #f4f899;
}
#notification.bad {
.notification.bad {
background: #f4a899;
}
#notification a.close {
.notification a.close {
display: inline-block;
width: 25px;
height: 25px;
@@ -497,7 +446,7 @@ a#read_mode {
line-height: 25px;
color: #666;
}
#notification a.close:hover {
.notification a.close:hover {
text-decoration: none;
}
@@ -519,9 +468,12 @@ a#read_mode {
#stream {
padding: 0;
}
.flux_header .item.website,
.flux_header .item.website span,
.flux_header .item.date {
width: 100px;
display: none;
}
.flux_header .item.website {
width: 20px;
}
.post.flux .content {
padding: 10px;

31
public/theme/refresh.svg Normal file
View File

@@ -0,0 +1,31 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:svg='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns#' id='svg7384' sodipodi:docname='view-refresh-symbolic.svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' inkscape:version='0.48.1 r9760' version='1.1' width='16' height='16' xmlns:dc='http://purl.org/dc/elements/1.1/'>
<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:zoom='1' inkscape:bbox-paths='false' inkscape:pageopacity='1' guidetolerance='10' inkscape:snap-bbox='true' inkscape:window-height='1162' objecttolerance='10' id='namedview88' showborder='false' inkscape:window-x='2191' inkscape:window-y='111' inkscape:cx='9.3351214' inkscape:cy='10.6119' gridtolerance='10' inkscape:snap-bbox-midpoints='false' showguides='true' inkscape:pageshadow='2' pagecolor='#555753' bordercolor='#666666' inkscape:snap-global='true' inkscape:window-maximized='0' inkscape:object-nodes='false' inkscape:snap-nodes='false' inkscape:guide-bbox='true' inkscape:window-width='1595' inkscape:snap-others='false' borderopacity='1' showgrid='false' inkscape:snap-to-guides='true' inkscape:object-paths='false' inkscape:snap-grids='true' inkscape:current-layer='layer12'>
<inkscape:grid enabled='true' spacingx='1px' spacingy='1px' id='grid4866' visible='true' snapvisiblegridlinesonly='true' empspacing='2' type='xygrid'/>
</sodipodi:namedview>
<title id='title9167'>Gnome Symbolic Icon Theme</title>
<defs id='defs7386'/>
<g id='layer9' transform='translate(-241.0002,-627)' inkscape:label='status' style='display:inline' inkscape:groupmode='layer'/>
<g id='layer10' transform='translate(-241.0002,-627)' inkscape:label='devices' inkscape:groupmode='layer'/>
<g id='layer11' transform='translate(-241.0002,-627)' inkscape:label='apps' inkscape:groupmode='layer'/>
<g id='layer13' transform='translate(-241.0002,-627)' inkscape:label='places' inkscape:groupmode='layer'/>
<g id='layer14' transform='translate(-241.0002,-627)' inkscape:label='mimetypes' inkscape:groupmode='layer'/>
<g id='layer15' transform='translate(-241.0002,-627)' inkscape:label='emblems' style='display:inline' inkscape:groupmode='layer'/>
<g id='g71291' transform='translate(-241.0002,-627)' inkscape:label='emotes' style='display:inline' inkscape:groupmode='layer'/>
<g id='g4953' transform='translate(-241.0002,-627)' inkscape:label='categories' style='display:inline' inkscape:groupmode='layer'/>
<g id='layer12' transform='translate(-241.0002,-627)' inkscape:label='actions' style='display:inline' inkscape:groupmode='layer'>
<path id='path4597' d='m 253.90645,628.96875 a 1.0001,1.0001 0 0 0 -0.125,0.0312 1.0001,1.0001 0 0 0 -0.78125,1 l 0,1.6875 c -0.38225,-0.57796 -0.84927,-1.08223 -1.40625,-1.5 -1.15563,-0.86677 -2.53199,-1.25227 -3.875,-1.1875 -0.19186,0.009 -0.37223,0.0353 -0.5625,0.0625 -1.52218,0.21741 -2.97815,1.02304 -3.96875,2.34375 -1.98119,2.64144 -1.42267,6.42505 1.21875,8.40625 2.64147,1.98122 6.42504,1.42267 8.40625,-1.21875 A 1.0063276,1.0063276 0 0 0 253.0002,638 a 1.0063276,1.0063276 0 0 0 0,-0.15625 l 0,-0.84375 -0.8125,0 -0.0937,0 a 1.0063276,1.0063276 0 0 0 -0.0937,0 1.0063276,1.0063276 0 0 0 -0.8125,0.40625 c -1.33265,1.77674 -3.81702,2.11387 -5.59375,0.78125 -1.77674,-1.33264 -2.1139,-3.81699 -0.78125,-5.59375 1.33265,-1.77674 3.817,-2.11389 5.59375,-0.78125 0.42946,0.32212 0.76954,0.73295 1.03125,1.1875 l -1.4375,0 a 1.0001,1.0001 0 0 0 -1,1 1.0001,1.0001 0 0 0 0,0.21875 l 0,0.78125 0.84375,0 0.15625,0 4,0 1,0 0,-1 0,-4 a 1.0001,1.0001 0 0 0 0,-0.1875 l 0,-0.8125 -0.8125,0 a 1.0001,1.0001 0 0 0 -0.28125,-0.0312 z' 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:#666666;fill:#666666;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' inkscape:connector-curvature='0'/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB