cityzen-docs/setting-up-cityzen.html at master · codeforlansing/cityzen-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="CityZen volunteer software documentation">
    <meta name="author" content="Rick Mason">
    <meta name="generator" content="Jekyll v3.8.6">
    <title>Cityzen documentation</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/dashboard/">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <!-- Custom styles for this template -->
    <!-- Dashboard.css -->
    <link rel="stylesheet" href="./Media/dashboard.css">

    <!-- Favicons -->
    <!-- Need to create Cityzen favicons - Olde English C perhaps? -->

    <link rel="apple-touch-icon" href="./Media/favicons/apple-touch-icon.png" sizes="180x180">
    <link rel="icon" href="./Media/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="./Media/favicons/favicon-16x16.png" sizes="16x16" type="image/png">

    <link rel="icon" href="./Media/favicons/android-chrome-192x192.png" sizes="192x192" type="image/png">
    <link rel="icon" href="./Media/favicons/android-chrome-512x512.png" sizes="512x512" type="image/png">
    <link rel="icon" href="./Media/favicons/mstile-150x150.png">
    <link rel="manifest" href="./Media/favicons/site.webmanifest.json">

    <link rel="mask-icon" href="./Media/favicons/safari-pinned-tab.svg" color="#563d7c">

    <link rel="icon" href="./media/favicons/favicon.ico">
    <meta name="msapplication-config" content="./Media/favicons/browserconfig.xml">

<meta name="theme-color" content="#563d7c">

  </head>
  <body>

    <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
        <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="index.html">CityZen</a>
    </nav>

<div class="container-fluid"> <!-- Begin left hand menu -->
  <div class="row">
    <nav class="col-md-2 d-none d-md-block bg-light sidebar">
      <div class="sidebar-sticky">
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link active" href="index.html">
              <span data-feather="home"></span>
              Introduction <span class="sr-only">(current)</span>
            </a>
          </li>
          <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>Setup</span>
            <a class="d-flex align-items-center text-muted" href="#" aria-label="Setup">
              <span data-feather="plus-circle"></span>
            </a>
          </h6>
          <li class="nav-item">
            <a class="nav-link" href="setting-up-trello.html">
              <span data-feather="setup-trello"></span>
              Setting up Trello
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="setting-up-cityzen.html">
              <span data-feather="setup-cityzen"></span>
              Setting up CityZen
            </a>
          </li>
          <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>Developers</span>
            <a class="d-flex align-items-center text-muted" href="#" aria-label="Meta">
              <span data-feather="plus-circle"></span>
            </a>
          </h6>
          <li class="nav-item">
            <a class="nav-link" href="npm-install.html">
              <span data-feather="npm install"></span>
              NPM Install
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="GitHub-install.html">
              <span data-feather="GitHub install"></span>
              GitHub Install
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Docker-install.html">
              <span data-feather="Docker install"></span>
              Docker Install
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Link-Trello.html">
              <span data-feather="Link Trello"></span>
              Link Trello
            </a>
          </li>
          <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>Meta</span>
            <a class="d-flex align-items-center text-muted" href="#" aria-label="Meta">
              <span data-feather="plus-circle"></span>
            </a>
          </h6>
          <li class="nav-item">
            <a class="nav-link" href="meet-the-team.html">
              <span data-feather="meet-the-team"></span>
              Meet the team
            </a>
          </li>

        </ul>


      </div>
    </nav> <!-- End left hand menu -->

    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
      <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">Setting up CityZen Server</h1>
      </div>

      <div class="col-md-9 text-justify align-top"> <!-- Main body of text -->
        <p>
          There are two ways to use the CityZen server:
          <ol>
            <li>
              Get an account on our home server.  Contact us on our Slack.  You can sign up by going to http://LansingCodes.Slack.com .
              You will find us in the Code4Lansing forum.  You will need to create a Trello account, follow the instructions to link it to the
              server and finally send up the citizen.env file.  Then all you need to do is create your volunteer projects and tasks in Trello
              and upload the client file to your website and link to it.
            </li>
            <li>
              You can install the CityZen server on your own hosting account.  We provide an <a href="npm-install.html">npm</a>,
              <a href="GitHub-install.html">GitHub</a> and <a href="Docker-install.html">Docker</a> install instructions.
            </li>
            </ol>
        </p>
        <p>
          Starting the CityZen server:
        </p>
        <p>
          <ol>
            <li>
              Rename the cityzen.env file to .env and place it in the server root directory.
            </li>
            <li>
              Initialize the .env file and start the server:
              <p class="bg-dark text-white w-50"><strong>npm start -- --config config/trello.json</strong></p>

              If the server started successfully it will read:

              <p class="bg-dark text-white w-50"><strong>Listening on port 3000</strong></p>
            </li>
        </ol>


        </p>

      </div>

      <div class="col-md-5 text-justify float-right">
        <a class="nav-link" href="npm-install.html">NPM Install
          <svg class="bi bi-caret-right-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z"/>
          </svg>
        </a>
      </div>


    </main>
  </div>
</div>

</body>
</html>