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

app/controllers/indexController.php

@@ -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 ();

app/layout/aside.phtml

@@ -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 } ?>

app/layout/layout.phtml

@@ -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>

app/views/helpers/pagination.phtml

@@ -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 } ?>

app/views/index/index.phtml

@@ -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>

app/views/javascript/main.phtml

@@ -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);
 });

public/scripts/endless_mode.js

@@ -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;
-	});
-});

public/scripts/read_mode.js

@@ -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;
-	});
-});

public/theme/base.css

@@ -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;
-	margin: 0;
-	list-style: none;
-	text-align: center;
-	font-size: 100%;
-	line-height: 50px;
-	}
-	.pagination li {
-		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;
+	margin: 0;
+	background: #fafafa;
 	text-align: center;
-	font-weight: bold;
+	color: #333;
+	font-size: 80%;
+	line-height: 200%;
 	border-top: 1px solid #aaa;
 }
-	a#load_more:hover {
-		background: #fff;
-		text-decoration: none;
-	}
-	a#load_more.disable {
-		cursor: default;
-		background: #eee;
-		color: #666;
+	.pagination .item {
+		display: inline-block;
+		padding: 5px 10px;
 	}
-
-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;

public/theme/refresh.svg

@@ -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>