Skip to content

[DRAFT/DO NOT MERGE]Testing creating a new page to navigate member and non-member to join Slack channel #7984

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
siyunfeng wants to merge 1 commit into from
Closed

[DRAFT/DO NOT MERGE]Testing creating a new page to navigate member and non-member to join Slack channel #7984

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion assets/js/communities-of-practice.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,4 +57,10 @@ document.addEventListener("DOMContentLoaded", function() {
}

setMeetingTimes();
});
});

function setSlackLink(slackLink) {
console.log("before:", slackLink);
localStorage.setItem("slackLink", slackLink);
console.log('after:', localStorage.getItem("slackLink"));
}
3 changes: 2 additions & 1 deletion pages/communities-of-practice.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,8 @@ <h3 class = "Title4">{{ community[1].name}}</h3>

{% if community[1].links[0].url %}
{% assign url_links = true %}
<a href="{{ community[1].links[0].url }}" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel" rel="noopener noreferrer">
<a href="./join-slack-channel.html" onclick="setSlackLink(community[1].links[0].url)" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel" rel="noopener noreferrer">
<!-- <a href="{{ community[1].links[0].url }}" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel" rel="noopener noreferrer"> -->
{% include svg/icon-slack.svg %}
Join Slack Channel
</a>
Expand Down
27 changes: 27 additions & 0 deletions pages/join-slack-channel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
layout: default
title: Join Our Slack Channel
permalink: /join-slack-channel
---

<!-- Header banner -->
<div class="header-container flex-container">
<div class="header-text ">
<p>
The link below goes to a Slack channel inside Hack for LA's Slack Workspace.
If you are a member of our community already, selecting the link below will take to the channel.
</p>
{% assign slackLink = localStorage.getItem('slackLink') %}
<a href="{{slackLink}}" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel" rel="noopener noreferrer">
{% include svg/icon-slack.svg %}
Join Slack Channel
</a>
<p>
If you are not yet a member of our community, please see our
<a href="https://www.hackforla.org/getting-started" target="_blank">Getting Started</a>
page to join.
</p>
</div>
</div>

<script type="module" src="assets/js/communities-of-practice.js"></script>
Loading