Skip to content

Commit e8c7bcf

Browse files
adeen-sadeen-s
committed
Add channels as collection
1 parent f276b43 commit e8c7bcf

File tree

10 files changed

+90
-143
lines changed

10 files changed

+90
-143
lines changed

‎_channels/email.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "mailto:info@codeindore.com"
3+
platform-name: "Email"
4+
channel-logo: "/res/connect/email.png"
5+
channel-content: "Send us an email for all official correspondence, questions, clarifications or reports. "
6+
channel-display-link: "info@codeindore.com"
7+
sort-order: 6
8+
---

‎_channels/fb.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "https://facebook.com/codeIndore"
3+
platform-name: "Facebook"
4+
channel-logo: "/res/connect/fb.png"
5+
channel-content: "Follow our page on Facebook to register for events, check-in to meetups, and share your posts."
6+
channel-display-link: "@codeIndore"
7+
sort-order: 3
8+
---

‎_channels/ig.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "https://instagram.com/codeindore"
3+
platform-name: "Instagram"
4+
channel-logo: "/res/connect/ig.png"
5+
channel-content: "Follow us on Instagram for the latest event photos, upcoming event details, and regular quizzes."
6+
channel-display-link: "@codeIndore"
7+
sort-order: 2
8+
---

‎_channels/slack.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "https://join.slack.com/t/codeindore/shared_invite/enQtNzAxMjEyMjgyNTY1LTQ0ZThjNjdiYWE0YTlhNGI0ZjFlOGU5MDVhZDk5YjM3ODgxYjkzZDU3ODZjNTc1Y2IwNmVjMDQ1ZDViYjliMjU"
3+
platform-name: "Slack"
4+
channel-logo: "/res/connect/slack.png"
5+
channel-content: "Join our Slack server for all discussions, questions, plans, and general conversations."
6+
channel-display-link: "codeindore.slack.com"
7+
sort-order: 1
8+
---

‎_channels/twitter.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "https://twitter.com/codeIndore"
3+
platform-name: "Twitter"
4+
channel-logo: "/res/connect/twitter.svg"
5+
channel-content: "Follow us on Twitter for all the latest news, details of upcoming events, and other updates. "
6+
channel-display-link: "@codeIndore"
7+
sort-order: 5
8+
---

‎_channels/whatsapp.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
channel-url: "https://chat.whatsapp.com/BBivHgkP0a5LcAKqUIvHPo"
3+
platform-name: "WhatsApp"
4+
channel-logo: "/res/connect/whatsapp.png"
5+
channel-content: "Join our WhatsApp group for connecting with the other members and sharing your thoughts. "
6+
channel-display-link: "@codeIndore"
7+
sort-order: 4
8+
---

‎_config.yml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,6 @@ name: My Jekyll Website
22
collections:
33
events:
44
output: false
5+
channels:
6+
output: false
57
url: "https://codeindore.com"

‎_layouts/connect.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
---
2+
layout: default
3+
---
4+
{% assign channel_list = site.channels | sort:"sort-order" %}
5+
{{ content }}
6+
<div class="columns is-desktop">
7+
{% assign i = 0 %}
8+
{% for channel in channel_list %}
9+
{% if i == 3 %}
10+
</div>
11+
<div class="columns">
12+
{% endif %}
13+
<div class="column">
14+
<div class="card">
15+
<a href="{{ channel.channel-url }}" target="_blank">
16+
<div class="card-image has-text-centered">
17+
<br />
18+
<figure class="image is-128x128 is-inline-block">
19+
<img src="{{ channel.channel-logo }}" alt="{{ channel.platform-name }} Logo">
20+
</figure>
21+
</div>
22+
</a>
23+
<div class="card-content">
24+
<div class="media">
25+
<div class="media-content">
26+
<p class="title is-4">{{ channel.platform-name }}</p>
27+
<p class="subtitle is-6"><a href="{{ channel.channel-url }}" target="_blank">{{ channel.channel-display-link }}</a></p>
28+
</div>
29+
</div>
30+
<div class="content">
31+
{{ channel.channel-content }}
32+
<br />
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
{% assign i = i | plus:1 %}
38+
{% endfor %}
39+
</div>

‎connect.md‎

Lines changed: 1 addition & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,7 @@
11
---
22
title: Connect With Us
3-
layout: default
3+
layout: connect
44
permalink: /connect/
55
---
66
<h1 class="has-text-centered">Connect With Us</h1>
77
<p class="has-text-centered"> Join us on any or all of our official channels for updates, news, latest events,<br /> community happenings, sharing your ideas or projects, and be a part of this community.</p>
8-
9-
<div class="columns is-desktop">
10-
<div class="column">
11-
<div class="card">
12-
<div class="card-image has-text-centered">
13-
<br />
14-
<figure class="image is-128x128 is-inline-block">
15-
<img src="/res/connect/slack.png" alt="Slack Logo">
16-
</figure>
17-
</div>
18-
<div class="card-content">
19-
<div class="media">
20-
<div class="media-content">
21-
<p class="title is-4">Slack</p>
22-
<p class="subtitle is-6"><a href="https://join.slack.com/t/codeindore/shared_invite/enQtNzAxMjEyMjgyNTY1LTQ0ZThjNjdiYWE0YTlhNGI0ZjFlOGU5MDVhZDk5YjM3ODgxYjkzZDU3ODZjNTc1Y2IwNmVjMDQ1ZDViYjliMjU" target="_blank">codeindore.slack.com</a></p>
23-
</div>
24-
</div>
25-
<div class="content">
26-
Join our Slack server for all discussions, questions, plans, and general conversations.
27-
<br />
28-
</div>
29-
</div>
30-
</div>
31-
</div>
32-
33-
<div class="column">
34-
<div class="card">
35-
<div class="card-image has-text-centered">
36-
<br />
37-
<figure class="image is-128x128 is-inline-block">
38-
<img class="is-rounded" src="/res/connect/ig.png" alt="Instagram Logo">
39-
</figure>
40-
</div>
41-
<div class="card-content">
42-
<div class="media">
43-
<div class="media-content">
44-
<p class="title is-4">Instagram</p>
45-
<p class="subtitle is-6"><a href="https://instagram.com/codeindore" target="_blank">@codeindore</a></p>
46-
</div>
47-
</div>
48-
<div class="content">
49-
Follow us on Instagram for the latest event photos, upcoming event details, and regular quizzes.
50-
<br>
51-
</div>
52-
</div>
53-
</div>
54-
</div>
55-
56-
<div class="column">
57-
<div class="card">
58-
<div class="card-image has-text-centered">
59-
<br />
60-
<figure class="image is-128x128 is-inline-block">
61-
<img src="/res/connect/fb.png" alt="Facebook Logo">
62-
</figure>
63-
</div>
64-
<div class="card-content">
65-
<div class="media">
66-
<div class="media-content">
67-
<p class="title is-4">Facebook</p>
68-
<p class="subtitle is-6"><a href="https://facebook.com/codeindore" target="_blank">@codeIndore</a></p>
69-
</div>
70-
</div>
71-
<div class="content">
72-
Follow our page on Facebook to register for events, check-in to meetups, and share your posts.
73-
<br />
74-
</div>
75-
</div>
76-
</div>
77-
</div>
78-
</div>
79-
80-
<div class="columns is-desktop">
81-
<div class="column">
82-
<div class="card">
83-
<div class="card-image has-text-centered">
84-
<br />
85-
<figure class="image is-128x128 is-inline-block">
86-
<img src="/res/connect/whatsapp.png" alt="WhatsApp Logo">
87-
</figure>
88-
</div>
89-
<div class="card-content">
90-
<div class="media">
91-
<div class="media-content">
92-
<p class="title is-4">WhatsApp</p>
93-
<p class="subtitle is-6"><a href="https://chat.whatsapp.com/BBivHgkP0a5LcAKqUIvHPo" target="_blank">codeIndore( )</a></p>
94-
</div>
95-
</div>
96-
<div class="content">
97-
Join our WhatsApp group for connecting with the other members and sharing your thoughts.
98-
<br />
99-
</div>
100-
</div>
101-
</div>
102-
</div>
103-
104-
<div class="column">
105-
<div class="card">
106-
<div class="card-image has-text-centered">
107-
<br />
108-
<figure class="image is-128x128 is-inline-block">
109-
<img src="/res/connect/twitter.svg" alt="Twitter Logo">
110-
</figure>
111-
</div>
112-
<div class="card-content">
113-
<div class="media">
114-
<div class="media-content">
115-
<p class="title is-4">Twitter</p>
116-
<p class="subtitle is-6"><a href="https://twitter.com/codeIndore" target="_blank">@codeIndore</a></p>
117-
</div>
118-
</div>
119-
<div class="content">
120-
Follow us on Twitter for all the latest news, details of upcoming events, and other updates.
121-
<br />
122-
</div>
123-
</div>
124-
</div>
125-
</div>
126-
127-
<div class="column">
128-
<div class="card">
129-
<div class="card-image has-text-centered">
130-
<br />
131-
<figure class="image is-128x128 is-inline-block">
132-
<img src="/res/connect/email.png" alt="Email Logo">
133-
</figure>
134-
</div>
135-
<div class="card-content">
136-
<div class="media">
137-
<div class="media-content">
138-
<p class="title is-4">Email</p>
139-
<p class="subtitle is-6"><a href="mailto:info@codeindore.com" target="_blank">info@codeindore.com</a></p>
140-
</div>
141-
</div>
142-
<div class="content">
143-
Send us an email for all official correspondence, questions, clarifications or reports.
144-
<br />
145-
</div>
146-
</div>
147-
</div>
148-
</div>
149-
</div>

‎res/connect/ig.png‎

-22 KB
Loading

0 commit comments

Comments
 (0)