From 5be19ce91d4086c1ebeb56fee6ca4d52e3fb9530 Mon Sep 17 00:00:00 2001 From: Kevin Nobel Date: Wed, 11 Jan 2017 15:42:32 +0100 Subject: [PATCH] Added group view --- website/group.php | 21 ++++++ website/img/leave-group.png | Bin 0 -> 526 bytes website/styles/profile.css | 19 ++++-- website/views/group.php | 127 ++++++++++++++++++++++++++++++++++++ website/views/profile.php | 2 +- 5 files changed, 162 insertions(+), 7 deletions(-) create mode 100644 website/group.php create mode 100644 website/img/leave-group.png create mode 100644 website/views/group.php diff --git a/website/group.php b/website/group.php new file mode 100644 index 0000000..ad307e2 --- /dev/null +++ b/website/group.php @@ -0,0 +1,21 @@ + + + + + + + diff --git a/website/img/leave-group.png b/website/img/leave-group.png new file mode 100644 index 0000000000000000000000000000000000000000..d8b9cc3ac65b37d84e10d7d0a989414d88ec06bc GIT binary patch literal 526 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM0wlfaz7_*1mUKs7M+SzC{oH>NS%G|oWRD45bDP46hOx7_4S6Fo+k-*%fF5lweBoc6VW5Sk5Uj7}P}D}aLRC7!;n><<~a`PD6$%o;xch38xrys0}i*If_Zi-K1}g~{9F=rFTkg2zX65cuIbBWTvyBtkZZb%vaBF0w zcU3T%Z#*<>%IUVpK!2*1xJHzuB$lLFB^RXvDF!10LvvjNLtR6|5JOWdV@oSjGi?Jy zD+7b+*MCev(U6;;l9^VCTf?(12OXdWNstY}`DrEPiAAXl<>lpinR(g8$%zH2dih1^ Uv)|cB0TnTLy85}Sb4q9e0G1fEN&o-= literal 0 HcmV?d00001 diff --git a/website/styles/profile.css b/website/styles/profile.css index da6913b..b64bec0 100644 --- a/website/styles/profile.css +++ b/website/styles/profile.css @@ -1,4 +1,4 @@ -.profile-box, .item-box, .post-box { +.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); } @@ -8,7 +8,7 @@ background-color: #FFFFFF; } -.profile-box .profile-picture { +.profile-box .profile-picture, .profile-box .group-picture { width: 150px; height: 150px; margin: 0 20px 20px 0; @@ -18,13 +18,20 @@ padding-top: 50px; } -.item-box { - width: calc(50% - 60px); +.item-box, .item-box-full-width { margin: 20px 0 0 0; padding: 25px; background-color: #FFFFFF; } +.item-box { + width: calc(50% - 60px); +} + +.item-box-full-width { + width: calc(100% - 50px); +} + .posts { z-index: -1; } @@ -47,7 +54,7 @@ font-size: 0.8em; } -.friend-request { +.profile-button { float: right; padding: 10px; border-radius: 5px; @@ -56,6 +63,6 @@ transition-duration: 250ms; } -.friend-request:hover { +.profile-button:hover { background-color: #B78996; } \ No newline at end of file diff --git a/website/views/group.php b/website/views/group.php new file mode 100644 index 0000000..6a99b56 --- /dev/null +++ b/website/views/group.php @@ -0,0 +1,127 @@ +
+
+ +
+

Groep verlaten

+
+

[groepnaam]

+

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.

+
+ +
+

Leden

+

+ [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + [gebruikersnaam]'s profielfoto + + ...en nog 25 anderen! +

+
+ +
+
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Tekst

+

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.

+

Enkele minuten geleden geplaatst

+
+
+ +
+
+

Afbeelding

+ Foto van [gebruikersnaam] +

Gisteren geplaatst

+
+
+ +
+
+

Post

+ +

Maandag geplaatst

+
+
+ +
+
+

Post

+

4 Januari geplaatst

+
+
+
+ +
\ No newline at end of file diff --git a/website/views/profile.php b/website/views/profile.php index d1f87bd..1207bd9 100644 --- a/website/views/profile.php +++ b/website/views/profile.php @@ -1,7 +1,7 @@
-
+

Als vriend toevoegen

[gebruikersnaam]