fixed particles, blog-post edited links, new logo

This commit is contained in:
kacpur96 2018-12-11 12:46:32 +01:00
parent c206292155
commit 5b47c5999b
8 changed files with 133 additions and 46 deletions

View File

@ -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,7 +60,7 @@
</div>
</form>
</div>
</div>
<script src="../js/particles.js"></script>
<script src="../js/app.js"></script>

View File

@ -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>

View File

@ -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>

View File

@ -38,37 +38,103 @@
</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>
<?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 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 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 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>
<!-- /row -->
</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>
<!-- /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">
<p>Grupa Alfa 2018</p>

View File

@ -1,7 +1,12 @@
#particles-js{
position:absolute;
width: 100%;
height: 100%;
background-color: #b61924;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
min-width: 547px;
background-position: 50% 50%;
}
.container {
@ -33,6 +38,7 @@
width: 30%;
float: left;
z-index: 2;
user-select: none;
}
.loginMain{

View File

@ -1,7 +1,12 @@
#particles-js{
position:absolute;
width: 100%;
height: 100%;
background-color: #b61924;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
min-width: 547px;
background-position: 50% 50%;
}
.container {
@ -33,6 +38,7 @@
width: 30%;
float: left;
z-index: 2;
user-select: none;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -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>