Twitter.

css/style.css

@@ -209,15 +209,21 @@ header {
 	padding: 5px;
 }
 
+#content h2 {
+	margin: 0px;
+	font-family: "Open Sans", Helvetica, Arial, sans-serif;
+	font-size: 20px;
+	font-weight: 800;
+}
+
 #content h1 {
 	margin: 0px;
 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
-	font-size: 24px;
+	font-size: 32px;
 	font-weight: 800;
-	padding-left: 20px;
+	padding-left: 25px;
 	padding-top: 15px;
-	padding-bottom: 15px;
-
+	padding-bottom: 10px;
 }
 
 #content p {
@@ -235,3 +241,11 @@ footer {
 	margin-top: 10px;
 	margin-bottom: 5px;
 }
+
+.sidebox {
+	width: 400px;
+	float: right;
+	margin-left: 25px;
+	margin-right: 20px;
+	margin-top: 15px;
+}

index.html

@@ -31,6 +31,41 @@
 	 </div>
 	 <div id="content">
 		 <h1>Lorem ipsum dolor sit amet</h1>
+		 <div class="sidebox">
+			<h2>Twitter</h2>
+			<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
+
+          <script type="text/javascript">
+          new TWTR.Widget({
+            version: 2,
+            type: 'profile',
+            rpp: 5,
+            interval: 6000,
+            width: 400,
+            height: 300,
+            theme: {
+              shell: {
+                background: '#eee',
+                color: '#000000'
+              },
+              tweets: {
+                background: '#eee',
+                color: '#111',
+                links: '#333'
+              }
+            },
+            features: {
+              scrollbar: false,
+              loop: false,
+              live: false,
+              hashtags: true,
+              timestamp: true,
+              avatars: true,
+              behavior: 'all'
+            }
+          }).render().setUser('hackerspacepl').start();
+          </script>
+		 </div>
 		 <p>
 			Drogi Marszałku, Wysoka Izbo. PKB rośnie Nikt inny was nie możemy zdradzać iż wykorzystanie unijnych dotacji jest zauważenie, że zakres i rozwijanie struktur pomaga w przygotowaniu i unowocześniania form oddziaływania. Jednakże, wzmocnienie i bogate doświadczenia pozwalają na konsultacja z szerokim aktywem wymaga niezwykłej precyzji w kształtowaniu dalszych kierunków postępowego wychowania. Obywatelu, aktualna struktura organizacji jest ważne z dotychczasowymi zasadami dalszych kierunków postępowego wychowania. Obywatelu, utworzenie komisji śledczej do tej sprawy zabezpiecza udział szerokiej grupie w przyszłościowe rozwiązania koliduje z powodu kierunków rozwoju. Takowe informacje są tajne, nie zapewni iż utworzenie komisji śledczej do przeanalizowania nowych propozycji. Każdy już mówiłem jasne jest to, że zakończenie tego projektu spełnia istotną rolę w restrukturyzacji przedsiębiorstwa. Ostatnie szlify systemu. Obywatelu, inwestowanie w tym zakresie ukazuje nam efekt kierunków rozwoju. Jednakowoż, inwestowanie w określaniu form oddziaływania. Natomiast usprawnienie systemu wymaga sprecyzowania i realizacji form oddziaływania. Każdy już zapewne zdążył zauważyć iż zakres i bogate doświadczenia pozwalają na uwadze, że zmiana przestarzałego systemu powszechnego uczestnictwa. Wyższe założenie ideowe, a szczególnie dokończenie aktualnych projektów wymaga sprecyzowania i unowocześniania form działalności organizacyjnej wymaga sprecyzowania i realizacji dalszych kierunków.
 		</p>