Skip to content

Commit cc9d488

Browse files
committed
Add Campus Ambassadors Page
1 parent 8a1b7fd commit cc9d488

File tree

8 files changed

+84
-50
lines changed

8 files changed

+84
-50
lines changed

src/components/Menu/AppBar.vue

+11-2
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,12 @@
3737
<span class="fa fa-circle fa-xs" :class="$style.awesome" aria-hidden="true"></span>
3838
</router-link>
3939
</li>-->
40-
<li :class="$style.link" slot="right" v-if="['md', 'lg', 'xl', 'xxl'].includes(this.$mq)">
40+
<li v-show="!isCampusAmbassador" :class="$style.link" slot="right" v-if="['md', 'lg', 'xl', 'xxl'].includes(this.$mq)">
4141
<router-link to="/referral"><b>Referrals</b></router-link>
4242
</li>
43+
<li v-show="isCampusAmbassador" :class="$style.link" slot="right" v-if="['md', 'lg', 'xl', 'xxl'].includes(this.$mq)">
44+
<router-link to="/ca"><b>Campus Ambassadors</b></router-link>
45+
</li>
4346
<li :class="$style.link" slot="right" v-if="['md', 'lg', 'xl', 'xxl'].includes(this.$mq)"
4447
v-show="showDashboardActions">
4548
<router-link to="/dashboard">
@@ -126,9 +129,12 @@
126129
<!-- <li :class="$style.link">
127130
<router-link to="/team">Team</router-link>
128131
</li>-->
129-
<li :class="$style.link">
132+
<li v-show="!isCampusAmbassador" :class="$style.link">
130133
<router-link to="/referral"><b>Referrals</b></router-link>
131134
</li>
135+
<li v-show="isCampusAmbassador" :class="$style.link">
136+
<router-link to="/ca"><b>Campus Ambassadors</b></router-link>
137+
</li>
132138
<!-- <li :class="$style.link" v-show="showDashboardActions">
133139
<router-link to="/dashboard">
134140
Dashboard
@@ -181,6 +187,9 @@ export default {
181187
showDashboardActions() {
182188
return this.$store.getters.isLoggedIn;
183189
},
190+
isCampusAmbassador() {
191+
return this.$store.getters.isCampusAmbassador;
192+
},
184193
isThemeLight() {
185194
return this.$store.getters.currentTheme === "light";
186195
}

src/components/ca/AboutCA.vue

+5-6
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,14 @@
22
<div :class="[$style.aboutContainer, $style[$mq]]">
33
<ResponsiveTwoColumnLayout :isRightAbove="true">
44
<div :class="$style.aboutImage" slot="right">
5-
<img src="#" />
5+
<img src="@assets/ca/about.svg" />
66
</div>
77
<div :class="$style.aboutHead" slot="left">
88
<p>
9-
A good leader is one who knows the way, goes the way and shows the
10-
way. With this in mind, CodeFest invites you to lead your college in
11-
the sixth edition of the coding extravaganza by becoming a part of our
12-
team as a Campus Ambassador. Apply now to grab the opportunity of
13-
becoming the face of CodeFest in your college!
9+
The CA program is our warm invitation to all you dynamic and enthusiastic students who are eager to represent the spirit of CodeFest’24 team in your campus.
10+
</p>
11+
<p>
12+
Accompanied with the opportunity to foster innovation and build connections, are the exclusive perks, exciting goodies and well-deserved rewards.
1413
</p>
1514
</div>
1615
</ResponsiveTwoColumnLayout>

src/components/ca/CAHero.vue

+5-5
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
<div :class="[$style.heroContainer, $style[$mq]]">
33
<ResponsiveTwoColumnLayout :isRightAbove="true">
44
<div :class="$style.caHead" slot="left">
5-
<img src="#" />
5+
<h1><span>Codefest'24</span></h1>
66
<span :class="$style.tagline">Imagine. Create. Iterate.</span>
77
<span :class="$style.venue">
88
<span :id="$style.loc">
99
<i class="fas fa-map-marked-alt"></i> IIT (BHU), Varanasi
1010
</span>
1111
<span :id="$style.sep">|</span>
1212
<span :id="$style.date">
13-
<i class="far fa-calendar-alt"></i> 23 - 25 August, 2019
13+
<i class="far fa-calendar-alt"></i> February 2024
1414
</span>
1515
</span>
1616
<h1>
@@ -19,19 +19,19 @@
1919
</h1>
2020
<h3>
2121
Be part of
22-
<span>CODEFEST'20</span> by becoming our CAMPUS AMBASSADOR.
22+
<span>CODEFEST'24</span> by becoming our CAMPUS AMBASSADOR.
2323
</h3>
2424
<div :class="$style.link">
2525
<a
26-
href="https://forms.gle/BDcmVFr4K7o2GjRn9"
26+
href="/login"
2727
:class="$style.linkText"
2828
>
2929
<h4>Register</h4>
3030
</a>
3131
</div>
3232
</div>
3333
<div :class="$style.caImage" slot="right">
34-
<img src="#" />
34+
<img src="@assets/ca/hero.svg" />
3535
</div>
3636
</ResponsiveTwoColumnLayout>
3737
</div>

src/components/ca/FaqCA.vue

+14-11
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div :class="[$style.faqContainer, $style[$mq]]">
33
<ResponsiveTwoColumnLayout>
44
<div :class="$style.faqHeader" slot="left">
5-
<img src="#" />
5+
<img src="@assets/ca/faq.svg" />
66
</div>
77
<FAQ :faqItems="faq" slot="right" />
88
</ResponsiveTwoColumnLayout>
@@ -23,26 +23,29 @@ export default {
2323
return {
2424
faq: [
2525
{
26-
question: "Who is eligible for being a campus ambassador?",
26+
question: "What is the role of a Campus Ambassador?",
2727
answer:
28-
"Anyone currently enrolled in any technical institute, who is \
29-
connected to people who might be interested in coding competitions and hackathons can be a Campus ambassador.",
28+
"Campus Ambassadors are passionate student representatives who spark excitement for CodeFest within their colleges. They act as a bridge between the organizers and their peers, ensuring smooth participation and offering valuable insights into the event.",
3029
},
3130
{
32-
question: "What is the responsibility of a CA",
31+
question: "Am I suitable to become a Campus Ambassador?",
3332
answer:
34-
"A CA's responsibility is to publicize CodeFest among the students of\
35-
their college and act as a representative of the fest in their college.",
33+
"Any passionate and motivated college student from any academic background or technical skill level is eligible to apply.",
3634
},
3735
{
38-
question: "How to apply for the CA programme?",
36+
question: "Can there be multiple Campus Ambassadors from a particular college?",
3937
answer:
40-
"Visit our facebook page/website and register as a CA by filling up the Google form available.",
38+
"The number of Campus Ambassadors chosen from each college may vary depending on the college size and number of applications.",
4139
},
4240
{
43-
question: "Can a CA register as a participant too?",
41+
question: "How much time do I need to invest once selected as a Campus Ambassador?",
4442
answer:
45-
"Ofcourse! Any CA can participate in whatever event he/she wishes to, there is no such restriction.",
43+
"The time commitment will vary depending on the tasks allotted and the stage of the CodeFest cycle.",
44+
},
45+
{
46+
question: "Will my progress be monitored?",
47+
answer:
48+
"Yes, your dedication will shine on our leaderboard. We will track your progress based on the number of referrals you bring to CodeFest and reward the top scorers with exciting prizes, so stay motivated and keep the CodeFest spirit alive!",
4649
},
4750
],
4851
};

src/components/ca/Perks.vue

+19-9
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div :class="[$style.workContainer, $style[$mq]]">
33
<ResponsiveTwoColumnLayout :isRightAbove="true">
44
<div :class="$style.workImage" slot="right">
5-
<img src="#" />
5+
<img src="@assets/ca/perks.svg" />
66
</div>
77
<div :class="$style.workHead" slot="left">
88
<div :class="$style.taskList">
@@ -33,24 +33,34 @@ export default {
3333
return {
3434
tasks: [
3535
{
36-
start: "Connect : ",
36+
start: "A certificate of recognition, authenticated by the HoD ",
3737
rest:
38-
"Grow a strong network with peers inside your college as well as the CodeFest team.",
38+
"of the Department of Computer Science and Engineering, IIT(BHU), that will boost your resume and showcase your leadership skills.",
3939
},
4040
{
41-
start: "Communication : ",
41+
start: "Unlock a treasure chest of exciting goodies ",
4242
rest:
43-
"Develop communication skills and get an edge over competition.",
43+
"– perks you won't find anywhere else!",
4444
},
4545
{
46-
start: "Certificate : ",
46+
start: "Free access ",
4747
rest:
48-
"Get Work Experience certificate as a CodeFest Campus Ambassador.",
48+
"to exclusive workshops, seminars, and events organized by CodeFest that will enhance your knowledge and skills in various domains of coding.",
4949
},
5050
{
51-
start: "Goodies : ",
51+
start: "Build lasting connections and professional networks ",
5252
rest:
53-
"Official CodeFest goodies and/or tees depending upon the number of participants in CodeFest from your college.",
53+
"with like-minded peers within the vibrant CodeFest community.",
54+
},
55+
{
56+
start: "Track your impact ",
57+
rest:
58+
"and see your hard work pay off with the dynamic leaderboard on CodeFest's official website. The top-ranked Campus Ambassadors will unlock exclusive rewards and recognition.",
59+
},
60+
{
61+
start: "A lifetime experience ",
62+
rest:
63+
"of being part of a dynamic community of coders eager to learn, innovate, and create an impact.",
5464
},
5565
],
5666
};

src/components/ca/Work.vue

+19-9
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div :class="[$style.workContainer, $style[$mq]]">
33
<ResponsiveTwoColumnLayout>
44
<div :class="$style.workImage" slot="left">
5-
<img src="#" />
5+
<img src="@assets/ca/work.svg" />
66
</div>
77
<div :class="$style.workHead" slot="right">
88
<div :class="$style.taskList">
@@ -18,10 +18,10 @@
1818
</div>
1919
</div>
2020
</ResponsiveTwoColumnLayout>
21-
<div :class="$style.para">
21+
<!-- <div :class="$style.para">
2222
The number of participants from your college will determine the number of
2323
goodies you get as a Campus Ambassador of CodeFest.
24-
</div>
24+
</div> -->
2525
</div>
2626
</template>
2727

@@ -37,19 +37,29 @@ export default {
3737
return {
3838
tasks: [
3939
{
40-
start: "Connect ",
40+
start: "Coordinating ",
4141
rest:
42-
"CodeFest with the student community inside your campus and circle.",
42+
"with our organizing team to facilitate the participation process for students from your college",
4343
},
4444
{
45-
start: "Publicize",
45+
start: "Creating awareness ",
4646
rest:
47-
"CodeFest by sharing the posts and updates on social media, through word-of-mouth, posters and e-mails.",
47+
"about CodeFest in your respective colleges by circulating posters, mails or messages in the official college groups",
4848
},
4949
{
50-
start: "Encourage",
50+
start: "Promoting CodeFest ",
5151
rest:
52-
"the students of your campus for active participation in CodeFest.",
52+
"in your college campus and through various social media platforms, including but not limited to Facebook, Instagram, and LinkedIn",
53+
},
54+
{
55+
start: "Encouraging students ",
56+
rest:
57+
"from your college to participate in the event and engage in the various activities and competitions",
58+
},
59+
{
60+
start: "Providing feedback and suggestions ",
61+
rest:
62+
"to enhance the overall experience of participants",
5363
},
5464
],
5565
};

src/pages/CampusAmbassador.vue

+7-7
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,24 @@
33
<AppBar />
44
<main :class="$style.wrapper">
55
<CAHero />
6-
<SectionLayout title="About">
6+
<SectionLayout title="What is the Campus Ambassador Program?">
77
<AboutCA />
88
</SectionLayout>
9-
<SectionLayout title="What you need to do">
9+
<SectionLayout title="What is a Campus Ambassador’s job?">
1010
<Work />
1111
</SectionLayout>
12-
<SectionLayout title="Perks and Benefits">
12+
<SectionLayout title="Why should you become a Campus Ambassador?">
1313
<Perks />
1414
</SectionLayout>
1515
<SectionLayout title="FAQ">
1616
<FaqCA />
1717
</SectionLayout>
18-
<SectionLayout title="Contact Us">
18+
<!-- <SectionLayout title="Contact Us">
1919
<ContactCA />
20-
</SectionLayout>
21-
<SectionLayout title="Points Table">
20+
</SectionLayout> -->
21+
<!-- <SectionLayout title="Points Table">
2222
<PointsTable />
23-
</SectionLayout>
23+
</SectionLayout> -->
2424
</main>
2525
<Footer />
2626
</div>

src/store/auth.js

+4-1
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,21 @@ export default {
1616
state: {
1717
token: getTokenFromStorage() || "",
1818
userId: -1,
19+
isCampusAmbassador: true,
1920
},
2021
getters: {
2122
isLoggedIn: (state) => {
2223
return !!state.token;
2324
},
2425
authToken: (state) => state.token,
26+
isCampusAmbassador: (state) => state.isCampusAmbassador,
2527
},
2628
mutations: {
2729
AUTH_SUCCESS(state, data) {
28-
const { token, user_id } = data;
30+
const { token, user_id, is_campus_ambassador } = data;
2931
state.token = token;
3032
state.userId = user_id;
33+
state.isCampusAmbassador = is_campus_ambassador;
3134
putTokenToStorage(token);
3235
},
3336
AUTH_LOGOUT(state) {

0 commit comments

Comments
 (0)