Completed AISL handbook

aisl/index.html

@@ -11,7 +11,7 @@
   <meta name="description" content="">
   <meta name="author" content="Löwenware.s.r.o">
 
-  <title>AISL Technology</title>
+  <title>AISL - a lightweight C library for web development</title>
 
 
   <link href="/static/style.css" rel="stylesheet" />
@@ -46,7 +46,7 @@
 
 
   <main class="content text-content">
-    <h1>AISL Technology</h1>
+    <h1>AISL - a lightweight C library for web development</h1>
 
     <p>AISL is an acronym for Asynchronous Internet Server Library - a C library
     for web development with built-in lightweight asynchronous HTTP server. It
@@ -58,6 +58,14 @@
     <p>AISL can power up wide range of applications from small web sites to
     complex IoT or mobile application backends.</p>
 
+    <h2>Documentation</h2>
+		<p>We've combined all necessary information for a quick start and advanced
+		usage of AISL in a single all-in-one <a href="/aisl/handbook.html">Handbook</a>.
+		If you are looking for an <a href="handbook.html#installation">installation instructions</a>,
+		<a href="handbook.html#getting-started">Hello World</a> example or full
+		<a href="handbook.html#api-reference">API reference</a>, it is exactly what
+		you need.</p>
+
     <h2>The Technology</h2>
 
 		<p>AISL is our contribution to faster Internet. In addition to library 

blog/coding_style_for_c.html

@@ -50,7 +50,7 @@
 (or lack of it) quite often. Programmers, communities, corporations and
 software foundations may define and follow own rules without (or almost
 without) any affect on a resulting application work process and efficiency. 
-Such freedom and flixibility that C language grants to developers is one of its
+Such freedom and flexibility that C language grants to developers is one of its
 greatest adventages and a proof of genius of Dennis Ritchie and 
 Kenneth Thompson.</p>
 		<p>But what is the right coding style for C?</p>
@@ -72,6 +72,7 @@ this case is a somthing that could really affect the price. So it is worth to
 follow at least some rules than nothing. Needless to say that for commercial
 projects, importance of those things goes higher.</p>
 
+
 		<h2>File Layout</h2>
 		<p>This is one of the most natural language aspects. Almost all developers
 are following such or similar order:</p>

static/style.css

@@ -27,7 +27,7 @@ section, summary, ul, li, code, blockquote, .section
 
 body,
 article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
-section, summary, ul, li, code, blockquote, img, h1, h2, h3, h4, p
+section, summary, ul, li, code, blockquote, img, h1, h2, h3, h4, h5, p
 {
 	margin: 0;
 	padding: 0;
@@ -121,6 +121,55 @@ h3, .h3-like {
 	font-size: 1.6em;
 }
 
+h4, .h4-like {
+	font-family: 'Jura', sans-serif;
+	font-weight: normal;
+	font-size: 1.6em;
+}
+
+h5, .h5-like {
+	font-family: 'Jura', sans-serif;
+	font-weight: normal;
+	font-size: 1em;
+}
+
+code {
+	background-color: #f8f8fc;
+	border-radius: 5px;
+	padding: 20px;
+	font-size: 1em;
+	font-family: monospace;
+	white-space: pre;
+	margin: 0 0 1em;
+	tab-size: 4;
+	-moz-tab-size: 4;
+}
+
+code.inline {
+	padding: 0;
+	margin: 0;
+	display: inline;
+	color: #9f353d;
+}
+
+	code a {
+		text-decoration: none;
+	}
+
+	code .keyword {
+		font-weight: bold;
+		color: #8c0915;
+	}
+
+	code .string {
+		color: #33692b;
+	}
+
+hr {
+	border: 0;
+	border-top: 1px solid #d9dfe3;
+}
+
 /* -------------------------------------------------------------------------- */
 
 .icon {
@@ -183,12 +232,15 @@ h3, .h3-like {
 	height: auto;
 }
 
-
 .double-picture {
 	float: left;
 	width: 50%;
 	height: auto;
 }
+
+.shrink-picture {
+  max-width: 100%;
+}
 /* -------------------------------------------------------------------------- */
 
 .svg-menu-icon .svg-menu-lines ,
@@ -364,10 +416,18 @@ h3, .h3-like {
 }
 
 .text-content h1 {
-	padding: 0 0 1em;
+	padding: 0 0 1.5em;
 }
 
 .text-content h2 {
+	padding: 1em 0;
+}
+
+.text-content h3 {
+	padding: .7em 0;
+}
+
+.text-content h4 {
 	padding: .5em 0;
 }
 
@@ -382,6 +442,11 @@ h3, .h3-like {
 	list-style-type: disc;
 }
 
+.text-content ul ul{
+	padding: 1em 0;
+	list-style-type: circle;
+}
+
 .text-content li {
 	padding: 0 0 0.5em;
 	display: list-item;
@@ -391,13 +456,37 @@ h3, .h3-like {
 	font-style: italic;
 }
 
+.table-of-contents a {
+	text-decoration: none;
+}
+
+.code-doc {
+	padding: 0 0 3em;
+}
+
+	.code-doc p {
+		padding: 0 3em;
+	}
+
+
+	.code-doc .h5-like {
+		font-weight: normal;
+		padding: .5em 20px .5em;
+		text-transform: uppercase;
+	}
+
+	.code-doc ul {
+		padding: 0 40px;
+		list-style-type: square;
+	}
+
 /* -------------------------------------------------------------------------- */
 
 .main-content {
 	min-width: 320px;
 }
 
-.anouncement {
+.anouncem ent {
 	max-width: 1366px;
 	margin: 0 auto;
 }