Косметика и копилефт

im.html

@@ -210,5 +210,6 @@
         </ul>
     </div>
 </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
 </body>
 </html>

index.html

@@ -22,15 +22,18 @@
     <div class="content">
         <h1>У вас всегда есть выбор.</h1>
 	<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
- Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно бытьхакером, для этого не нужны особые знания. Мы расскажем, как.
+ Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
 	</p>
+	<br>
 	<hr style="clear: right">
+	<br>
 	<p>
 	<a class="button" href="social.html">Узнать подробности</a>
-	Флагман перемен в области соцсетей - некоммерческая распределённая сеть Mastodon. Не умеет значения, на каком из тысяч её серверов вы зарегистрируетесь - общаться сможете со всем миром. Подробности и другие альтернативы - по ссылке справа. 
-	<br>
+	Флагман перемен в области соцсетей - некоммерческая распределённая сеть Mastodon. Не имеет значения, на каком из тысяч её серверов вы зарегистрируетесь - общаться сможете со всем миром. Подробности и другие альтернативы - по ссылке справа. 
+	<br><br>
 	А вот рекомендуемые места для регистрации русскоязычных пользователей:
 	</p>
+	<br>
 	<nav id="masto">
 		<a href="https://mastodonsocial.ru"><div>MastodonSocial</div></a>
 		<a href="https://phreedom.tk"><div>Svoboda</div></a>
@@ -39,6 +42,8 @@
 	</nav>
 	</p>
     </div>
-</div>
+   </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
+
 </body>
 </html>

info.html

@@ -113,5 +113,7 @@
         </p>
     </div>
 </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
+
 </body>
 </html>

mail.html

@@ -213,5 +213,7 @@
         </ul>
     </div>
 </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
+
 </body>
 </html>

search.html

@@ -226,5 +226,6 @@
         </ul>
     </div>
 </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
 </body>
 </html>

social.html

@@ -237,5 +237,7 @@
         </ul>
     </div>
 </div>
+ <footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
+
 </body>
 </html>

style/main.css

@@ -171,3 +171,19 @@ nav > a > div {
 .content {
     padding: 10px;
 }
+
+.footer {
+	width: 100%;
+	min-height: 30px;
+
+	padding: 10px 20px;
+
+	background-color: rgba(10, 10, 10, .1);
+
+	font-size: 14px;
+	color: #777;
+
+	text-align: left;
+}
+
+