From 807eb858a14329652966bd9e855b543e6fe41a7f Mon Sep 17 00:00:00 2001
From: LintaPaul <54324010+LintaPaul@users.noreply.github.com>
Date: Sat, 16 May 2020 12:32:08 +0530
Subject: [PATCH] fixed issue #Add Committee

changes made to ./ pages/committee/index.vue
---
 assets/scss/materialize.scss |   3 +-
 layouts/README.md            |  14 ++---
 layouts/default.vue          |  38 ++++++-------
 pages/committee/index.vue    | 107 +++++++++++++++++++++++++++++++++--
 pages/index.vue              |   2 +-
 static/profilepic.png        | Bin 0 -> 1610 bytes
 6 files changed, 131 insertions(+), 33 deletions(-)
 create mode 100644 static/profilepic.png

diff --git a/assets/scss/materialize.scss b/assets/scss/materialize.scss
index db87e08..31a3e9a 100644
--- a/assets/scss/materialize.scss
+++ b/assets/scss/materialize.scss
@@ -1 +1,2 @@
-@import '@/node_modules/materialize-css/sass/materialize.scss';
\ No newline at end of file
+@import '@/node_modules/materialize-css/sass/materialize.scss';
+
diff --git a/layouts/README.md b/layouts/README.md
index cad1ad5..7d85a7d 100644
--- a/layouts/README.md
+++ b/layouts/README.md
@@ -1,7 +1,7 @@
-# LAYOUTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Application Layouts.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
+# LAYOUTS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your Application Layouts.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
diff --git a/layouts/default.vue b/layouts/default.vue
index 74a8a6b..7f99310 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,19 +1,19 @@
-<template>
-  <div>
-    <Header />
-    <nuxt />
-  </div>
-</template>
-
-<script>
-import Header from '~/components/Header'
-
-export default {
-  components: {
-    Header
-  }
-}
-</script>
-
-<style>
-</style>
+<template>
+  <div>
+    <Header />
+    <nuxt />
+  </div>
+</template>
+
+<script>
+import Header from '~/components/Header'
+export default {
+  components: {
+    Header
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>
diff --git a/pages/committee/index.vue b/pages/committee/index.vue
index 0d986ab..71918d2 100644
--- a/pages/committee/index.vue
+++ b/pages/committee/index.vue
@@ -1,14 +1,111 @@
 <template>
-  <div>
-    Committee Page
-  </div>
+  <div><br>
+    <div class="center-align"><h4>Our Committee Members</h4></div><br><br>
+    <div class="row">
+    <section v-for=' c in content.committee' :key=' c.designation'>
+        <div class='col s12 m7 l3'>
+          <div class='card-panel hoverable'>
+            <p class="center-align text">{{c.designation}}</p>
+            <div class='card-image center-align'>
+              <img class="circle responsive-image img" :src='c.url'>
+            </div>
+            <div class='card-content center-align text'>
+              <p>{{ c.name }}</p>
+            </div><br><br>
+            <div class='card-action middle'>
+              <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>&nbsp;
+              <a :href='c.profiles.instagram' class="wave-effect wave-light"><i class="fa fa-instagram hoverable circle"></i></a>&nbsp;
+              <a :href='c.profiles.twitter' class="wave-effect wave-light"><i class="fa fa-twitter hoverable circle"></i></a>&nbsp;
+              <a :href='c.profiles.linkedin' class="wave-effect wave-light"><i class="fa fa-linkedin hoverable circle"></i></a>&nbsp;
+              <a :href='c.profiles.github' class="wave-effect wave-light"><i class="fa fa-github hoverable circle"></i></a>&nbsp;
+              <a :href='c.profiles.website' class="wave-effect wave-light"><i class="material-icons action hoverable circle">language</i></a>
+            </div>
+        </div>
+        </div>
+    </section>
+    </div>
+</div>
 </template>
 
 <script>
 export default {
-
+  data () {
+    return {
+      content: {
+        committee: [
+          {
+            name: 'Prof. Syam Sankar',
+            designation: 'Faculty Advisor',
+            url: '/profilepic.png',
+            profiles: {
+              instagram: '',
+              twitter: '',
+              linkedin: '',
+              github: '',
+              website: ''
+            }
+          },
+          {
+            name: 'Milind Soorya  ',
+            designation: ' Chairman',
+            url: '/profilepic.png',
+            profiles: {
+              instagram: '',
+              twitter: '',
+              linkedin: '',
+              github: '',
+              website: ''
+            }
+          },
+          {
+            name: 'Meekha E Saji  ',
+            url: '/profilepic.png',
+            designation: ' Newsletter Editor',
+            profiles: {
+              instagram: '',
+              twitter: '',
+              linkedin: '',
+              github: '',
+              website: ''
+            }
+          },
+          {
+            name: 'Allen K Abraham',
+            url: '/profilepic.png',
+            designation: ' Website Maintainer',
+            profiles: {
+              instagram: '',
+              twitter: '',
+              linkedin: '',
+              github: '',
+              website: ''
+            }
+          }
+        ]
+      }
+    }
+  }
 }
 </script>
+<style lang="scss">
+.card-panel{
+border-radius: 16px 16px 16px 16px;
+box-shadow: 0 4px 4px grey;
+height: 400px;
+}
+.text{
+  text-align: center;
+  font-weight: bold;
+  font-size: 16px;
+}
 
-<style>
+.img{
+width: 140px;
+height: 140px;
+}
+.middle{
+position: absolute;
+font-size: 28px;
+overflow: hidden;
+}
 </style>
diff --git a/pages/index.vue b/pages/index.vue
index 85e5806..05b642b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,7 +3,7 @@
     <div>
       Home Page
     </div>
-  </div>
+    </div>
 </template>
 
 <script>
diff --git a/static/profilepic.png b/static/profilepic.png
new file mode 100644
index 0000000000000000000000000000000000000000..7dfda968b998823bb54872a66c1b8e34941ce838
GIT binary patch
literal 1610
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
IM6N<$g6E?kxc~qF

literal 0
HcmV?d00001