Merge branch 'master' into hendrik-testing
This commit is contained in:
Hendrik
60
website/views/chat-view.php
Normal file
60
website/views/chat-view.php
Normal file
@@ -0,0 +1,60 @@
|
||||
<div class="content">
|
||||
<div class="chat">
|
||||
<div class="chat-left">
|
||||
<nav class="chat-recent platform">
|
||||
<h5>Chats</h5>
|
||||
<a href="#"><div class="chat-conversation">
|
||||
<img class="profile-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDnuRSeeyPve7KwDvJJ6OBzj3gyghwLcE2z9kZeYBOyZavh3mw">
|
||||
Rudolf Leslo
|
||||
</div></a>
|
||||
<a href="#"><div class="chat-conversation">
|
||||
<img class="profile-picture" src=http://www.kpop-map.com/wp-content/uploads/2016/01/sm-rookies-kun-profile.jpg">
|
||||
Henk de Boer
|
||||
</div></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="chat-right">
|
||||
<div class="chat-history platform">
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">Hi!</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-other">Hi!</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">How it's going?</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">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.</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-other">Hi!</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-other">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.</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-other">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.</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">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.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-field">
|
||||
<form method="post">
|
||||
<input type="submit"
|
||||
value="Verstuur"
|
||||
>
|
||||
<span>
|
||||
<input type="text"
|
||||
name="message"
|
||||
placeholder="Reageer..."
|
||||
required
|
||||
>
|
||||
</span>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,29 +0,0 @@
|
||||
<div class="content">
|
||||
<div class="chat">
|
||||
<div class="chat-history">
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">Hi!</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-other">Hi!</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">How it's going?</div>
|
||||
</div>
|
||||
<div class="chat-message">
|
||||
<div class="chat-message-self">Hi!</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form class="chat-field" method="post">
|
||||
<input type="text"
|
||||
name="message"
|
||||
placeholder="Typ een chatbericht om te verzenden"
|
||||
required
|
||||
>
|
||||
<input type="submit"
|
||||
value="Verstuur"
|
||||
>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
127
website/views/group.php
Normal file
127
website/views/group.php
Normal file
@@ -0,0 +1,127 @@
|
||||
<div class="content">
|
||||
<div class="profile-box platform">
|
||||
<img class="left group-picture" src="http://i.imgur.com/afjEUx2.jpg">
|
||||
<div class="profile-button">
|
||||
<p><img src="../website/img/leave-group.png"> Groep verlaten</p>
|
||||
</div>
|
||||
<h1 class="profile-username">[groepnaam]</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
</div>
|
||||
|
||||
<div class="item-box-full-width platform">
|
||||
<h2>Leden</h2>
|
||||
<p>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
|
||||
<a href="#vrienden">...en nog 25 anderen!</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="posts">
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Afbeelding</h2>
|
||||
<img src="http://i.imgur.com/tr9amK8.png" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Gisteren geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Post</h2>
|
||||
<video width="250" controls>
|
||||
<source src="http://i.imgur.com/ujAO1Dl.mp4" type="video/mp4">
|
||||
</video>
|
||||
<p class="post-date">Maandag geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Post</h2>
|
||||
<p class="post-date">4 Januari geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -13,7 +13,9 @@
|
||||
@import url("styles/header.css");
|
||||
@import url("styles/menu.css");
|
||||
@import url("styles/footer.css");
|
||||
@import url("styles/search.css");
|
||||
@import url("styles/adminpanel.css");
|
||||
@import url("styles/chat.css");
|
||||
@import url("styles/settings.css");
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<header>
|
||||
<div id="header-logo">
|
||||
<img src="img/Logo.png" alt="MyHyvesbook+" />
|
||||
<a href="profile.php"><img src="img/top-logo.png" alt="MyHyvesbook+" /></a>
|
||||
</div>
|
||||
<div id="header-search">
|
||||
<form action="php/search.php" method="get">
|
||||
<input type="text" placeholder="search people, friends and pages" />
|
||||
<form action="search.php" method="get">
|
||||
<input name="search" type="text" placeholder="zoek naar van alles" />
|
||||
<input type="submit" value="Zoek"/>
|
||||
</form>
|
||||
</div>
|
||||
<div class="right profile-menu">
|
||||
<div id="profile-menu-popup">
|
||||
<a href="#"><span style="color: red;" class="fa fa-sign-out" data-title="Uitloggen"></span></a> |
|
||||
<a href="#"><span style="color: blue;" class="fa fa-cog" data-title="Instellingen"></span></a> |
|
||||
<a href="#"><span style="color: green;" class="fa fa-user" data-title="Profiel"></span></a>
|
||||
<a href="index.php"><span style="color: red;" class="fa fa-sign-out" data-title="Uitloggen"></span></a> |
|
||||
<a href="settings.php"><span style="color: blue;" class="fa fa-cog" data-title="Instellingen"></span></a> |
|
||||
<a href="profile.php"><span style="color: green;" class="fa fa-user" data-title="Profiel"></span></a>
|
||||
</div>
|
||||
<div id="profile-hello-popup">
|
||||
<div id="hello-loop">
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<div class="content">
|
||||
<div class="profile-box">
|
||||
<div class="profile-box platform">
|
||||
<img class="left profile-picture" src="http://i.imgur.com/afjEUx2.jpg">
|
||||
<div class="friend-request">
|
||||
<div class="profile-button">
|
||||
<p><img src="../website/img/add-friend.png"> Als vriend toevoegen</p>
|
||||
</div>
|
||||
<h1 class="profile-username">[gebruikersnaam]</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
</div>
|
||||
|
||||
<div class="item-box left">
|
||||
<div class="item-box left platform">
|
||||
<h2>Vrienden</h2>
|
||||
<p>
|
||||
<a href="#" data-title="[gebruikersnaam]"><img class="profile-picture" src="http://i.imgur.com/afjEUx2.jpg" alt="[gebruikersnaam]'s profielfoto"></a>
|
||||
@@ -20,78 +20,122 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="item-box right">
|
||||
<div class="item-box right platform">
|
||||
<h2>Groepen</h2>
|
||||
<p>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="profile-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="profile-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="profile-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="profile-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="profile-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
|
||||
<a href="#groepen">...en nog 6 anderen!</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="posts">
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Glitterzz :3</h2>
|
||||
<img src="https://s-media-cache-ak0.pinimg.com/originals/5d/ab/86/5dab8634abeded269f4c456b3b7a6a90.gif" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>woooow</h2>
|
||||
<img src="http://31.media.tumblr.com/5227ca92d5d028bae64060d3f32315c2/tumblr_myt7mjJahV1qimzy6o3_250.gif" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>0.0</h2>
|
||||
<img src="https://68.media.tumblr.com/7b2da43b98c43016261831c240381fba/tumblr_o6ol996fHJ1tcu68no1_400.gif" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Tekst</h2>
|
||||
<p>Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Afbeelding</h2>
|
||||
<img src="http://i.imgur.com/tr9amK8.png" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Gisteren geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Post</h2>
|
||||
<video width="250" controls>
|
||||
<source src="http://i.imgur.com/ujAO1Dl.mp4" type="video/mp4">
|
||||
</video>
|
||||
<p class="post-date">Maandag geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum turpis quam, eu ultrices sapien hendrerit tincidunt. Nunc aliquam neque turpis, id porta quam iaculis id. Sed suscipit, nisl a fermentum congue, nunc augue finibus lectus, id varius nunc purus nec dolor. Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box">
|
||||
<h2>Post</h2>
|
||||
<p class="post-date">4 Januari geplaatst</p>
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Tekst</h2>
|
||||
<p>Integer laoreet tellus sit amet sapien auctor congue. Mauris laoreet eu elit vel rhoncus. Nam et tortor arcu. Maecenas sit amet leo quis tellus varius gravida. Sed quis fermentum odio, sed dictum nulla. Donec aliquam rutrum orci cursus tempus. Quisque sit amet ipsum eget velit aliquam facilisis ultricies quis ligula. Nunc nisi lacus, luctus non bibendum quis, sagittis sit amet odio.</p>
|
||||
<p class="post-date">Enkele minuten geleden geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Afbeelding</h2>
|
||||
<img src="http://i.imgur.com/tr9amK8.png" alt="Foto van [gebruikersnaam]">
|
||||
<p class="post-date">Gisteren geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Post</h2>
|
||||
<video width="250" controls>
|
||||
<source src="http://i.imgur.com/ujAO1Dl.mp4" type="video/mp4">
|
||||
</video>
|
||||
<p class="post-date">Maandag geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-box platform">
|
||||
<div class="post">
|
||||
<h2>Post</h2>
|
||||
<p class="post-date">4 Januari geplaatst</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
59
website/views/search-view.php
Normal file
59
website/views/search-view.php
Normal file
File diff suppressed because one or more lines are too long
88
website/views/settings-view.php
Normal file
88
website/views/settings-view.php
Normal file
@@ -0,0 +1,88 @@
|
||||
<div class="content">
|
||||
<div class="settings">
|
||||
<form class="settings-profile platform">
|
||||
<h5>Profiel Instllingen</h5>
|
||||
<label for="first-name">Voornaam</label>
|
||||
<input type="text"
|
||||
name="first-name"
|
||||
id="first-name"
|
||||
placeholder="Voornaam"
|
||||
title="Voornaam"
|
||||
><br />
|
||||
<label for="last-name">Achternaam</label>
|
||||
<input type="text"
|
||||
name="last-name"
|
||||
id="last-name"
|
||||
placeholder="Lastname"
|
||||
><br />
|
||||
<label for="place">Woonplaats</label>
|
||||
<input type="text"
|
||||
name="place"
|
||||
id="place"
|
||||
placeholder="Woonplaats"
|
||||
><br />
|
||||
<label for="bday">Geboortedatum</label>
|
||||
<input type="date"
|
||||
name="bday"
|
||||
id="bday"
|
||||
placeholder="01/01/1900"
|
||||
><br />
|
||||
<label for="location">Locatie</label>
|
||||
<input type="text"
|
||||
name="location"
|
||||
id="location"
|
||||
placeholder="Locatie"
|
||||
><br />
|
||||
<label for="bio">Bio</label>
|
||||
<textarea name="bio"
|
||||
rows="5"
|
||||
cols="10"
|
||||
title="bio"
|
||||
id="bio"
|
||||
></textarea>
|
||||
<br />
|
||||
|
||||
<label></label>
|
||||
<input type="submit"
|
||||
value="Opslaan"
|
||||
>
|
||||
</form>
|
||||
|
||||
|
||||
<form class="settings-password platform" method="post">
|
||||
<h5>Verander Wachtwoord</h5>
|
||||
<br />
|
||||
<input type="password"
|
||||
name="password-old"
|
||||
placeholder="Oud wachtwoord"
|
||||
><br />
|
||||
<input type="password"
|
||||
name="password-new"
|
||||
placeholder="Nieuw wachtwoord"
|
||||
><br />
|
||||
<input type="password"
|
||||
name="password-confirm"
|
||||
placeholder="Bevestig wachtwoord"
|
||||
><br />
|
||||
<input type="submit"
|
||||
value="Verander wachtwoord"
|
||||
>
|
||||
</form>
|
||||
|
||||
<form class="settings-email platform" method="post">
|
||||
<h5>Verander Email</h5>
|
||||
<br />
|
||||
<input type="email"
|
||||
name="email"
|
||||
placeholder="Nieuw Email-adres"
|
||||
><br />
|
||||
<input type="email"
|
||||
name="email-confirm"
|
||||
placeholder="Bevestig Email"
|
||||
><br />
|
||||
<input type="submit"
|
||||
value="Verander Email"
|
||||
>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user