Fix bad links and add content

aisl/index.html

@@ -48,28 +48,24 @@
   <main class="content text-content">
     <h1>AISL Technology</h1>
 
-    <ul class="project-menu">
-      <li class="project__docs"><a href="/aisl/doc/">Documentation</a></li>
-      <li class="project__issue"><a href="https://git.lowenware.com/lowenware/aisl/issues">Report an issue</a></li>
-      <li class="project__get"><a href="/aisl/get.html">Get AISL</a></li>
-    </ul>
-
     <p>AISL is an acronym for Asynchronous Internet Server Library - a C library
     for web development with built-in lightweight asynchronous HTTP server. It
     provides callbacks on various stages while serving client's
-    request, making possible creation of standalone web application with
+    request, making possible creation of standalone web applications with
     impactful performance, that could be distributed even as a single binary
     file.</p>
 
-    <p>AISL can power up wide range of applications from small web site to
+    <p>AISL can power up wide range of applications from small web sites to
-    complex IoT or mobile application backend.</p>
+    complex IoT or mobile application backends.</p>
 
     <h2>The Technology</h2>
 
-    <p>AISL is our contribution to faster Internet. And it is already more than
+		<p>AISL is our contribution to faster Internet. In addition to library 
-    just a library. We are currently working on implementation of HTTP 2.0,
+		itself we develop special 
-    SDK and set of utilities that will boost not just applications speed, but
+		<a href="https://github.com/lowenware/aisl-sdk">SDK</a> to speed-up
-    also development itself.</p>
+		creation of applications by using ready out of the box modules. The complex
+		of growing number of tools and components for development of AISL-based 
+		applications was called AISL Technology.</p>
 
     <h2>License</h2>
     <p>AISL is free for both commercial and non-commercial use, being
@@ -79,18 +75,9 @@
       <img alt="Creative Commons License" src="https://i.creativecommons.org/l/by-nd/4.0/80x15.png" />
     </a>
 
-    <h2>Installation</h2>
+    <h2>Get AISL</h2>
-    <p>AISL installation is platform dependent. You have several options here:
+		<p>You can obtain a copy of AISL form 
-    install from <a href="/aisl/docs/installation.html#sources">sources</a>,
+		<a href="https://github.com/lowenware/aisl">GitHub</a>.</p>
-    <a href="/aisl/docs/installation.html#binaries">binaries</a> or 
-    <a href="/aisl/docs/installation.html#packages">packages</a>.</p>
-
-    <h2>Quick start</h2>
-    <ul>
-      <li>Read <a href="/aisl/doc/tutorial.html">AISL tutorial</a></li>
-      <li>Try <a href="https://git.lowenware.com/lowenware/aisl-demo/">demo
-          application</a></li>
-    </ul>
 
   </main>
 

dotrix/index.html

@@ -47,7 +47,32 @@
 
 	<main class="content text-content">
 		<h1>Dotrix</h1>
-    <img src="/static/dotrix-slide.jpg" class="slide-picture" />
+		<img src="/static/dotrix/e1.jpg" class="slide-picture" />
+		<h2>Not obsolete medium</h2>
+		<p>Operating in IT sphere and being surrounded by a great number of electronic devices, we
+still believe, that paper as a medium is not obsolete. It doesn’t matter where you go and
+wherever you are, if there is electricity or not, paper still works. You don’t need special
+programs or apps for writing, drawing, painting, making origami or anything else, just a
+sheet of paper and your imagination. Paper medium opens a numerous ways for your art.
+Choose your writing material and start. Even a piece of coil is fine. Paper helped people to
+create and fix their ideas for many centuries, it helps them nowadays. So that is why we
+produced our own multitask paper notebook.</p>
+		<h2>Connecting the dots</h2>
+		<p>It was built on our team experience. Each of us wanted to have something special, in
+accordance with his or her operating tasks. For that reason dot lining became our decision.
+You can use it as a number of lines or cells, or just ignore it. Connect the dots in your
+manner.</p>
+		<h2>How to use</h2>
+		<p>Matrix of dots on the sheet of paper turned to the idea of name “Dotrixbook”. From that
+moment our team started the process of testing. We were coding, drawing schemes and
+circuit schematics, mind maps, sketches and even furniture plans, writing texts - that is not
+the whole list of our activities. We believe, you can find even more ways of use.</p>
+		<img src="/static/dotrix/t1.jpg" class="double-picture" />
+		<img src="/static/dotrix/p1.jpg" class="double-picture" />
+		<h2>Get your own “Dotrixbook” or support project</h2>
+		<p>If you are interested and already know, how you would use “Dotrixbook” in your daily life,
+feel free to order and get it. We also will appreciate any support of the project and
+contributions. Or <a href="/contact/">contact us</a>, if you have ideas of collaboration.</p>
 	</main>
 
 	</div>

index.html

@@ -49,8 +49,8 @@
     <div class="anouncement__bg">
       <section id="anouncement" class="anouncement">
         <div class="anouncement__content dark-bg">
-          <h1>AISL v.0.4 Release Scheduled</h1>
+          <h1>AISL - fast and lightweight C library for web development</h1>
-          <a href="/aisl/release-0.4-changelog.html" class="no-decoration">Find what is new</a>
+          <a href="/aisl/" class="no-decoration">Read more</a>
         </div>
       </section><!-- home -->
       <div class="anouncement__overlay">

static/style.css

@@ -182,6 +182,13 @@ h3, .h3-like {
 	width: 100%;
 	height: auto;
 }
+
+
+.double-picture {
+	float: left;
+	width: 50%;
+	height: auto;
+}
 /* -------------------------------------------------------------------------- */
 
 .svg-menu-icon .svg-menu-lines ,
@@ -348,7 +355,7 @@ h3, .h3-like {
 }
 
 .content {
-  padding: 0 0 288px;
+	padding: 0 0 20px 0;
 }
 
 .text-wrapper {
@@ -397,6 +404,8 @@ h3, .h3-like {
 
 .anouncement__bg {
 	background-color: #192634;
+	background-image: url(/static/aisl-slide.jpg);
+	background-size: 100% auto;
 }
 
 .anouncement__content{
@@ -548,7 +557,7 @@ h3, .h3-like {
 	background-color: #001121;
 	z-index: 0;
 	clear: left;
-  margin-top: -288px;
+	/* margin-top: -288px; */
 	position:relative;
 }
 
@@ -886,6 +895,15 @@ h3, .h3-like {
 
 @media screen and (min-width: 980px) {
 
+	.content {
+		padding: 0 0 288px 0;
+	}
+
+
+	.footer {
+	  margin-top: -288px;
+	}
+
 	.menu {
 		display: block;
 		position: absolute;