Update to Movim 20150825

README.md

@@ -5,14 +5,11 @@ Movim is a decentralized social network, written in PHP and HTML5 and based on t
 
 Warning: BETA.
 
-Current Movim version : 20150818.
+Current Movim version : 20150824.
 
 **Changelog**
 
-0.8.1b 2015-08-24
-- Revert to Movim 20150818 to fix a bug (instant disconnect after login)
-
-0.8b 2015-08-23
+0.8b 2015-08-24
 - Added language selection : ar, de, es, it, ja, nl, ru
 - Fix URL in manifest.json (was https://https://...)
 - Public/Private policy changed. The SSO portal is not used anymore
@@ -20,7 +17,7 @@ Current Movim version : 20150818.
   This change was necessary for public content (blog)
 - Add dedicated php-fpm pool for Movim
 - Protect /log and /config properly
-- Update to upstream Movim 20150821
+- Update to upstream Movim 20150824
 - Fix #6 and #7
 
 0.7b 2015-08-20

sources/app/helpers/StringHelper.php

@@ -224,7 +224,12 @@ function cleanJid($jid)
  */
 function explodeJid($jid)
 {
-    list($jid, $resource) = explode('/', $jid);
+    $arr = explode('/', $jid);
+    $jid = $arr[0];
+
+    if(isset($arr[1])) $resource = $arr[1];
+    else $resource = null;
+
     list($username, $server) = explode('@', $jid);
 
     return array(

sources/app/models/contact/Contact.php

@@ -259,9 +259,9 @@ class Contact extends Model {
     }
 
     public function setVcard4($vcard) {
-        if(isset($vcard->bday->date) && !empty((string)$vcard->bday->date))
+        if(isset($vcard->bday->date))
             $this->date    = (string)$vcard->bday->date;
-        else
+        if(empty($this->date))
             $this->date    = null;
 
         $this->name    = (string)$vcard->nickname->text;

sources/app/models/postn/PostnDAO.php

@@ -359,6 +359,28 @@ class PostnDAO extends SQL {
         return $this->run('ContactPostn');
     }
 
+
+    function getMe($limitf = false, $limitr = false) {
+        $this->_sql = '
+            select *, postn.aid, privacy.value as privacy from postn
+            left outer join contact on postn.aid = contact.jid
+            left outer join privacy on postn.nodeid = privacy.pkey
+            where postn.origin = :origin and postn.node = \'urn:xmpp:microblog:0\'
+            order by postn.published desc
+            ';
+
+        if($limitr)
+            $this->_sql = $this->_sql.' limit '.$limitr.' offset '.$limitf;
+
+        $this->prepare(
+            'Postn',
+            array(
+                'origin' => $this->_user
+            )
+        );
+
+        return $this->run('ContactPostn');
+    }
     function getPublic($origin, $node, $limitf = false, $limitr = false) {
         $this->_sql = '
             select *, postn.aid, privacy.value as privacy from postn

sources/app/widgets/Chat/chat.css

@@ -19,7 +19,7 @@
 #chat_widget .chat_box ul {
     margin: 0 auto;
     max-width: 100rem;
-    margin-left: calc(50% - 51rem);
+    margin-left: calc(45% - 49rem);
 }
 
 #chat_widget .chat_box form {
@@ -61,12 +61,16 @@
     margin-top: 0.85rem;
 }
 
-#chat_widget li img {
+#chat_widget li img:not(.emoji) {
     max-height: 30rem;
     max-width: 100%;
     display: block;
 }
 
+#chat_widget li img.emoji {
+    padding: 0 0.25rem;
+}
+
 #chat_widget li.room {
     min-height: 3rem;
     margin-bottom: 0.5rem;

sources/app/widgets/Chat/chat.js

@@ -121,6 +121,13 @@ var Chat = {
     }
 }
 
+MovimWebsocket.attach(function() {
+    var jid = document.querySelector('#chat_widget').dataset.jid;
+    if(jid) {
+        Chat_ajaxGet(jid);
+    }
+});
+
 Upload.attach(function() {
     var textarea = document.querySelector('#chat_textarea');
     textarea.value = Upload.get + ' ' + textarea.value;

sources/app/widgets/Chat/chat.tpl

@@ -1,10 +1,3 @@
-<div id="chat_widget">
+<div id="chat_widget" {if="$jid"}data-jid="{$jid}"{/if}>
     {$c->prepareEmpty()}
-    {if="$jid"}
-        <script type="text/javascript">
-            MovimWebsocket.attach(function() {
-                Chat_ajaxGet('{$jid}');
-            });
-        </script>
-    {/if}
 </div>

sources/app/widgets/Chats/Chats.php

@@ -15,6 +15,8 @@ class Chats extends WidgetBase
         $this->registerEvent('carbons', 'onMessage');
         $this->registerEvent('message', 'onMessage');
         $this->registerEvent('presence', 'onPresence', 'chat');
+        $this->registerEvent('composing', 'onComposing');
+        $this->registerEvent('paused', 'onPaused');
     }
 
     function onMessage($packet)
@@ -56,6 +58,29 @@ class Chats extends WidgetBase
         }
     }
 
+    function onComposing($array)
+    {
+        $this->setState($array, $this->__('chats.composing'));
+    }
+
+    function onPaused($array)
+    {
+        $this->setState($array, $this->__('chats.paused'));
+    }
+
+    private function setState($array, $message)
+    {
+        list($from, $to) = $array;
+        if($from == $this->user->getLogin()) {
+            $jid = $to;
+        } else {
+            $jid = $from;
+        }
+
+        RPC::call('movim_replace', $jid.'_chat_item', $this->prepareChat($jid, $message));
+        RPC::call('Chats.refresh');
+    }
+
     /**
      * @brief Get history
      */
@@ -67,7 +92,7 @@ class Chats extends WidgetBase
         $messages = $md->getContact(echapJid($jid), 0, 1);
 
         $g = new \Moxl\Xec\Action\MAM\Get;
-        $g->setJid($jid);
+        $g->setJid(echapJid($jid));
 
         if(!empty($messages)) {
             $g->setStart(strtotime($messages[0]->published));
@@ -156,7 +181,7 @@ class Chats extends WidgetBase
         return $view->draw('_chats', true);
     }
 
-    function prepareChat($jid)
+    function prepareChat($jid, $status = null)
     {
         if(!$this->validateJid($jid)) return;
 
@@ -180,6 +205,8 @@ class Chats extends WidgetBase
             $view->assign('caps', null);
         }
 
+        $view->assign('status', $status);
+
         $m = $md->getContact($jid, 0, 1);
         if(isset($m)) {
             $view->assign('message', $m[0]);

sources/app/widgets/Chats/_chats_item.tpl

@@ -26,6 +26,9 @@
         </span>
     {/if}
     <span>{$contact->getTrueName()}</span>
+    {if="isset($status)"}
+        <p>{$status}</p>
+    {else}
         {if="isset($message)"}
             <span class="info">{$message->published|strtotime|prepareDate}</span>
             {if="preg_match('#^\?OTR#', $message->body)"}
@@ -34,4 +37,5 @@
                 <p>{$message->body|prepareString|strip_tags}</p>
             {/if}
         {/if}
+    {/if}
 </li>

sources/app/widgets/Chats/locales.ini

@@ -4,6 +4,8 @@ empty             = Open a new conversation by clicking on the plus button bello
 add               = Chat with a contact
 frequent          = Frequent contacts
 more              = Load more contacts
+composing         = Composing...
+paused            = Paused...
 
 [message]
 encrypted       = Encrypted message

sources/app/widgets/Group/locales.ini

@@ -20,6 +20,6 @@ subscriptions      = Subscriptions
 servers            = Groups servers
 search_server      = Search for a new server
 help_info1         = "Groups are the perfect way to share posts about topics that you like with all the other Movim's users."
-help_info2         = Choose a server and a Group and subscribe to it using the %s button in the header. You can alse create a new one using the %s button.
+help_info2         = Choose a server and a Group and subscribe to it using the %s button in the header. You can also create a new one using the %s button.
 help_info3         = Done? You can now publish a new post in the Group by using the %s button.
 help_info4         = You will find a list of all your subscribed Groups in My Subscriptions and receive instantly all the new incoming posts in the %sNews%s page.

sources/app/widgets/Header/_header_news.tpl

@@ -6,8 +6,9 @@
             <div class="select">
                 <select onchange="window[this.value].apply()" name="language" id="language">
                     <option value="Menu_ajaxGetAll" selected="selected">{$c->__('menu.all')}</option>
-                    <option value="Menu_ajaxGetNews" >{$c->__('menu.groups')}</option>
-                    <option value="Menu_ajaxGetFeed" >{$c->__('menu.contacts')}</option>
+                    <option value="Menu_ajaxGetNews">{$c->__('menu.groups')}</option>
+                    <option value="Menu_ajaxGetFeed">{$c->__('menu.contacts')}</option>
+                    <option value="Menu_ajaxGetMe">{$c->__('menu.me')}</option>
                 </select>
             </div>
         </div>

sources/app/widgets/Header/locales.ini

@@ -3,6 +3,7 @@ all        = All
 groups     = Groups
 contacts   = Contacts
 refresh    = Refresh all the streams
+me         = My publications
 
 [roster]
 search   = Search in your contacts

sources/app/widgets/Menu/Menu.php

@@ -75,6 +75,11 @@ class Menu extends WidgetBase
         $this->ajaxGet('node', $server, $node, $page);
     }
 
+    function ajaxGetMe($page = 0)
+    {
+        $this->ajaxGet('me', null, null, $page);
+    }
+
     function ajaxGet($type = 'all', $server = null, $node = null, $page = 0)
     {
         $html = $this->prepareList($type, $server, $node, $page);
@@ -129,6 +134,10 @@ class Menu extends WidgetBase
                 $view->assign('history', $this->call('ajaxGetFeed', $next));
                 $items  = $pd->getFeed($page * $this->_paging + $count, $this->_paging);
                 break;
+            case 'me' :
+                $view->assign('history', $this->call('ajaxGetMe', $next));
+                $items  = $pd->getMe($page * $this->_paging + $count, $this->_paging);
+                break;
             case 'node' :
                 $view->assign('history', $this->call('ajaxGetNode', '"'.$server.'"', '"'.$node.'"', '"'.$next.'"'));
                 $items  = $pd->getNode($server, $node, $page * $this->_paging + $count, $this->_paging);

sources/app/widgets/Navigation/navigation.tpl

@@ -27,7 +27,7 @@
     <a class="classic" href="{$c->route('contact')}">
         <li {if="$page == 'contact'"}class="active"{/if}>
             <span class="icon"><i class="zmdi zmdi-accounts"></i></span>
-            <span class="counter"></span>
+            <span data-key="invite" class="counter"></span>
             <span>{$c->__('page.contacts')}</span>
         </li>
     </a>

sources/app/widgets/Notification/notification.js

@@ -105,7 +105,7 @@ var Notification = {
     desktop : function(title, body, picture) {
         if(Notification.inhibed == true
         || Notification.focused) return;
-
+console.log(DesktopNotification);
         var notification = new DesktopNotification(title, { icon: picture, body: body });
     }
 }

sources/app/widgets/Notifs/Notifs.php

@@ -37,11 +37,20 @@ class Notifs extends WidgetBase
         $this->registerEvent('presence_subscribed_handle', 'onNotifs');
     }
 
-    function onNotifs($packet = false)
+    function onNotifs($from = false)
     {
         $html = $this->prepareNotifs();
         RPC::call('movim_fill', 'notifs_widget', $html);
         RPC::call('Notifs.refresh');
+
+        if(is_string($from)) {
+            $cd = new \Modl\ContactDAO;
+            $contact = $cd->get($from);
+
+            $avatar = $contact->getPhoto('s');
+            if($avatar == false) $avatar = null;
+            Notification::append('invite|'.$from, $contact->getTrueName(), $this->__('notifs.wants_to_talk', $contact->getTrueName()), $avatar, 4);
+        }
     }
 
     function ajaxGet()
@@ -118,6 +127,7 @@ class Notifs extends WidgetBase
         unset($notifs[$jid]);
 
         $session->set('activenotifs', $notifs);
+        Notification::ajaxClear('invite|'.$jid);
     }
 
     function ajaxRefuse($jid)
@@ -137,15 +147,6 @@ class Notifs extends WidgetBase
         $session->set('activenotifs', $notifs);
 
         $this->onNotifs();
-    }
-
-    function genCallAccept($jid)
-    {
-        return $this->call('ajaxAccept', "'".$jid."'");
-    }
-
-    function genCallRefuse($jid)
-    {
-        return $this->call('ajaxRefuse', "'".$jid."'");
+        Notification::ajaxClear('invite|'.$jid);
     }
 }

sources/app/widgets/Rooms/Rooms.php

@@ -12,6 +12,7 @@ class Rooms extends WidgetBase
     function load()
     {
         $this->addjs('rooms.js');
+        $this->addcss('rooms.css');
         $this->registerEvent('bookmark_set_handle', 'onBookmark');
         $this->registerEvent('presence_muc_handle', 'onConnected');
         $this->registerEvent('presence_unavailable_handle', 'onDisconnected');

sources/app/widgets/Rooms/_rooms.tpl

@@ -1,5 +1,5 @@
 {if="!$c->supported('anonymous') && $c->getView() != 'room'"}
-    <ul class="middle divided spaced active">
+    <ul class="thin divided spaced active">
         <li class="subheader">
             {$c->__('chatrooms.title')}
             <span class="info">{$conferences|count}</span>
@@ -8,14 +8,14 @@
             {$connected = $c->checkConnected($value->conference, $value->nick)}
             <li data-jid="{$value->conference}"
                 {if="$value->nick != null"} data-nick="{$value->nick}" {/if}
-                class="condensed room {if="$connected"}online{/if}">
+                class="room {if="$connected"}online{/if}">
                 {if="$connected"}
-                    <span class="icon bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts"></i></span>
+                    <span class="icon small bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts"></i></span>
                 {else}
-                    <span class="disabled icon bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts-outline"></i></span>
+                    <span class="disabled icon small bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts-outline"></i></span>
                 {/if}
                 <span>{$value->name}</span>
-                <p>{$value->conference}</p>
+                <span class="second">{$value->conference}</span>
             </li>
         {/loop}
 

sources/app/widgets/Rooms/rooms.css

@@ -0,0 +1,3 @@
+#rooms_widget ul li.room {
+    white-space: nowrap;
+}

sources/app/widgets/Roster/roster.tpl

@@ -1,5 +1,5 @@
 <div id="roster" ng-controller="RosterController as rosterCtrl">
-    <ul id="rosterlist" class="{if="isset($conf) && $conf.roster == 'show'"}offlineshown{/if} active all">
+    <ul id="rosterlist" class="{if="isset($conf) && isset($conf.roster) && $conf.roster == 'show'"}offlineshown{/if} active all">
         <div ng-if="contacts == null" class="empty placeholder icon contacts">
             <h1>{$c->__('roster.no_contacts_title')}</h1>
             <h4>{$c->__('roster.no_contacts_text')}</h4>

sources/linker.php

@@ -51,7 +51,6 @@ $stdin_behaviour = function ($data) use (&$conn, $loop, &$buffer, &$connector, &
                     $config = $cd->get();
 
                     $port = 5222;
-
                     $dns = \Moxl\Utils::resolveHost($msg->host);
                     if(isset($dns[0]['target']) && $dns[0]['target'] != null) $msg->host = $dns[0]['target'];
                     if(isset($dns[0]['port']) && $dns[0]['port'] != null) $port = $dns[0]['port'];
@@ -111,6 +110,7 @@ $xmpp_behaviour = function (React\Stream\Stream $stream) use (&$conn, $loop, &$s
             } elseif($message == "<proceed xmlns='urn:ietf:params:xml:ns:xmpp-tls'/>"
                   || $message == '<proceed xmlns="urn:ietf:params:xml:ns:xmpp-tls"/>') {
                 stream_set_blocking($conn->stream, 1);
+                stream_context_set_option($conn->stream, 'ssl', 'allow_self_signed', true);
                 $out = stream_socket_enable_crypto($conn->stream, 1, STREAM_CRYPTO_METHOD_TLS_CLIENT);
 
                 $restart = true;

sources/locales/messages.pot

@@ -25,10 +25,10 @@
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Chats/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
-#. extracted from ../app/widgets/Config/locales.ini
-#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/ConfigData/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
+#. extracted from ../app/widgets/Config/locales.ini
+#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Contact/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Group/locales.ini
@@ -45,10 +45,10 @@
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Location/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
-#. extracted from ../app/widgets/Login/locales.ini
-#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/LoginAnonymous/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
+#. extracted from ../app/widgets/Login/locales.ini
+#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Menu/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/NodeAffiliations/locales.ini
@@ -81,17 +81,17 @@
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/Vcard4/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
-#. extracted from ../app/widgets/Visio/locales.ini
-#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../app/widgets/VisioExt/locales.ini
 #. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
+#. extracted from ../app/widgets/Visio/locales.ini
+#. #-#-#-#-#  locales.po (PACKAGE VERSION)  #-#-#-#-#
 #. extracted from ../locales/locales.ini
 #, fuzzy
 msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2015-08-16 15:40+0200\n"
+"POT-Creation-Date: 2015-08-20 15:17+0200\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -584,11 +584,11 @@ msgstr ""
 msgid "Encrypted message"
 msgstr ""
 
-#: [message]composing
+#: [message]composing [chats]composing
 msgid "Composing..."
 msgstr ""
 
-#: [message]paused
+#: [message]paused [chats]paused
 msgid "Paused..."
 msgstr ""
 
@@ -666,6 +666,26 @@ msgstr ""
 msgid "Load more contacts"
 msgstr ""
 
+#: [title]data
+msgid "Data"
+msgstr ""
+
+#: [title]cache
+msgid "Cache"
+msgstr ""
+
+#: [title]contacts [menu]contacts [page]contacts
+msgid "Contacts"
+msgstr ""
+
+#: [title]posts [page]posts
+msgid "Posts"
+msgstr ""
+
+#: [title]messages
+msgid "Messages"
+msgstr ""
+
 #: [config]general
 msgid "General"
 msgstr ""
@@ -702,26 +722,6 @@ msgstr ""
 msgid "Use desktop notifications"
 msgstr ""
 
-#: [title]data
-msgid "Data"
-msgstr ""
-
-#: [title]cache
-msgid "Cache"
-msgstr ""
-
-#: [title]contacts [menu]contacts [page]contacts
-msgid "Contacts"
-msgstr ""
-
-#: [title]posts [page]posts
-msgid "Posts"
-msgstr ""
-
-#: [title]messages
-msgid "Messages"
-msgstr ""
-
 #: [general]legend [general]general_title
 msgid "General Informations"
 msgstr ""
@@ -957,7 +957,7 @@ msgstr ""
 #: [group]help_info2
 msgid ""
 "Choose a server and a Group and subscribe to it using the %s button in the "
-"header. You can alse create a new one using the %s button."
+"header. You can also create a new one using the %s button."
 msgstr ""
 
 #: [group]help_info3
@@ -1181,6 +1181,10 @@ msgstr ""
 msgid "Update my position"
 msgstr ""
 
+#: [login_anonymous]bad_username
+msgid "Bad nickname (between 4 and 40 characters)"
+msgstr ""
+
 #: [error]username
 msgid "Wrong username"
 msgstr ""
@@ -1309,10 +1313,6 @@ msgstr ""
 msgid "Population"
 msgstr ""
 
-#: [login_anonymous]bad_username
-msgid "Bad nickname (between 4 and 40 characters)"
-msgstr ""
-
 #: [menu]empty_title
 msgid "No news yet..."
 msgstr ""
@@ -1784,18 +1784,6 @@ msgstr ""
 msgid "Reset"
 msgstr ""
 
-#: [visio]call
-msgid "Call"
-msgstr ""
-
-#: [visio]hang_up
-msgid "Hang up"
-msgstr ""
-
-#: [visio]connection
-msgid "Connection"
-msgstr ""
-
 #: [visio]hung_up
 msgid "Hung up"
 msgstr ""
@@ -1812,6 +1800,18 @@ msgstr ""
 msgid "Is calling you"
 msgstr ""
 
+#: [visio]call
+msgid "Call"
+msgstr ""
+
+#: [visio]hang_up
+msgid "Hang up"
+msgstr ""
+
+#: [visio]connection
+msgid "Connection"
+msgstr ""
+
 #: [global]no_js
 msgid "You don't have javascript enabled.  Good luck with that."
 msgstr ""

sources/system/Utils.php

@@ -431,7 +431,7 @@ function getMood() {
         'envious'       => __('mood.envious'), // Feeling pain by the excellence or good fortune of another.
         'excited'       => __('mood.excited'), // Having great enthusiasm.
         'flirtatious'   => __('mood.flirtatious'), // In the mood for flirting.
-        'frustated'     => __('mood.frustrated'), // Suffering from frustration; dissatisfied, agitated, or discontented because one is unable to perform an action or fulfill a desire.
+        'frustrated'    => __('mood.frustrated'), // Suffering from frustration; dissatisfied, agitated, or discontented because one is unable to perform an action or fulfill a desire.
         'grateful'      => __('mood.grateful'), // Feeling appreciation or thanks.
         'grieving'      => __('mood.grieving'), // Feeling very sad about something, especially something lost; mournful; sorrowful.
         'grumpy'        => __('mood.grumpy'), // Unhappy and irritable.

sources/themes/material/css/form.css

@@ -339,7 +339,7 @@ header.big ~ .button.action {
 
 @media screen and (min-width: 1025px) {
     main > section > div:first-child:nth-last-child(2) .button.action {
-        right: calc(70% + 3rem);
+        right: calc(65% + 3rem);
     }
 }
 

sources/themes/material/css/style.css

@@ -180,7 +180,7 @@ body > nav li { /* Little hack for the navbar */
     }
 }
 
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 1024px) and (max-width: 1680px) {
     body > nav:hover {
         width: 45rem;
         box-shadow: 0 2.5rem 5rem rgba(0,0,0,0.30), 0 2rem 1.5rem rgba(0,0,0,0.22);
@@ -200,6 +200,18 @@ body > nav li { /* Little hack for the navbar */
     }
 }
 
+@media screen and (min-width: 1680px) {
+    body > nav,
+    body > nav:hover {
+        width: 15%;
+    }
+
+    body > nav + main,
+    body > nav:hover + main {
+        width: 85%;
+    }
+}
+
 body > nav.active:before,
 body > nav:hover:before {
     display: none;
@@ -234,7 +246,7 @@ main > header {
 main > header > div {
     padding-left: 9rem;
     position: relative;
-    width: 30%;
+    width: 35%;
     display: inline-block;
     /*overflow: hidden;*/
     box-sizing: border-box;
@@ -275,7 +287,7 @@ main > header > div > ul.active:not(.context_menu) li.thin span.icon {
 }
 
 main > header > div:first-child:nth-last-child(2) ~ div {
-    width: 70%;
+    width: 65%;
     position: absolute;
     top: 0;
     right: 0;
@@ -370,10 +382,10 @@ main > section > div > * {
 
 /* Two blocks*/
 main > section > div:first-child:nth-last-child(2) {
-    width: 30%;
+    width: 35%;
 }
 main > section > div:first-child:nth-last-child(2) ~ div {
-    width: 70%;
+    width: 65%;
     position: absolute;
     top: 0;
     right: 0;
@@ -500,7 +512,7 @@ span.icon.large {
 span.icon.small.bubble:first-letter,
 span.icon.small.bubble i {
     font-size: 2rem;
-    line-height: 0;
+    line-height: 1.5em;
     vertical-align: text-top;
 }