source: darkpeak-website/index.html

Last change on this file was 08f8ffc0, checked in by Edward Saxton <eddsax@…>, 5 years ago

Add info about IRC channel

  • Property mode set to 100644
File size: 8.4 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Dark Peak Data Co-operative</title>
8    <link rel="stylesheet" href="css/darkpeak.css">
9  </head>
10  <body class="darkpeak">
11    <nav class="navbar navbar-inverse navbar-darkpeak">
12      <div class="container-fluid">
13        <!-- Brand and toggle get grouped for better mobile display -->
14        <div class="navbar-header">
15          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
16            <span class="sr-only">Toggle navigation</span>
17            <span class="icon-bar"></span>
18            <span class="icon-bar"></span>
19            <span class="icon-bar"></span>
20          </button>
21          <a class="navbar-brand" target="_top" href="https://darkpeak.org">
22            <img alt="Dark Peak" src="img/logo-large-dark.svg" />
23            <span>Dark Peak</span>
24          </a>
25        </div>
26        <!-- Collect the nav links, forms, and other content for toggling -->
27        <div class="collapse pull-right navbar-collapse" id="bs-example-navbar-collapse-1">
28          <ul class="nav navbar-nav">
29            <li class="active">
30              <a target="_top" href="https://darkpeak.org">Home<span class="sr-only">(current)</span></a>
31            </li>
32            <li><a target="_top" href="https://wiki.darkpeak.org">Wiki</a></li>
33            <li><a target="_top" href="https://calendar.darkpeak.org">Calendar</a></li>
34            <li><a target="_top" href="https://contacts.darkpeak.org">Contacts</a></li>
35            <li><a target="_top" href="https://reader.darkpeak.org">Reader</a></li>
36            <li><a target="_top" href="https://gitolite.darkpeak.org">Git</a></li>
37            <li><a target="_top" href="https://irc.darkpeak.org">IRC</a></li>
38            <li><a target="_top" href="https://id.darkpeak.org">Account</a></li>
39          </ul>
40        </div>
41      </div>
42    </nav>
43    <div class="container-fluid">
44      <div class="row">
45        <div class="col-md-8">
46          <div class="jumbotron">
47            <h2>Reclaim your online identity</h2>
48            <p>
49              Open-source software,<br/>
50              hosted for your convenience,<br/>
51              with <em>democratic accountability</em>.
52            </p>
53            <p>
54              <a class="btn btn-default btn-lg" href="https://wiki.darkpeak.org">Learn more</a>
55            </p>
56          </div>
57          <hr/>
58          <div class="container-fluid">
59            <div class="col-md-6" style="margin-bottom: 15px;">
60              <div class="media">
61                <div class="media-left">
62                  <a href="https://wiki.darkpeak.org/index.php?title=Static_Hosting">
63                    <img class="media-object" style="width: 78px" src="img/html5.png" />
64                  </a>
65                </div>
66                <div class="media-body">
67                  <h4 class="media-heading">Static web-hosting</h4>
68                  <p>With git push and custom domain support.</p>
69                </div>
70              </div>
71              <div class="media">
72                <div class="media-left">
73                  <a style="display: inline-block; width: 78px; height: 78px; overflow: hidden;" href="https://wiki.darkpeak.org/index.php?title=Gitolite">
74                    <img class="media-object" style="height: 128px" src="img/gitolite_config.png" />
75                  </a>
76                </div>
77                <div class="media-body">
78                  <h4 class="media-heading">Flexible git hosting with gitolite</h4>
79                  <p>Fine grained access-control, managable with just a text-editor.</p>
80                </div>
81              </div>
82              <div class="media">
83                <div class="media-left">
84                  <a style="display: inline-block; width: 78px; height: 78px; overflow: hidden;" href="https://wiki.darkpeak.org/index.php?title=SOP:Activating_Two-Factor_Authentication">
85                    <img class="media-object" style="width: 78px" src="img/freeotp.png" />
86                  </a>
87                </div>
88                <div class="media-body">
89                  <h4 class="media-heading">Two-factor authentication</h4>
90                  <p>Compatible with the widely available FreeOTP mobile client</p>
91                </div>
92              </div>
93            </div>
94            <div class="col-md-6" style="margin-bottom: 15px;">
95              <div class="media">
96                <div class="media-left">
97                  <a href="https://wiki.darkpeak.org/index.php?title=Reader">
98                    <img class="media-object" style="width: 78px" src="img/ttrss-android.png" />
99                  </a>
100                </div>
101                <div class="media-body">
102                  <h4 class="media-heading">RSS Reader</h4>
103                  <p>Based on TinyTinyRSS, with native mobile clients available</p>
104                </div>
105              </div>
106              <div class="media">
107                <div class="media-left">
108                  <a style="display: inline-block; width: 78px; height: 78px; overflow: hidden;" href="https://wiki.darkpeak.org/index.php?title=Principles">
109                    <img class="media-object" style="height: 128px" src="img/principles.png" />
110                  </a>
111                </div>
112                <div class="media-body">
113                  <h4 class="media-heading">Founded on clear principles</h4>
114                  <p>Visit the <a href="https://wiki.darkpeak.org/index.php?title=Principles">wiki</a> for a full description.</p>
115                </div>
116              </div>
117              <div class="media">
118                <div class="media-left">
119                  <a href="http://uk.coop">
120                    <img class="media-object" style="width: 78px" src="img/coopsuk.png" />
121                  </a>
122                </div>
123                <div class="media-body">
124                  <h4 class="media-heading">Co-operative registered in the UK</h4>
125                  <p>We're democratically run, and owned by our members.</p>
126                </div>
127              </div>
128            </div>
129          </div>
130        </div>
131        <div class="col-md-4">
132          <div class="panel panel-default">
133            <div class="panel-heading">Become a member</div>
134            <div class="panel-body">
135              <p>
136                Currently, membership is only recommended for developers,
137                alpha testers and those wanting to offer financial support.
138              </p>
139              <p>
140                <a href="https://wiki.darkpeak.org/index.php?title=Joining_the_Co-operative">Read more on the wiki</a>
141              </p>
142            </div>
143          </div>
144          <div class="panel panel-default">
145            <div class="panel-heading">Keep informed</div>
146            <div class="panel-body">
147              <p>
148                Not ready to join? You can sign-up with your email address
149                to follow development and hear about new services first,
150                or chat with us in IRC to find out what's going on.
151              </p>
152              <p>
153                <a href="https://lists.richardskingdom.net/mailman/listinfo/sheffgeeks-hosting">Join the mailing-list</a>
154              </p>
155              <p>
156                <a href="irc://chat.freenode.net/darkpeak">#darkpeak</a> on <a href="http://freenode.net">Freenode IRC</a>
157              </p>
158            </div>
159          </div>
160          <!--
161          <p class="pull-right"><a href="http://www.uk.coop/membership/join" alt="Find out how you can help make a fair society through membership of Co-operatives UK" title="Find out how you can help make a fair society through membership of Co-operatives UK"><img width="175" height="77" alt="Find out how you can help make a fair society through membership of Co-operatives UK" src="http://www.uk.coop/sites/default/files/co-operatives_uk_member.png" title="Find out how you can help make a fair society through membership of Co-operatives UK" /><span style="display: none;">Find out how you can help make a fair society through membership of Co-operatives UK</span></a></p>
162          -->
163        </div>
164      </div>
165    </div>
166    <!-- for collapsed navbar -->
167    <script src="js/jquery-1.11.2.min.js"></script>
168    <script src="js/transition.js"></script>
169    <script src="js/collapse.js"></script>
170  </body>
171</html>
Note: See TracBrowser for help on using the repository browser.