Skip to content

Commit e878b5f

Browse files
espenakespenak
committed
Use a more mobile friendly layout.
1 parent 7d3af0a commit e878b5f

3 files changed

Lines changed: 210 additions & 187 deletions

File tree

‎index.html‎

Lines changed: 122 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -129,14 +129,37 @@ <h2>Develop</h2>
129129
<p><a class="btn" href="#develop">Read more&raquo;</a></p>
130130
</div><!-- /.span4 -->
131131
</div><!-- /.row -->
132+
</div>
132133

133-
134-
135-
<div class="featurette" id="social">
136-
<hr class="featurette-divider">
137-
138-
<div class="featurette-graphics">
139-
<div class="fb-like-box stacked-box" data-href="{{ page.facebookurl }}" data-width="300" data-height="320" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div>
134+
<div class="container featurettes">
135+
<div class="featurette row" id="social">
136+
<div class="span7">
137+
<h2>Get involved. <span class="muted">Join a open and friendly community.</span></h2>
138+
<p class="lead">
139+
Join us
140+
on <a href="{{ page.facebookurl }}">Facebook</a>. We
141+
appreciate comments and guiding input from the community.
142+
Suggest improvements and report bugs through our
143+
<a href="{{ page.issuetrackerurl }}">issue tracker</a>,
144+
or discuss broader topics in our <a href="{{ page.forumurl }}">forum</a>.
145+
</p>
146+
<p>
147+
There are many ways to contribute to the
148+
Devilry Project. Teachers, professors, teaching
149+
assistants and students among others are providing
150+
essential knowledge and insight to keep the system alive and
151+
updated.
152+
Everyone is welcome to
153+
participate in the open and including community of
154+
Devilry. Do not hesitate to jump onboard if you eager to ease the daily
155+
tasks for students, teachers and administrators. No
156+
contribution is considered to small.
157+
</p>
158+
</div>
159+
<div class="span5 featurette-graphics">
160+
<div class="facebook-box-wrapper">
161+
<div class="fb-like-box" data-href="{{ page.facebookurl }}" data-width="300" data-height="320" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div>
162+
</div>
140163
<div class="stacked-buttons">
141164
<a class="btn btn-success btn-large" href="{{ page.issuetrackernewissueurl }}">
142165
<i class="icon-bug"></i>
@@ -150,72 +173,93 @@ <h2>Develop</h2>
150173
</a>
151174
</div>
152175
</div>
153-
154-
<h2>Get involved. <span class="muted">Join a open and friendly community.</span></h2>
155-
<p class="lead">
156-
Join us
157-
on <a href="{{ page.facebookurl }}">Facebook</a>. We
158-
appreciate comments and guiding input from the community.
159-
Suggest improvements and report bugs through our
160-
<a href="{{ page.issuetrackerurl }}">issue tracker</a>,
161-
or discuss broader topics in our <a href="{{ page.forumurl }}">forum</a>.
162-
</p>
163-
<p>
164-
There are many ways to contribute to the
165-
Devilry Project. Teachers, professors, teaching
166-
assistants and students among others are providing
167-
essential knowledge and insight to keep the system alive and
168-
updated.
169-
Everyone is welcome to
170-
participate in the open and including community of
171-
Devilry. Do not hesitate to jump onboard if you eager to ease the daily
172-
tasks for students, teachers and administrators. No
173-
contribution is considered to small.
174-
</p>
175176
</div>
176177

177178

178-
<div class="featurette" id="about">
179-
<hr class="featurette-divider">
180-
181-
<div class="featurette-graphics">
182-
<!--<img alt="Devilry logo" src="devilrylogo-large.png"/>-->
179+
<div class="featurette row" id="about">
180+
<div class="span5 featurette-graphics">
183181
<i class="icon-tag featurette-huge-icon"></i>
184182
</div>
185-
<h2>About Devilry. <span class="muted">Why people love it.</span></h2>
186-
<p class="lead">We focus on making it efficient and easy to provide
187-
feedback to students. This lets teachers/correctors focus on giving
188-
good feedback instead of other administrative tasks. We provide a
189-
minimalistic user interface for students, where they upload deliveries,
190-
and view feedback, and a sleek and intuitive user interface for
191-
course administrators and higher level administrators.</p>
192-
193-
<p>Devilry is designed with higher education in mind. This means that
194-
we do not cluttre the system with any of those artifical and uneeded
195-
constructs, like classrooms or folders. Instead, we try to give each
196-
user the shortest and most intuitive path to perform their tasks.</p>
197-
198-
<p>The system can handle all kinds of deliveries
199-
from source code to essays. On top a simple and easy-to-use delivery
200-
layer Devilry provides a sophisticated interface for examiners and
201-
teaching assistants to manage student group directly in their favorite
202-
browser. Course administrators are given a focused interface to be able
203-
to easily manage all formalities around course management, from task
204-
deadlines to exam lists.</p>
205-
206-
<p>Devilry started out in 2008 by a group of students at the Department
207-
of Informatics, University of Oslo with a vision to improve the current
208-
solutions around deliveries of obligatory assignments. It is currently
209-
the main delivery management system used at the Department of
210-
Informatics, UiO with plans of expanding to span across all departments
211-
at the The Faculty of Mathematics and Natural Sciences, UiO.</p>
183+
<div class="span7">
184+
<h2>About Devilry. <span class="muted">Why people love it.</span></h2>
185+
<p class="lead">We focus on making it efficient and easy to provide
186+
feedback to students. This lets teachers/correctors focus on giving
187+
good feedback instead of other administrative tasks. We provide a
188+
minimalistic user interface for students, where they upload deliveries,
189+
and view feedback, and a sleek and intuitive user interface for
190+
course administrators and higher level administrators.</p>
191+
192+
<p>Devilry is designed with higher education in mind. This means that
193+
we do not cluttre the system with any of those artifical and uneeded
194+
constructs, like classrooms or folders. Instead, we try to give each
195+
user the shortest and most intuitive path to perform their tasks.</p>
196+
197+
<p>The system can handle all kinds of deliveries
198+
from source code to essays. On top a simple and easy-to-use delivery
199+
layer Devilry provides a sophisticated interface for examiners and
200+
teaching assistants to manage student group directly in their favorite
201+
browser. Course administrators are given a focused interface to be able
202+
to easily manage all formalities around course management, from task
203+
deadlines to exam lists.</p>
204+
205+
<p>Devilry started out in 2008 by a group of students at the Department
206+
of Informatics, University of Oslo with a vision to improve the current
207+
solutions around deliveries of obligatory assignments. It is currently
208+
the main delivery management system used at the Department of
209+
Informatics, UiO with plans of expanding to span across all departments
210+
at the The Faculty of Mathematics and Natural Sciences, UiO.</p>
211+
</div>
212212
</div>
213213

214214

215-
<div class="featurette" id="help">
216-
<hr class="featurette-divider">
217-
218-
<div class="featurette-graphics">
215+
<div class="featurette row" id="help">
216+
<div class="span7">
217+
<h2>Get help. <span class="muted">Or help someone else.</span></h2>
218+
<p class="lead">
219+
<!--The easiest way to start out is to give us a like at our-->
220+
<!--<a href="{{ page.facebookurl }}">Facebook page</a>.-->
221+
Visit our <a href="{{ page.issuetrackerurl }}">issue tracker</a>
222+
and submit or help with bugs and suggestions. Visit our
223+
<a href="{{ page.forumurl }}">forum</a> to get help, or to discuss
224+
all matters concerning Devilry. Follow the links below to go to the
225+
appropriate parts of our documentation.
226+
</p>
227+
<p class="buttonbar">
228+
<a class="btn btn-large btn-primary" href="https://devilry-userdoc.readthedocs.org">
229+
<i class="icon-user"></i>
230+
User docs
231+
<small class="meta">Students, examiners, admins</small>
232+
</a>
233+
<a class="btn btn-large btn-primary" href="https://devilry-deploy.readthedocs.org">
234+
<i class="icon-fire-extinguisher"></i>
235+
Sysadmin docs
236+
<small class="meta">Setup, deploy and update</small>
237+
</a>
238+
<a class="btn btn-large" href="{{ page.wikiurl }}">
239+
<i class="icon-github"></i>
240+
Wiki
241+
<small class="meta">... everything else</small>
242+
</a>
243+
</p>
244+
<p>
245+
All our documentation is open source projects where anyone can
246+
contribute. For the User and Sysadmin docs, we have a big green box
247+
on the frontpage with more info. All you need is a
248+
<a href="http://github.com">GitHub</a> user. The Wiki is open for
249+
anyone with a GitHub user.
250+
</p>
251+
252+
<!--<h3>Contact us by email</h3>-->
253+
<p>You can contact the developers by email. <span class="muted">This is only for contact
254+
requests that does not belong in the open contact channels, like the
255+
issue tracker, or in forums. This mailinglist is typically for those that
256+
need private and direct contact with the Developers, and requests
257+
belonging in the other contact channels is ignored. If you have read and
258+
understand this, feel free to contact us at
259+
<a href="mailto:devilry-contact@googlegroups.com" class="muted">devilry-contact@googlegroups.com</a></span>.
260+
</p>
261+
</div>
262+
<div class="span5 featurette-graphics">
219263
<i class="icon-comments featurette-huge-icon"></i>
220264
<div class="stacked-buttons">
221265
<a class="btn btn-success btn-large" href="{{ page.issuetrackernewissueurl }}">
@@ -230,61 +274,24 @@ <h2>About Devilry. <span class="muted">Why people love it.</span></h2>
230274
</a>
231275
</div>
232276
</div>
233-
<h2>Get help. <span class="muted">Or help someone else.</span></h2>
234-
235-
236-
<p class="lead">
237-
<!--The easiest way to start out is to give us a like at our-->
238-
<!--<a href="{{ page.facebookurl }}">Facebook page</a>.-->
239-
Visit our <a href="{{ page.issuetrackerurl }}">issue tracker</a>
240-
and submit or help with bugs and suggestions. Visit our
241-
<a href="{{ page.forumurl }}">forum</a> to get help, or to discuss
242-
all matters concerning Devilry. Follow the links below to go to the
243-
appropriate parts of our documentation.
244-
</p>
245-
<p class="buttonbar">
246-
<a class="btn btn-large btn-primary" href="https://devilry-userdoc.readthedocs.org">
247-
<i class="icon-user"></i>
248-
User docs
249-
<small class="meta">Students, examiners, admins</small>
250-
</a>
251-
<a class="btn btn-large btn-primary" href="https://devilry-deploy.readthedocs.org">
252-
<i class="icon-fire-extinguisher"></i>
253-
Sysadmin docs
254-
<small class="meta">Setup, deploy and update</small>
255-
</a>
256-
<a class="btn btn-large" href="{{ page.wikiurl }}">
257-
<i class="icon-github"></i>
258-
Wiki
259-
<small class="meta">... everything else</small>
260-
</a>
261-
</p>
262-
<p class="muted"><small>
263-
All our documentation is open source projects where anyone can
264-
contribute. For the User and Sysadmin docs, we have a big green box
265-
on the frontpage with more info. All you need is a
266-
<a href="http://github.com">GitHub</a> user. The Wiki is open for
267-
anyone with a GitHub user.
268-
</small></p>
269-
270277
</div>
271278

272-
<div class="featurette" id="develop">
273-
<hr class="featurette-divider">
274-
275-
<div class="featurette-graphics">
279+
<div class="featurette row" id="develop">
280+
<div class="span5 featurette-graphics">
276281
<!--<img alt="Devilry logo" src="devilrylogo-large.png"/>-->
277282
<i class="icon-coffee featurette-huge-icon"></i>
278283
</div>
279-
<h2>Develop Devilry. <span class="muted">We will help you get started.</span></h2>
280-
<p class="lead">
281-
Developers can clone <a href="{{ page.repourl }}">our repository</a>
282-
at GitHub and start right away. The
283-
<a href="http://devilry.readthedocs.org/en/latest/">Devilry Devoloper Documentation</a>
284-
will guide you in the right direction. Feel free to consult
285-
the <a href="https://groups.google.com/forum/#!forum/devilry-help">Devilry Help Questions and Answers</a> forum for further help on all matters concerning Devilry.
286-
</p>
287-
<p>The Devilry source code is released with the the <a href="{{ page.licenseurl }}">BSD license</a>, which is an open source license.</p>
284+
<div class="span7">
285+
<h2>Develop Devilry. <span class="muted">We will help you get started.</span></h2>
286+
<p class="lead">
287+
Developers can clone <a href="{{ page.repourl }}">our repository</a>
288+
at GitHub and start right away. The
289+
<a href="http://devilry.readthedocs.org/en/latest/">Devilry Developer Documentation</a>
290+
will guide you in the right direction. Feel free to consult
291+
the <a href="https://groups.google.com/forum/#!forum/devilry-help">Devilry Help Questions and Answers</a> forum for further help on all matters concerning Devilry.
292+
</p>
293+
<p>The Devilry source code is released with the the <a href="{{ page.licenseurl }}">BSD license</a>, which is an open source license.</p>
294+
</div>
288295
</div>
289296
</div>
290297

0 commit comments

Comments
 (0)