From 59aebaa80f2b49898536e3774185cf022ea6b20b Mon Sep 17 00:00:00 2001
From: Maxim Lihachev <envrm@yandex.ru>
Date: Tue, 8 Nov 2016 16:33:41 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/feminitives.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 gofem.html          |  8 ++++----
 js/feminitives.js   |  5 +++--
 3 files changed, 59 insertions(+), 6 deletions(-)

diff --git a/css/feminitives.css b/css/feminitives.css
index 1f4d67e..0d6409e 100644
--- a/css/feminitives.css
+++ b/css/feminitives.css
@@ -1,3 +1,43 @@
+a {
+	color: MediumOrchid;
+}
+
+input {
+	width: 70%;
+	font-size:16px;
+	border-color:#cccccc;
+	border-style:solid;
+	padding:3px;
+	margin:3px;
+	border-width:1px;
+	border-radius:7px;
+} 
+
+input:focus {
+	outline:none;
+	text-shadow:0px 0px 0px rgba(42,42,42,.75);
+	box-shadow: 0px 0px 7px 0px rgba(176,104,176,.75);
+}
+
+button {
+	width: 20%;
+	font-family: helvetica;
+	color: #14396A !important;
+	font-size: 16px;
+	padding: 4px;
+	border: 0px;
+	-border-radius: 7px;
+	-webkit-border-radius: 7px;
+	border-radius: 7px;
+	/* background: MediumOrchid; */
+	background: #3CB0FD;
+}
+
+button:hover {
+	color: #14396A !important;
+	background: #38A0E4;
+}
+
 .ending {
 	color: olive;
 }
@@ -87,3 +127,15 @@
 	margin-top: 10px;
 }
 
+.toolbar, .toolbar:visited {
+	font-size: 30px;
+	opacity: 0.3;
+	color: MediumOrchid;
+	text-decoration: none;
+	margin: 0 10px 0 0;
+}
+
+.toolbar:hover {
+	opacity: 1;
+}
+
diff --git a/gofem.html b/gofem.html
index e85212d..a38f436 100644
--- a/gofem.html
+++ b/gofem.html
@@ -16,7 +16,7 @@
         <h1>Феминизатор v1.0</h1>
 
         <input id="definition-word" type="text" class="form-control" placeholder="Слово" autofocus>
-        <button id="convert" type="button" onclick="tr()">Феминитивь!</button>
+        <button id="convert" type="button" class="btn" onclick="tr()">Феминитивь!</button>
 
         <div id="definition-dict"></div>
         <div id="definition-full"></div>
@@ -26,9 +26,9 @@
             <div id="definition-content"></div>
           </div>
         </div>
-        <button type="button" onclick="download_image()">IMG</button>
-        <button type="button" onclick="show_help()">?</button>
-        <button type="button" onclick="location.href='http://vk.com/share.php?url=http://mysite.com'">VK</button>
+        <a class="toolbar" href="javascript:show_help()" title="Справка">?</button>
+        <a class="toolbar" href="javascript:download_image()" title="Сохранить изображение">❇</a>
+        <a class="toolbar" href="http://vk.com/share.php?url=http://mysite.com" title="Поделиться в vk.com">❤</button>
       </div>
     </div>
 
diff --git a/js/feminitives.js b/js/feminitives.js
index 8f91bb7..147dc49 100644
--- a/js/feminitives.js
+++ b/js/feminitives.js
@@ -1,5 +1,5 @@
-// [ ] TODO: vk.com
 // [ ] TODO: валидация
+// [ ] TODO: адаптивная вёрстка
 
 //Иерархия элементов на странице
 var HTML = {
@@ -299,7 +299,8 @@ function show_help() {
 	+ "<p>ФЕМИНИТИВЫ – это слова женского рода, "
 	+ "альтернативные или парные аналогичным понятиям мужского рода, "
 	+ "относящимся ко всем людям независимо от их пола.</p>"
-	+ "<p>При помощи этой небольшой программы, реализующей феминистическую логику, "
+	+ "<p>При помощи <a href='TODO'>этой небольшой программы</a>,"
+	+ "реализующей феминистическую логику, "
 	+ "вы сами можете создать феминитивы к любому слову.</p>"
 	+ "<p>Попробуйте: "
 	+ "<a href=javascript:tr('автор');>автор</a>, "