fixed particles, blog-post edited links, new logo
This commit is contained in:
parent
c206292155
commit
5b47c5999b
@ -16,9 +16,12 @@
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="particles-js">
|
||||
<div id="particles-js"></div>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="row loginHeader">
|
||||
@ -57,13 +60,13 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/particles.js"></script>
|
||||
<script src="../js/app.js"></script>
|
||||
|
||||
<script>
|
||||
particlesJS.load('particles-js', '../js/particles.json', function() {
|
||||
console.log('callback - particles.js config loaded'); });
|
||||
console.log('callback - particles.js config loaded'); });
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
@ -33,7 +33,7 @@
|
||||
<li><a href="#about">O mnie</a></li>
|
||||
<li><a href="#post">Posty</a></a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../blogcenter/index.html">Strona główa</a></li>
|
||||
<li><a href="../index.html">Strona główa</a></li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -30,10 +30,10 @@
|
||||
Menu
|
||||
</button>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
||||
<li><a href="blog.php #about">O mnie</a></li>
|
||||
<li><a href="blog.php #post">Posty</a></a></li>
|
||||
<li><a href="blog.php#about">O mnie</a></li>
|
||||
<li><a href="blog.php#post">Posty</a></a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../blogcenter/index.html">Strona główa</a></li>
|
||||
<li><a href="../index.html">Strona główa</a></li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -38,36 +38,102 @@
|
||||
</header>
|
||||
<div class="row mainrow">
|
||||
<div class="col-md-12"><h2>Najnowsze wpisy:</h2></div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
</div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
</div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
</div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
</div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
</div>
|
||||
<div class="col-md-4 mininote">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<a href="http://lipsum.com"><img src="http://placehold.it/200x200"></a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<a href="http://lipsum.com" style="font-size: 10px">Czytaj więcej</a></p>
|
||||
|
||||
|
||||
<?php
|
||||
include "../settings/db_connect.php";
|
||||
|
||||
|
||||
if ($sql = $mysqli->prepare("SELECT * FROM user WHERE user_id = 2 "))
|
||||
{
|
||||
$sql->execute();
|
||||
$sql->bind_result($user_id,$username,$email,$password,$avatar, $about_short, $about_me, $about_blog, $FB, $TW);
|
||||
while ($sql->fetch())
|
||||
{
|
||||
echo "<div class=\"col-lg-8 name-desc\">
|
||||
<h2>$about_short</h2>
|
||||
|
||||
|
||||
<div class=\"col-md-11\">
|
||||
<p>$about_me
|
||||
</p>
|
||||
<p>$about_blog</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=\"col-lg-4 name foto cover foto1\">
|
||||
<img src=\"$avatar\" class=\"align-text-bottom\">
|
||||
<p>$username</p>
|
||||
|
||||
<a href=\"https://www.facebook.com/$FB\">
|
||||
<div class=\"col-md-6\">
|
||||
<div class=\"fa fa-facebook-official\" style=\"font-size:36px\">
|
||||
|
||||
<div class=\"ikona\"> <i><p1> $FB </p1></i> </div>
|
||||
</div> </div> </a>
|
||||
|
||||
|
||||
<a href=\"https://twitter.com/$TW\">
|
||||
<div class=\"col-md-6\">
|
||||
<div class=\"fa fa-twitter-square\" style=\"font-size:36px\"\">
|
||||
<div class=\"ikona\"><i><p1> $TW </p1></i> </div>
|
||||
</div> </a> </div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /container -->
|
||||
|
||||
<!-- /aboutwrap -->
|
||||
|
||||
|
||||
|
||||
<section id=\"post\" name=\"post\"></section>
|
||||
<div id=\"postwrap\">
|
||||
<div class=\"container\">
|
||||
<div class=\"row\">
|
||||
<h2>NAJNOWSZE WPISY</h2>";
|
||||
}
|
||||
$sql->close();
|
||||
}
|
||||
else die( "Błąd w zapytaniu SQL! Sprawdź kod SQL w PhpMyAdmin." );
|
||||
|
||||
|
||||
|
||||
$trash = '';
|
||||
if ($sql = $mysqli->prepare("SELECT * FROM post ORDER BY data_dodania"))
|
||||
{
|
||||
$sql->execute();
|
||||
$sql->bind_result($post_id,$trash,$title,$description,$main,$image,$date,$mod_date);
|
||||
while ($sql->fetch())
|
||||
{
|
||||
echo " <div class=\"col-lg-4 col-md-6 col-sm-6 col-xs-12 desc\">
|
||||
|
||||
<div class=\"project\">
|
||||
<div class=\"photo-wrapper\">
|
||||
<div class=\"photo foto cover\">
|
||||
|
||||
<a href=\"post.php\"><img class=\"img-responsive\" src=\"$image\" alt=\"\">
|
||||
<div class=\"text-block\">
|
||||
<p1>$date</p1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> <h1> $title</h1></a>
|
||||
</div>";
|
||||
}
|
||||
$sql->close();
|
||||
}
|
||||
else die( "Błąd w zapytaniu SQL! Sprawdź kod SQL w PhpMyAdmin." );
|
||||
|
||||
$mysqli->close();
|
||||
?>
|
||||
</div>
|
||||
<div class="row footer">
|
||||
<div class="col-md-12">
|
||||
|
@ -1,7 +1,12 @@
|
||||
#particles-js{
|
||||
background-color: #b61924;
|
||||
background-size: cover;
|
||||
min-width: 547px;
|
||||
#particles-js{
|
||||
position:absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #b61924;
|
||||
background-image: url("");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.container {
|
||||
@ -33,6 +38,7 @@
|
||||
width: 30%;
|
||||
float: left;
|
||||
z-index: 2;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.loginMain{
|
||||
|
@ -1,7 +1,12 @@
|
||||
#particles-js{
|
||||
background-color: #b61924;
|
||||
background-size: cover;
|
||||
min-width: 547px;
|
||||
#particles-js{
|
||||
position:absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #b61924;
|
||||
background-image: url("");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.container {
|
||||
@ -33,6 +38,7 @@
|
||||
width: 30%;
|
||||
float: left;
|
||||
z-index: 2;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
|
||||
|
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 30 KiB |
@ -15,9 +15,16 @@
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
|
||||
<style type="text/css">
|
||||
* {margin: 0; padding: 0;}
|
||||
.wrapper {width: 100%; height: 700px; background: red;}
|
||||
/* ---- reset ---- */ body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; } canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #b61924; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="particles-js">
|
||||
<div id="particles-js"></div>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="row registerHeader">
|
||||
@ -61,7 +68,6 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/particles.js"></script>
|
||||
<script src="../js/app.js"></script>
|
||||
|
Loading…
Reference in New Issue
Block a user