From 41e172f353c092780412f888f51590655de8a181 Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Wed, 11 Jan 2017 15:56:31 +0100
Subject: [PATCH 1/6] Added professional images of cats.

---
 website/views/profile.php | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/website/views/profile.php b/website/views/profile.php
index 1207bd9..ad4c7f4 100644
--- a/website/views/profile.php
+++ b/website/views/profile.php
@@ -41,6 +41,14 @@
             </div>
         </div>
 
+        <div class="post-box">
+            <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">
             <div class="post">
                 <h2>Tekst</h2>
@@ -49,6 +57,22 @@
             </div>
         </div>
 
+        <div class="post-box">
+            <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">
+            <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">
             <div class="post">
                 <h2>Tekst</h2>

From 3558d80a57b523c25e4cade2484618ca6491ae4a Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Thu, 12 Jan 2017 11:12:47 +0100
Subject: [PATCH 2/6] Added .idea/* to .gitignore

---
 .gitignore | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index d68555a..49955a1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,8 +10,7 @@
 
 
 # User-specific stuff:
-.idea/workspace.xml
-.idea/tasks.xml
+.idea/*
 
 # Sensitive or high-churn files:
 .idea/dataSources/

From a353cfb1560fe91fb2316f0073936e1e5fc82fec Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Thu, 12 Jan 2017 11:14:45 +0100
Subject: [PATCH 3/6] Retry gitignore: changed .idea/* to /.idea/*

---
 .gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 49955a1..acadb23 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,7 +10,7 @@
 
 
 # User-specific stuff:
-.idea/*
+/.idea/*
 
 # Sensitive or high-churn files:
 .idea/dataSources/

From 559fe9bb9866adea443bf96c2c2b233572467bb1 Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Thu, 12 Jan 2017 11:20:44 +0100
Subject: [PATCH 4/6] Made grid layout responsive

---
 website/styles/profile.css | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/website/styles/profile.css b/website/styles/profile.css
index b64bec0..123c2fa 100644
--- a/website/styles/profile.css
+++ b/website/styles/profile.css
@@ -34,18 +34,41 @@
 
 .posts {
     z-index: -1;
+    margin-right: 0;
+    width: calc(100% + 15px);
 }
 
 .post-box {
     display: inline-flex;
-    width: 250px;
-    margin: 20px 20px 0 0;
+    margin: 20px 15px 0 0;
     padding: 25px;
     background-color: #FFFFFF;
 }
 
+/* fullscreen */
+.post-box {
+    width: calc(25% - 68px);
+}
+
+@media only screen and (max-width: 1500px) {
+    .post-box {
+        width: calc(50% - 67px);
+    }
+}
+
+/* mobile */
+@media only screen and (max-width: 1000px) {
+    .post-box {
+        width: calc(100% - 65px);
+    }
+}
+
+.post {
+    width: 100%;
+}
+
 .post img {
-    width: 250px;
+    width: 100%;
 }
 
 .post .post-date {

From 687b08f440d691ff1aa41cd5dd2f99395107d509 Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Thu, 12 Jan 2017 11:29:17 +0100
Subject: [PATCH 5/6] Made friends and groups box responsive

---
 website/styles/profile.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/website/styles/profile.css b/website/styles/profile.css
index 123c2fa..377c307 100644
--- a/website/styles/profile.css
+++ b/website/styles/profile.css
@@ -28,6 +28,12 @@
     width: calc(50% - 60px);
 }
 
+@media only screen and (max-width: 900px) {
+    .item-box {
+        width: calc(100% - 50px);
+    }
+}
+
 .item-box-full-width {
     width: calc(100% - 50px);
 }

From fffc418f4c90e514e756e7bd7e69258e6e35b4eb Mon Sep 17 00:00:00 2001
From: Kevin Nobel <kevlebon@gmailcom>
Date: Thu, 12 Jan 2017 11:38:56 +0100
Subject: [PATCH 6/6] Changed style of windows, we now use the platform class.

---
 website/styles/profile.css |  4 ----
 website/views/group.php    | 24 ++++++++++++------------
 website/views/profile.php  | 32 ++++++++++++++++----------------
 3 files changed, 28 insertions(+), 32 deletions(-)

diff --git a/website/styles/profile.css b/website/styles/profile.css
index 377c307..1ac9a2b 100644
--- a/website/styles/profile.css
+++ b/website/styles/profile.css
@@ -1,7 +1,3 @@
-.profile-box, .item-box, .item-box-full-width, .post-box {
-    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-}
-
 .profile-box {
     min-height: 150px;
     padding: 25px;
diff --git a/website/views/group.php b/website/views/group.php
index 6a99b56..391ed26 100644
--- a/website/views/group.php
+++ b/website/views/group.php
@@ -1,5 +1,5 @@
 <div class="content">
-    <div class="profile-box">
+    <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>
@@ -8,7 +8,7 @@
         <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">
+    <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>
@@ -42,7 +42,7 @@
     </div>
 
     <div class="posts">
-        <div class="post-box">
+        <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>
@@ -50,7 +50,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -58,7 +58,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -66,7 +66,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -74,7 +74,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -82,7 +82,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -90,7 +90,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -98,7 +98,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Afbeelding</h2>
                 <img src="http://i.imgur.com/tr9amK8.png" alt="Foto van [gebruikersnaam]">
@@ -106,7 +106,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Post</h2>
                 <video width="250" controls>
@@ -116,7 +116,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Post</h2>
                 <p class="post-date">4 Januari geplaatst</p>
diff --git a/website/views/profile.php b/website/views/profile.php
index ad4c7f4..9675a04 100644
--- a/website/views/profile.php
+++ b/website/views/profile.php
@@ -1,5 +1,5 @@
 <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="profile-button">
             <p><img src="../website/img/add-friend.png"> Als vriend toevoegen</p>
@@ -8,7 +8,7 @@
         <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,7 +20,7 @@
         </p>
     </div>
 
-    <div class="item-box right">
+    <div class="item-box right platform">
         <h2>Groepen</h2>
         <p>
             <a href="#" data-title="[groepsnaam]"><img class="group-picture" src="http://i.imgur.com/ztYhYro.png" alt="[groepsnaam]'s logo"></a>
@@ -33,7 +33,7 @@
     </div>
 
     <div class="posts">
-        <div class="post-box">
+        <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>
@@ -41,7 +41,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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]">
@@ -49,7 +49,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -57,7 +57,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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]">
@@ -65,7 +65,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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]">
@@ -73,7 +73,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -81,7 +81,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -89,7 +89,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -97,7 +97,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -105,7 +105,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <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>
@@ -113,7 +113,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Afbeelding</h2>
                 <img src="http://i.imgur.com/tr9amK8.png" alt="Foto van [gebruikersnaam]">
@@ -121,7 +121,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Post</h2>
                 <video width="250" controls>
@@ -131,7 +131,7 @@
             </div>
         </div>
 
-        <div class="post-box">
+        <div class="post-box platform">
             <div class="post">
                 <h2>Post</h2>
                 <p class="post-date">4 Januari geplaatst</p>