Skip to content

Commit

Permalink
add data for team page and sister groups
Browse files Browse the repository at this point in the history
  • Loading branch information
@ayanchoudhary
ayanchoudhary committed Jan 10, 2020
1 parent 6282d9c commit 5c11fa3
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 33 deletions.
17 changes: 9 additions & 8 deletions frontend/src/components/SisterGroups.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,11 @@
<div
class="sm:w-180 pt-6 text-lg text-grey leading-170 sm:self-center sm:text-center sm:w-sister"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac
lacinia nisi, ac maximus sem. Ut eu malesuada nisl. Pellentesque
sagittis fringilla tempor. Pellentesque sit amet augue sit amet quam
feugiat porta vitae sit amet ligula.
Sister groups are different smaller groups within the umbrella of
Software Development Section, along with SDSLabs. The members of
these groups focus on specific areas of technological innovation
like data science, competetive programming, and information
security.
</div>
<div
class="sister flex flex-row self-center mt-32 justify-between sm:w-groups"
Expand All @@ -22,23 +23,23 @@
<Sister
v-bind:url="dsg"
title="DATA SCIENCE GROUP"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac lacinia nisi, ac maximus sem."
description="As a part of SDS, this group aims at improving the culture of Data Science and Machine Learning in IIT Roorkee."
/>
</div>
<div>
<Sister
class="ml-10"
v-bind:url="pag"
title="PROGRAMMING & ALGORITHMS GROUP"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac lacinia nisi, ac maximus sem."
description="A bunch of competitive programming enthusiasts, PAG, frequently organizes coding lectures and contests for IITR people."
/>
</div>
<div>
<Sister
class="ml-10"
v-bind:url="infosec"
title="INFOSEC IITR"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac lacinia nisi, ac maximus sem."
title="INFOSECIITR"
description="InfoSecIITR is a group of information security enthusiasts. It is an open group that consists only of IITR students and alumni."
/>
</div>
</div>
Expand Down
75 changes: 50 additions & 25 deletions frontend/src/components/Team.vue
View file
Original file line number Diff line number Diff line change
@@ -1,35 +1,60 @@
<template>
<div class="flex flex-col-reverse pt-24 sm:flex-row sm:pl-72 sm:pr-100 sm:pt-60 sm:w-full sm:justify-center">
<div class="flex flex-row mx-10 mt-20 sm:mt-0 sm:mr-26">
<div class="flex flex-col w-96 h-80 bg-team mt-36">
<div class="self-center"><img class="w-64 mt-12" src="@/assets/images/dev.svg"/></div>
<div class="self-center mt-8">
<span class="font-black text-3xl sm:text-4xl">20 </span>
<span class="font-black text-lg sm:text-xl">Developers</span>
</div>
</div>
<div class="flex flex-col">
<div class="flex flex-col w-64 h-80 bg-team ml-16 sm:ml-20">
<div class="self-center"><img class="w-28 mt-20" src="@/assets/images/des.svg"/></div>
<div class="self-center mt-1">
<span class="font-black text-3xl sm:text-4xl">9 </span>
<span class="font-black text-lg sm:text-xl">Designers</span>
<div
class="flex flex-col-reverse pt-24 sm:flex-row sm:pl-72 sm:pr-100 sm:pt-60 sm:w-full sm:justify-center"
>
<div class="flex flex-row mx-10 mt-20 sm:mt-0 sm:mr-26">
<div class="flex flex-col w-96 h-80 bg-team mt-36">
<div class="self-center">
<img class="w-64 mt-12" src="@/assets/images/dev.svg" />
</div>
<div class="self-center mt-8">
<span class="font-black text-3xl sm:text-4xl">20 </span>
<span class="font-black text-lg sm:text-xl"
>Developers</span
>
</div>
</div>
<div class="w-96 h-48 bg-team mt-16 ml-16 sm:ml-20">
<div class="self-center text-center mt-16">
<span class="font-black text-3xl sm:text-4xl">40+ </span>
<span class="font-black text-lg sm:text-xl">Alumni</span>
<div class="flex flex-col">
<div class="flex flex-col w-64 h-80 bg-team ml-16 sm:ml-20">
<div class="self-center">
<img class="w-28 mt-20" src="@/assets/images/des.svg" />
</div>
<div class="self-center mt-1">
<span class="font-black text-3xl sm:text-4xl">9 </span>
<span class="font-black text-lg sm:text-xl"
>Designers</span
>
</div>
</div>
<div class="w-96 h-48 bg-team mt-16 ml-16 sm:ml-20">
<div class="self-center text-center mt-16">
<span class="font-black text-3xl sm:text-4xl"
>40+
</span>
<span class="font-black text-lg sm:text-xl"
>Alumni</span
>
</div>
</div>
</div>
</div>
<div class="flex flex-col w-auto mx-10 sm:ml-26">
<div class="text-3xl font-black">Our Team</div>
<div class="pt-10 text-lg text-grey leading-170 sm:w-144">
The amazing amalgamation of designers and developers along with
a vast alumni base has always been an important part of our
journey. Check out our team page to know more about our members.
</div>
<div>
<Button
class="mt-14 bg-purple"
v-bind:native="true"
url="https://team.sdslabs.co/"
text="Open Teampage"
/>
</div>
</div>
</div>
<div class="flex flex-col w-auto mx-10 sm:ml-26">
<div class="text-3xl font-black">Our Team</div>
<div class="pt-10 text-lg text-grey leading-170 sm:w-144">We are a group of dedicated individuals that are passionate about creating and integrating the latest technological innovations and building a platform to unite every person on the planet.</div>
<div><Button class="mt-14 bg-purple" v-bind:native=true url="https://team.sdslabs.co/" text="Open Teampage"/></div>
</div>
</div>
</template>

<script>
Expand Down

0 comments on commit 5c11fa3

Please sign in to comment.