151 lines
9.3 KiB
HTML
151 lines
9.3 KiB
HTML
<!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%;
|
|
}
|
|
|
|
.card {
|
|
margin-bottom: 16px;
|
|
}
|
|
</style>
|
|
<!-- Fajne coś -->
|
|
<title>Hej! - Zwyczajny 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" href="https://krzysieksiemv.github.io/blog">Strona główna</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://krzysieksiemv.github.io/blog/all-posts">Wszystkie posty</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://krzysieksiemv.github.io/blog/tech-posts">Technologie</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://krzysieksiemv.github.io/blog/other-posts">Posty o byle czym</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://krzysieksiemv.github.io/blog/all-projects">Moje projekty</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://krzysieksiemv.github.io/blog/changelogs">Changelogi</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>
|
|
<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>
|
|
<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 Smaga</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="xbox-e3-2019">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> |