From 0983accb198aa710d66d09edbb0517fe497687ec Mon Sep 17 00:00:00 2001
From: Kaspar Naaber <kaspar.naaber@outlook.com>
Date: Mon, 30 Mar 2015 11:53:35 +0300
Subject: [PATCH] Fix #1 (add content hyphenation rules)

---
 components/footer.tpl    | 2 +-
 components/mainmenu.tpl  | 2 +-
 layouts/blog___news.tpl  | 2 +-
 layouts/blog_article.tpl | 4 ++--
 layouts/common_page.tpl  | 2 +-
 layouts/front_page.tpl   | 4 ++--
 stylesheets/style.css    | 8 ++++++++
 7 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/components/footer.tpl b/components/footer.tpl
index 555b890..60d4ab9 100644
--- a/components/footer.tpl
+++ b/components/footer.tpl
@@ -1,5 +1,5 @@
 <div id="footer" class="clear">
-	<div class="left">
+	<div class="left content-hyphenate">
   {% xcontent name="footer" %}
 	</div>
   <div id="edicy">{% loginblock %}{{ "footer_login_link" | lc }}{% endloginblock %}</div>
diff --git a/components/mainmenu.tpl b/components/mainmenu.tpl
index fd76781..24a11ed 100644
--- a/components/mainmenu.tpl
+++ b/components/mainmenu.tpl
@@ -1,4 +1,4 @@
-<div id="nav" class="clear">
+<div id="nav" class="clear content-hyphenate">
 <ul>
 	{% unless site.root_item.hidden? %}<li{% if site.root_item.selected? %} class="active"{% endif %}>
   <a href="{{site.root_item.url}}">{{site.root_item.title}}</a>
diff --git a/layouts/blog___news.tpl b/layouts/blog___news.tpl
index 9eddbab..8f94b9f 100644
--- a/layouts/blog___news.tpl
+++ b/layouts/blog___news.tpl
@@ -40,7 +40,7 @@
         {% endif %}
     
     
-      <ul id="blog-list">
+      <ul id="blog-list" class="content-hyphenate">
         {% addbutton class="add-article" %}
         
         {% for article in articles %}
diff --git a/layouts/blog_article.tpl b/layouts/blog_article.tpl
index 1a24700..a470ab9 100644
--- a/layouts/blog_article.tpl
+++ b/layouts/blog_article.tpl
@@ -32,8 +32,8 @@
   {% include "Menu" %}
   <div id="content-wrap" class="clear">
     <div class="content">
-      <div class="excerpt" data-search-indexing-allowed="true">{% editable article.excerpt %}</div>
-      <div data-search-indexing-allowed="true">{% editable article.body %}</div>
+      <div class="excerpt content-hyphenate" data-search-indexing-allowed="true">{% editable article.excerpt %}</div>
+      <div class="content-hyphenate"data-search-indexing-allowed="true">{% editable article.body %}</div>
       
       {% if editmode %}
             <div class="cfx article-tags">
diff --git a/layouts/common_page.tpl b/layouts/common_page.tpl
index 03a354c..bac4c73 100644
--- a/layouts/common_page.tpl
+++ b/layouts/common_page.tpl
@@ -26,7 +26,7 @@
   </div>
   {% include "Menu" %}
   <div id="content-wrap" class="clear">
-    <div class="content" data-search-indexing-allowed="true"> {% content %} </div>
+    <div class="content content-hyphenate" data-search-indexing-allowed="true"> {% content %} </div>
     <div id="sidebar">
       <div class="inner"> {% include "Submenu" %}
         
diff --git a/layouts/front_page.tpl b/layouts/front_page.tpl
index 01d3c95..255fa20 100644
--- a/layouts/front_page.tpl
+++ b/layouts/front_page.tpl
@@ -8,7 +8,7 @@
   <div id="header">
     <div id="header-inner" class="clear">
       <div class="wrapper">
-        <h1 id="logo">{% editable site.header %}</h1>
+        <h1 id="logo" class="content-hyphenate">{% editable site.header %}</h1>
         {% include "Search" %} </div>
       <!-- //wrapper -->
     </div>
@@ -23,7 +23,7 @@
         <div id="top-bar" class="clear">
           <h2>{% content name="slogan" %}</h2>
           {% include "Langmenu" %} </div>
-        <div id="content-block" data-search-indexing-allowed="true">{% content %}</div>
+        <div id="content-block" class="content-hyphenate" data-search-indexing-allowed="true">{% content %}</div>
         <!-- //content block -->
         <div id="sidebar"> {% include "News" %} </div>
         <!-- //sidebar -->
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 11593bf..e62f070 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -38,6 +38,14 @@ img {
   hyphens: auto;
 }
 
+.content-hyphenate {
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+}
+
 /* => MAIN SECTIONS */
 #wrap {
 overflow: hidden