s426231/TAS-ALFA
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed particles, blog-post edited links, new logo

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
admin-zone/login.php
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>

2
blog-post/blog.php
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>

2
blog-post/post.php
View File

@ -33,7 +33,7 @@
<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>

114
blogcenter/index.html
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>

8
css/login.css
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{

8
css/register.css
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;
}

BIN
images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 30 KiB

10
register/index.php
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>