Dodanie pliku
This commit is contained in:
Krzysztof
+236
@@ -0,0 +1,236 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Meta Tags-->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="author" content="Krzysztof 'KrzysiekSiemv' Smaga">
|
||||||
|
<!-- Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||||
|
<!-- Scripts -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://kit.fontawesome.com/e4c3899c65.js" crossorigin="anonymous"></script>
|
||||||
|
<!-- Szybki styl-->
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
margin: 16px 0px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!-- Fajne coś -->
|
||||||
|
<title>Blog</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="jumbotron text-center" style="margin: 0px"> <!-- Header -->
|
||||||
|
<h1 class="display-3">Zwyczajny Blog</h1>
|
||||||
|
</div>
|
||||||
|
<nav class="navbar navbar-expand bg-dark navbar-dark justify-content-center" style="margin: 0px"> <!-- Navigation Bar -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="index.html">Strona główna</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Wszystkie posty</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Technologie</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Posty o byle czym</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Moje projekty</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<div class="container" style="margin-top: 24px;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-8"> <!-- Left column -->
|
||||||
|
<div class="alert alert-warning">
|
||||||
|
<strong>HEJ!</strong> Ta strona nie jest skończona! Jest ona w fazie budowy. W zasadzie możesz zobaczyć sobie jak wygląda, ale nie wszystko będzie działać. Tak tylko ostrzegam
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</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">
|
||||||
|
<input type="text" class="form-control" placeholder="Jak szukać">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-success" type="submit">Szukaj</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2>O mnie</h2>
|
||||||
|
<div class="card"> <!-- About me -->
|
||||||
|
<img class="card-img-top" src="https://avatars2.githubusercontent.com/u/24720775?s=460&v=4" alt="My Face">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">Krzysztof Snaga</h4>
|
||||||
|
<p class="card-text">Twórca tych pięknych stron, jakie znajdują się na GitHubie.</p>
|
||||||
|
<a href="https://github.com/KrzysiekSiemv">Profil na GitHub</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="links"> <!-- Links -->
|
||||||
|
<h2>Ciekawe linki</h2>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="btn-group-vertical btn-block">
|
||||||
|
<button type="button" class="btn btn-primary btn-block">GitHub</button>
|
||||||
|
<button type="button" class="btn btn-primary btn-block">Facebook</button>
|
||||||
|
<button type="button" class="btn btn-primary btn-block">Wszystkie projekty</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="latestProject">
|
||||||
|
<h2>Ostatni projekt</h2>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">Baza Programów</h4>
|
||||||
|
<p class="card-text">Strona zawierająca wiele programów, które pobierzesz prosto z serwerów programistów bez żadnych dodatków</p>
|
||||||
|
<a href="https://krzysieksiemv.github.io/BazaProgramow">Sprawdź projekt</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="favPost">
|
||||||
|
<h2>Przypięty post</h2>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="card-title">#XboxE3 2019</h4>
|
||||||
|
<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.</p>
|
||||||
|
<a href="#">Przeczytaj ten post</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="jumbotron text-center" style="margin-bottom: 0px;">
|
||||||
|
<p>Krzysztof 'KrzysiekSiemv' Smaga 2020</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user