community.html 8.68 KB
Newer Older
Sean Packham's avatar
Sean Packham committed
1
---
Sean Packham's avatar
Sean Packham committed
2
layout: en/default
Sean Packham's avatar
Sean Packham committed
3
class: community
Sean Packham's avatar
Sean Packham committed
4
title: "Join the Rocket.Chat Community"
Sean Packham's avatar
Sean Packham committed
5
permalink: /community
6
theme: dark
Sean Packham's avatar
Sean Packham committed
7 8 9
redirect_from:
  - /community/
  - /livechat-demo.html
Sean Packham's avatar
Sean Packham committed
10 11
---

12 13 14 15 16 17 18

<section class="community__hero">
  <div class="container">
    <div class="community__hero--wrap">
      <p class="label theme_type--grey">Community</p>
      <h2 class="display--big theme_type--dark">Join the Rocket.Chat community </h2>
      <p class="theme_type--grey">Hundreds of people contribute to Rocket.Chat projects by coding JavaScript, TypeScript, Java, Swift, HTML, CSS and writing documentation.</p>
19
      <p class="theme_type--grey">Join our <a class="button--link" href="//open.rocket.chat/" target="_blank" rel="noopener noreferrer">open server</a> to chat with the Rocket.Chat team and community.</p>
20 21 22

      <div class="flex-grid--nobreak">
        <div class="col">
23 24 25 26 27 28 29 30
          <a class="home-community_github" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat/stargazers">
            <span><img style="top: 0.1em;"src="/images/default/star.svg" alt="GitHub Stars">Star</span>
            <span class="star-count">{{site.stars}}K</span>
          </a>
          <a class="home-community_github" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat/fork">
            <span><img src="/images/default/fork.svg" alt="GitHub forks">Fork</span>
            <span class="fork-count">{{site.forks}}K</span>
          </a>
31 32 33 34 35 36 37
          <a class="community__hero_github-link" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat">
            <span><img src="/images/default/github.svg" alt="GitHub"></span>
            Open on GitHub
          </a>
        </div>
      </div>
    </div>
Sean Packham's avatar
Sean Packham committed
38
  </div>
Sean Packham's avatar
Sean Packham committed
39
</section>
Sean Packham's avatar
Sean Packham committed
40

41 42 43 44 45 46
<section class="container" id="free-resources">
  <div class="flex-grid grid--justify-around align--center">
    <div class="col--haft">
      <p class="label">Community Resources</p>
      <h2 class="display theme_type--dark">Get help and help others</h2>
      <p class="display--small theme_type--grey">Get support from a passionate, global and active open source community</p>
Sean Packham's avatar
Sean Packham committed
47 48 49
    </div>
  </div>

50 51
  <div class="space--4"></div>

52 53 54 55 56
  <div class="flex-grid">

    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
57
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/githubissues.png" alt="Github Issues" /></div>
58 59 60 61 62 63 64
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Star on GitHub</strong></h3>
            <p class="theme_type--grey">The open source team chat application with over 600 contributors across our projects. Star Rocket.Chat on GitHub and help others discover the platform.</p>
            <a href="//github.com/RocketChat/Rocket.Chat/stargazers" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow">View Stargazers</a>
          </div>
        </div>
      </div>
65 66
    </div>

67 68 69
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
70
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/writte_documentation.png" alt="Documentation & Tutorials" /></div>
71
          <div class="col no-gutter">
72
            <h3 class="display--small theme_type--dark"><strong>Write Documentation</strong></h3>
73
            <p class="theme_type--grey">You don't have to be a developer to contribute to Rocket.Chat. You can create new or update old Rocket.Chat.Docs articles or tutorials directly through GitHub.</p>
Gabriel Engel's avatar
Gabriel Engel committed
74
            <a href="/docs/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Documentation</a>
75 76 77
          </div>
        </div>
      </div>
78
    </div>
79

Sean Packham's avatar
Sean Packham committed
80
  </div>
81
  <div class="flex-grid">
82

83 84 85
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
86
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/squash_bugs.png" alt="Github Issues" /></div>
87 88 89 90 91 92 93 94
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Squash Bugs</strong></h3>
            <p class="theme_type--grey">Join Rocket.Chat's passionate community to help us manage issues and squash bugs for Rocket.Chat Server, Electron, iOS and Android clients.</p>
            <a href="//github.com/RocketChat/Rocket.Chat/issues" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Issues</a>
          </div>
        </div>
      </div>
    </div>
95

96 97 98
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
99
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/suggest_blog_post.png" alt="Documentation & Tutorials" /></div>
100 101 102 103 104 105 106
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Suggest a Blog Post</strong></h3>
            <p class="theme_type--grey">Write or suggest a blog post on your Rocket.Chat story, tell us about how it improved your team’s communication and we'll share it with the community.</p>
            <a href="//github.com/RocketChat/rocketchat.github.io/issues" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Website Repository</a>
          </div>
        </div>
      </div>
107 108
    </div>

109 110 111 112 113 114
  </div>
  <div class="flex-grid">

    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
115
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/forum.png" alt="Rocket.Chat Forums" /></div>
116 117 118 119 120 121 122
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Participate on the Forums</strong></h3>
            <p class="theme_type--grey">To discuss Rocket.Chat development with the Rocket.Chat team and community join our Discourse forum.</p>
            <a href="//forums.rocket.chat/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">Visit Forum</a>
          </div>
        </div>
      </div>
123
    </div>
124 125 126 127

    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
128
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/video.png" alt="Tutorial Videos" /></div>
129 130 131 132 133 134 135 136 137
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Create Tutorial Videos</strong></h3>
            <p class="theme_type--grey">Rocket.Chat has a passionate community of content creators on YouTube sharing tutorials on configuring, installing, customizing and developing for Rocket.Chat.</p>
            <a href="//www.youtube.com/channel/UCin9nv7mUjoqrRiwrzS5UVQ" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Videos</a>
          </div>
        </div>
      </div>
    </div>

138
  </div>
139 140 141 142 143
  <div class="flex-grid">

    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
144
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/chat_with_us.png" alt="Rocket.Chat Forums" /></div>
145
          <div class="col no-gutter">
146 147
            <h3 class="display--small theme_type--dark"><strong>Chat with Us</strong></h3>
            <p class="theme_type--grey">Chat with us and thousands of developers who are creating the best chat platform on the Rocket.Chat open server.</p>
148 149 150 151 152
            <a href="//open.rocket.chat/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">Join Open Server</a>
          </div>
        </div>
      </div>
    </div>
153

154 155 156
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
Thiago Sanchez's avatar
Thiago Sanchez committed
157
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/come_meet_us.png" alt="Tutorial Videos" /></div>
158 159
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Come Meet Us</strong></h3>
160
            <p class="theme_type--grey">Come say hi at a local meetup or conference, tell us how you customized it to suit your needs and improved your team’s communication.</p>
161 162 163 164 165 166 167 168
            <a href="/category/events/" class="button--link button--with-arrow">View Events</a>
          </div>
        </div>
      </div>
    </div>

  </div>
</section>
169

170
<div class="space--6"></div>