Skip to content

Commit a3ce8a6

Browse files
hemangskhemangsk
committed
project: Add content
1 parent 2997ab7 commit a3ce8a6

File tree

9 files changed

+164
-45
lines changed

9 files changed

+164
-45
lines changed

‎index.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,12 @@
3030
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
3131

3232
<ul class="tabs hide-on-med-and-down">
33-
<li class="tab col s12"><a ng-click="tc.setTab('/one')" ng-class="{active:tc.isSet('/one')}">TAB 1</a></li>
34-
<li class="tab col s12"><a ng-click="tc.setTab('/two')" ng-class="{active:tc.isSet('/two')}">TAB 2</a></li>
33+
<li class="tab col s12"><a ng-click="tc.setTab('/one')" ng-class="{active:tc.isSet('/one')}">HOME</a></li>
34+
<li class="tab col s12"><a ng-click="tc.setTab('/two')" ng-class="{active:tc.isSet('/two')}">ABOUT</a></li>
3535
</ul>
3636
<ul class="side-nav" id="mobile-demo">
37-
<li class="tab col s12"><a ng-click="tc.setTab('/one')" ng-class="{active:tc.isSet('/one')}">TAB 1</a></li>
38-
<li class="tab col s12"><a ng-click="tc.setTab('/two')" ng-class="{active:tc.isSet('/two')}">TAB 2</a></li>
37+
<li class="tab col s12"><a ng-click="tc.setTab('/one')" ng-class="{active:tc.isSet('/one')}">HOME</a></li>
38+
<li class="tab col s12"><a ng-click="tc.setTab('/two')" ng-class="{active:tc.isSet('/two')}">ABOUT</a></li>
3939
</ul>
4040

4141
</div>

‎partials/one.html

+46-41
Original file line numberDiff line numberDiff line change
@@ -21,67 +21,72 @@ <h4 class="center light">linting and fixing code for all languages</h4>
2121
<section id="installation">
2222
<div class="container">
2323
<div class="install-tip">
24-
<h2 class="fine">install coala</h2>
24+
<h2 class="fine">general idea</h2>
2525

2626
<div class="thin-row-small row no-border">
27-
<div class="col m6 s12">
28-
<h5 class="light">simply install coala</h5>
29-
<p>If any kind of dependency errors occur, use a virtualenv!</p>
27+
<div class="col m12 s12">
3028
<p>
31-
For the full installation documentation, check
32-
<a href="https://coala.io/install">coala.io/install</a>
29+
30+
As coding gets more important in several sections as in communication, science, education and others, it should be a considerable part of education.
31+
That is why the coala school project is aimed to develop interdisciplinary competences, like the the way of thinking in coding or encouraging the process of defining and analyzing a problem intensely to find the most sustainable solution.
32+
3333
</p>
3434
</div>
35-
<div class="col m6 s12">
36-
<pre class="card card-content">$ pip3 install coala-bears</pre>
37-
<p>You can append --pre to that command to get the latest prerelease straight from master!</p>
38-
<p>Consider using a virtualenv:</p>
39-
<pre class="card card-content">
40-
$ pip3 install virtualenv
41-
$ virtualenv venv # On Linux
42-
$ venv\scripts\activate # On Windows
43-
</pre>
44-
</div>
4535
</div>
4636

4737
<div class="divider"></div>
4838

39+
<h2 class="fine">method</h2>
40+
4941
<div class="thin-row-small row">
50-
<div class="col m6 s12">
51-
<h5 class="light">get it in docker</h5>
52-
<p>The most simple way to get the full functionality if you use docker.</p>
53-
</div>
54-
<div class="col m6 s12">
55-
<pre class="card card-content">$ docker run -ti -v $(pwd):/app --workdir=/app coala/base coala --version</pre>
42+
<div class="col m12 s12">
5643
<p>
57-
For more information, check out
58-
<a href="https://coala.io/install#using-coala-with-docker">
59-
our docker documentation
60-
</a>.
61-
</p>
44+
Code is written for people not for machines, so the coala school project offers workshops in which a small group of pupils and their teacher are integrated in a dynamic group process of learning. At least two coaches lead this group and try to pay attention on the individual needs and wishes.
45+
</p>
46+
<div class="row">
47+
<div class="col m6">
48+
<img class="responsive-img" src="resources/images/4.JPG">
49+
</div>
50+
<div class="col m6">
51+
<img class="responsive-img" src="resources/images/5.JPG">
52+
</div>
53+
</div>
54+
<p class="center">
55+
Between the theme blocks we initiate energizers to keep a motivating atmosphere and grow their self-efficacy.
56+
57+
</p>
6258
</div>
6359
</div>
6460

6561
<div class="divider"></div>
6662

6763
<div class="thin-row-small row">
68-
<div class="col m6 s12">
69-
<h5 class="light">coala is available in a lot of editors!</h5>
64+
<h2 class="fine">prospect</h2>
65+
66+
<div class="col m12 s12">
67+
68+
<p>After a project, the coachees have the possibility to participate in the coala organisation where they work on real code improving mentoring (see: about) and have several mentors to learn more every day.
69+
70+
<div class="row">
71+
<div class="col m6">
72+
<img class="responsive-img" src="resources/images/3.JPG">
73+
</div>
74+
<div class="col m6">
75+
<img class="responsive-img" src="resources/images/2.JPG">
76+
</div>
77+
</div>
78+
<p>
79+
Building a network with alumnis can be a chance to reach younger pupils in an authentic and more comprehensive way. Pupils should be able to understand the bigger context and relevance of coding, for example by the coala school project entrusting the responsibility to a former participant and transmit his new knowledge to someone younger.
80+
81+
<div class="row">
82+
<div class="col m12 center">
83+
<img style="height: 30em;" class="responsive-img" src="resources/images/1.JPG">
84+
<p class="center">Networking and developing a way of thinking in coding at a coala workshop.
85+
</div>
7086
</div>
71-
<div class="col m6 s12">
72-
<h5>
73-
<a href="https://github.com/coala/coala-atom/">Atom</a> |
74-
<a href="https://github.com/coala/coala-sublime/">Sublime</a> |
75-
<a href="https://github.com/coala/coala-vim/">Vim</a> |
76-
<a href="https://github.com/coala/coala-vs-code/">VS Code</a> |
77-
<a href="https://github.com/coala/coala-emacs/">Emacs</a>
78-
</h5>
7987
</div>
8088
</div>
8189
</div>
82-
<div class="center">
83-
Please give us feedback at <a href="http://coala.io/usability">coala.io/usability</a>.<br>
84-
For commercial support, contact <a href="mailto:support@coala.io">support@coala.io</a>.
85-
</div>
90+
<br><br>
8691
</div>
8792
</section>

‎partials/two.html

+114
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
<div class="container">
2+
<div class="row">
3+
<div class="col m8 offset-m2">
4+
<h2 class="fine center">about</h2>
5+
</div>
6+
</div>
7+
8+
<div class="thin-row-medium row">
9+
<div class="col m12 s12">
10+
<div class="card">
11+
<div class="card-content">
12+
<span class="card-title">coala</span>
13+
<p>The organisation coala (“COde AnaLysis Application”) provides a unified interface for linting and fixing code with a single configuration file, regardless of the programming languages used. You can use coala from within your favorite editor, integrate it with your CI, get the results as JSON, or customize it to your needs with its flexible configuration syntax.
14+
<div class="row center">
15+
<img src="resources/images/terminal.png" class="responsive-img">
16+
</div>
17+
18+
<p class="center">coala is runned by volunteers and from coala`s vision of open source and free code and knowledge, the coala school project developed and is now targeted to encourage and motivate young people and their teachers to discover code.
19+
20+
21+
22+
</div>
23+
<div class="card-action">
24+
SEE ALSO
25+
<a href="http://coala.io/">Website</a>
26+
</div>
27+
</div>
28+
</div>
29+
</div>
30+
<div class="row thin-row-medium">
31+
<div class="col m12 s12">
32+
<div class="card">
33+
<div class="card-content">
34+
<span class="card-title">Usage</span>
35+
<p>There are two options to run coala:</p>
36+
<ul class="browser-default">
37+
<li>using a .coafile, a project specific configuration file that
38+
will store all your settings for coala
39+
<li>using command-line arguments
40+
</ul>
41+
42+
</div>
43+
<div class="card-tabs">
44+
<ul class="tabs tabs-fixed-width">
45+
<li class="tab">
46+
<a class="active" href="#test4">Using a .coafile</a>
47+
</li>
48+
<li class="tab">
49+
<a href="#test6">Using Command Line Arguments</a>
50+
</li>
51+
</ul>
52+
</div>
53+
<div class="card-content grey lighten-4">
54+
<div id="test4">
55+
A sample .coafile will look something like this:
56+
<pre>[Spacing]
57+
files = src/**/*.py
58+
bears = SpaceConsistencyBear
59+
use_spaces = True</pre>
60+
<ul class="browser-default">
61+
<li> The <code>files</code> key tells coala which files to lint -
62+
here we're linting all python files inside the <code>src/</code>
63+
directory by using a glob expression.
64+
<li> The <code>bears</code> key specifies which bears (plugins)
65+
you want to use. We support a huge number of languages and you can
66+
find the whole list
67+
<a href="https://github.com/coala/bear-docs/blob/master/README.rst">here</a>
68+
If you don't find your language there, we've got some
69+
bears that work for all <a href="https://github.com/coala/bear-docs/blob/master/README.rst#all">languages</a>. Or you can file an issue and we would create a bear for you!
70+
<li><code>use_spaces</code> enforces spaces over tabs in the codebase.
71+
<code>use_spaces</code> is a
72+
setting for the <code>SpaceConsistencyBear</code> defined
73+
<a href="https://github.com/coala/bear-docs/blob/master/docs/SpaceConsistencyBear.rst">here</a>.
74+
</ul>
75+
76+
<code>[Spacing]</code> is a *section*. Sections are executed in the
77+
order you define them.
78+
<br>
79+
Store the file in the project's root directory and run coala:
80+
<pre>$ coala</pre>
81+
82+
Please read our
83+
<a href="http://docs.coala.io/en/latest/Users/coafile.html">
84+
coafile specification
85+
</a>
86+
to learn more.
87+
</div>
88+
<div id="test6">
89+
However, if you don't want to save your settings, you can also run coala with
90+
command line arguments:
91+
92+
<pre>$ coala --files=setup.py --bears=SpaceConsistencyBear -S use_spaces=True</pre>
93+
94+
Note that this command does the same thing as having a coafile and running
95+
<code>coala</code>. The advantage of having a coafile is that you don't need to enter the
96+
settings as arguments everytime.
97+
<br><br>
98+
To get the complete list of arguments and their meaning, run:
99+
100+
<pre>$ coala --help</pre>
101+
102+
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</div>
108+
109+
</div>
110+
<script>
111+
$(document).ready(function(){
112+
$('ul.tabs').tabs();
113+
});
114+
</script>

‎resources/images/1.JPG

91.2 KB
Loading

‎resources/images/2.JPG

40 KB
Loading

‎resources/images/3.JPG

59.1 KB
Loading

‎resources/images/4.JPG

55.1 KB
Loading

‎resources/images/5.JPG

53.7 KB
Loading

‎resources/images/terminal.png

70.6 KB
Loading

0 commit comments

Comments
 (0)