From c54de27898df51f8b1d1217403a9b3c88bd99a97 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 27 Jan 2020 15:04:56 +0100
Subject: [PATCH] Dokanczanie strony cz.2

---
 index.html | 139 +++++++++++------------------------------------------
 1 file changed, 27 insertions(+), 112 deletions(-)

diff --git a/index.html b/index.html
index 4900198..bda2b08 100644
--- a/index.html
+++ b/index.html
@@ -58,125 +58,40 @@
                     </div>
                     <h2>Najnowszy post</h2>
                     <div class="card">
-                    <div class="card-body"> <!-- Newest post -->
-                        <h1 class="card-title">Hej!</h1>
-                        <h5 class="card-text">Prawie skończyłem stronę :D | 26 January 2020; 19:06 <span class="badge badge-primary">New</span></h5>
-                        <img src="https://wallpapercave.com/wp/mSuE5lh.jpg">
-                        <p class="card-text">     
-                            Tia... Początkowo były same Lorem ipsum, coś tam, coś tam, ale hej. Już jest zrobione. Muszę tylko wymyślać coś do pisania, aby to nie było krótkie coś...
-                            <br>
-                            <br>
-                            Więc pojawi się tylko parę postów zapewnę, aby nie było, że jest tu pusto lub jest tylko jeden post. A może się pobawię na nowo blogowanie o nowinkach technologicznych. Wszystko będzie tutaj. Więcej pracy przy tym, gdyż nie jest to jakiś Blogger czy dodatek WordPress, tylko zwykła strona pisana w notatniku. Ale fakt, faktem coś tu jest. :)
-                            <br>
-                            <br>
-                            Wcześniejszy post jest postem testowym do sprawdzenia, czy działa mój szablon oraz aby dopracować tą stronę, wiecie... Dopasowanie wielkości kolumny, działanie na urządzeniach mobilnych, odpowiedni układ, itd. Także, <kbd>HELLO WORLD</kbd>. Tyle pozostaje mi zapisać. Czas stworzyć dodatkowe strony i koniec mojego szybkiego projektu. W zasadzie projekt zacząłem dzisiaj (tj. 26 stycznia) o chyba <mark>17:30:46</mark> według mojego komputera. Więc 1,5 godziny pracy jest widać.
-                            <br>
-                            <br>
-                            Więc koniec tego posta i wracam do roboty. Tak, jest tu trochę bałagan, ale to nic takiego. Potem ten post zniknie (pozostanie w moim archiwum dysku C:\).
-                        </p>
-                        <mark>Napisane przez: Krzysztof Smaga</mark>   
-                        <br>   
-                        <br>
-                        <div class="text-center">
-                            <div class="btn-group text-center">
-                                <button class="btn btn-primary disabled">Udostępnij <i class="fas fa-share-square"></i></button>
-                                <button class="btn btn-primary disabled">Wyślij serduszko <i class="fas fa-heart"></i></button>
+                        <div class="card-body"> <!-- Newest post -->
+                            <h1 class="card-title">Hej!</h1>
+                            <h5 class="card-text">Prawie skończyłem stronę :D | 26 January 2020; 19:06 <span class="badge badge-primary">New</span></h5>
+                            <img src="https://wallpapercave.com/wp/mSuE5lh.jpg">
+                            <p class="card-text">     
+                                Tia... Początkowo były same Lorem ipsum, coś tam, coś tam, ale hej. Już jest zrobione. Muszę tylko wymyślać coś do pisania, aby to nie było krótkie coś...
+                            </p>
+                            <div class="text-center">
+                                <div class="btn-group text-center">
+                                    <a class="btn btn-primary" href="posts/hej">Przeczytaj cały posty <i class="fas fa-newspaper"></i></a>
+                                </div>
                             </div>
-                        </div>
+                        </div>        
                     </div>        
-                </div>          
-                    <div class="progress" style="margin: 16px; height: 5px;"> <!-- Brake -->
-                        <div class="progress-bar bg-dark" style="width:100%"></div>
-                    </div>
+                    
                     <h2>Przypięty post</h2>
                     <div class="card">
-                    <div class="card-body">
-                        <h1 class="card-title">#Xbox E3 2019</h1>
-                        <h5 class="card-text">Co nowego? | 10 czerwca 2019</h5>
-                        <img src="https://compass-ssl.xbox.com/assets/a3/f0/a3f0de1e-abad-4560-9923-7751e5b8816b.jpg?n=580000_Content-Placement-0_783216527_788x444.jpg">
-                        <p class="card-text">
-                            Wczorajszego dnia, czyli 9 czerwca rozpoczęto targi E3 w Los Angeles. Jako pierwsze było #Xbox. Zawierało wiele nowości, choć największe zainteresowanie przykuła gra polskiej produkcji, Cyberpunk 2077. 
-                            <br>
-                            Jej premierę zapowiedziano na 16 kwiecień 2020 roku, choć nie to spowodowało wielkie zainteresowanie. W Cyberpunk ma się pojawić znana wszystkim postać Keanu Reeves, znany najbardziej z filmu John Wick. 
-                            <img src="https://ocs-pl.oktawave.com/v1/AUTH_2887234e-384a-4873-8bc5-405211db13a2/spidersweb/2019/06/cyberpunk-2077-keanu-reeves-9.jpg">
-                            
-                            I to zachęci część fanów tej postaci do zagrania w Cyberpunk. Według mnie, ciekawe zagranie ze strony CD Projekt RED. Na Steam można już zakupić Pre-Order za jedyne 199 zł.
-                            <h3>Choć nie tylko Cyberpunk został zaprezentowany.</h3>
-                            Może się wydawać dla niektórych trochę dziwne, ale na drugim miejscu mojej listy najbardziej ciekawych premier jest dodatek do Forza Horizon 4 - LEGO Speed Champions. 
-                            <img src="https://compass-ssl.xbox.com/assets/74/33/74330f74-335e-4077-baa0-10b13c1958bd.jpg?n=580000_Content-Placement-0_520044_788x444.jpg">
-                            
-                            Ten dodatek pozwala graczom na gromadzenie kolekcji klocków i zbudowanie domu mistrza budownictwa z garażem pełnym samochodów LEGO, w tym McLaren Senna. Można zebrać ukryte klocki bonusowe. Dodatek jest już dostępny w ramach edycji Ultimate
-                            <h3>Perełki Xbox One także się pojawiły.</h3>
-                            Podczas targu zostało zaprezentowane także HALO Infinite oraz GEARS 5.
-                            <br>
-                            Jeżeli ktoś nie wie, co to GEARS 5 to jest to kontynuacja popularnej sagi gatunku Akcji i przygody zawierająca pięć ekscytujących trybów oraz bardziej rozbudowaną kampanię. Dostępna będzie jedynie na Xbox One oraz Windows 10. Dostępna będzie od 10 września tego roku na Xbox Game Pass lub w przedsprzedaży.
-                            <img src="https://compass-ssl.xbox.com/assets/a1/2b/a12b5d30-a405-45d5-badc-fd8604a57a63.jpg?n=1616161616_GLP-Page-Hero-0_1083x609.jpg">
-                            
-                            HALO Infinite. Tej serii gier nie trzeba raczej nikomu przedstawiać. W skrócie jest to gra strzelankowa. Pokazano jedynie ekscytujące demo silnika. Czyżby to by otwarło drzwi do lepszej przyszłości serii Halo?
-                            <img src="https://compass-ssl.xbox.com/assets/7b/71/7b71fa45-b6b3-468c-b8e9-887eec2e4606.jpg?n=58585555_GLP-Page-Hero-0_2019-Refresh_1083x609.jpg">
-
-                            <h3>Microsoft przewiduje chaos</h3>
-                            Wraca oryginalna strzelanka typu shooter-looterm, z milionami broni i mega przygodą totalnego chaosu! Tak, nadchodzi nowe Borderlands 3 na Xbox One. Można grać w pojedynkę lub z przyjaciółmi, stawiając czoła szalonym wrogom, zdobywając sporo łupów.                            
-                            <br>
-                            Premiera gry: 13 września 2019 r.
-                            <img src="https://compass-ssl.xbox.com/assets/e1/ca/e1ca2d17-6b2f-4fe5-acd3-df4926adbd3a.jpg?n=964549974_GLP-Page-Hero-0_1083x609.jpg">
-
-                            <h3>#XboxE3 to nie tylko gry</h3>
-                            Kontroler bezprzewodowy Xbox Elite dostaje nową serię. Seria 2. W nowej serii, znajdzie się:
-                            <dl>
-                                <dd> - Stabilny, pokryty gumą uchwyt</dd>
-                                <dd> - Udoskonalone elementy</dd>
-                                <dd> - Drążki z regulowanym oporem ruchu</dd>
-                                <dd> - Krótsze blokady spustów</dd>
-                                <dd> - Możliwość zmiany profili dostosowanych przez siebie do danych gier</dd>
-                            </dl>
-                            Premiera pada jest zapowiadana na 4 listopada 2019 r. i ma kosztować 700 zł, lecz ceny mogą się różnić.
-                            <br>
-                            Więcej szczegółów na temat tego pada, znajdziecie na stronie Xboxa: <a href="https://www.xbox.com/pl-PL/xbox-one/accessories/controllers/elite-wireless-controller-series-2">Xbox Elite Series 2</a>
-                            <img src="https://compass-ssl.xbox.com/assets/c7/28/c7288a05-2f82-4b91-abd5-a2a70fd343e7.jpg?n=999666_Image-Hero-768_1920x831.jpg">
-                            
-                            <br>
-                            <h3>Lista innych gier przedstawionych podczas #XboxE3</h3>
-                            <dl>
-                                <dd> - ELDEN RING</dd>
-                                <dd> - The Outer Worlds</dd>
-                                <dd> - Bleeding Edge</dd>
-                                <dd> - Age of Empires II: Definitive Edition</dd>
-                                <dd> - Minecraft Dungeons</dd>
-                                <dd> - State of Decay 2</dd>
-                                <dd> - CrossfireX</dd>
-                                <dd> - FIFA 20</dd>
-                                <dd> - Madden NFL 20</dd>
-                                <dd> - Ori and the Will of the Wisps</dd>
-                                <dd> - Battletoads</dd>
-                                <dd> - Microsoft Flight Simulator</dd>
-                                <dd> - Wasteland 3</dd>
-                                <dd> - Call of Duty: Modern Warfare</dd>
-                                <dd> - Tom Clancy's Ghost Recon Breakpoint for Xbox One</dd>
-                            </dl>
-                        </p>
-                        <mark>Napisane przez: Krzysztof Smaga</mark>
-                        <mark>Źródła: xbox.com</mark>  
-                        <br>   
-                        <br>
-                        <div class="text-center">
-                            <div class="btn-group text-center">
-                                <button class="btn btn-primary disabled">Udostępnij <i class="fas fa-share-square"></i></button>
-                                <button class="btn btn-primary disabled">Wyślij serduszko <i class="fas fa-heart"></i></button>
+                        <div class="card-body">
+                            <h1 class="card-title">#Xbox E3 2019</h1>
+                            <h5 class="card-text">Co nowego? | 10 czerwca 2019</h5>
+                            <img src="https://compass-ssl.xbox.com/assets/a3/f0/a3f0de1e-abad-4560-9923-7751e5b8816b.jpg?n=580000_Content-Placement-0_783216527_788x444.jpg">
+                            <p class="card-text">
+                                Wczorajszego dnia, czyli 9 czerwca rozpoczęto targi E3 w Los Angeles. Jako pierwsze było #Xbox. Zawierało wiele nowości, choć największe zainteresowanie przykuła gra polskiej produkcji, Cyberpunk 2077. 
+                            <div class="text-center">
+                                <div class="btn-group text-center">
+                                    <a class="btn btn-primary" href="posts/xbox-e3-2019">Przeczytaj cały post <i class="fas fa-newspaper"></i></a>
+                                </div>
                             </div>
+                        </div>         
+                    </div>
+                        <div class="text-center">
+                            <a class="btn btn-lg btn-primary" href="all-posts">Zobacz wszystkie posty</a>
                         </div>
-                    </div>         
-                </div>         
-                    <div class="progress" style="margin: 16px; height: 5px;"> <!-- Brake -->
-                        <div class="progress-bar bg-dark" style="width:100%"></div>
                     </div>
-                    <div class="text-center">
-                        <button class="btn btn-lg btn-dark">Zobacz wszystkie posty</button>
-                    </div>       
-                    <div class="progress" style="margin: 16px; height: 5px;"> <!-- Brake -->
-                        <div class="progress-bar bg-dark" style="width:100%"></div>
-                    </div>
-                </div>
                 <div class="col-sm-4"> <!-- Right column -->
                     <h2>Poszukaj na blogu</h2>
                     <div class="input-group mb-3">