cboard-io/index.html at master · martinbedouret/cboard-io · 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
---
title: Home
description: Open-source and free AAC communication board.
image: /images/classAAC.jpg
bottom_image: /images/aacgathering.jpg
---

<section class="hero" style="background-image: url({% include relative-src.html src=page.image %})">
	<div class="inner-hero text-container">
		<div class="hero-text-container">
			<h1 class="editable">Communication for everyone</h1>
			<p class="subtext editable"><b>Cboard</b> is an <abbr title="Augmentative and Alternative Communication">AAC</abbr>
				web app for children and adults with speech and
				language
				impairments, aiding communication with symbols and text-to-speech.</p>
			<div class="cta button alt"><a href="https://app.cboard.io">Start Cboard</a></div>
		</div>
	</div>
</section>

<div class="content">
	<section class="info">
		<div class="container flex">
			<div class="text">
				<h2 class="editable">Built for the web</h2>
				<p class="editable">Cboard works on modern browsers and is available on a wide variety of platforms, including
					desktops, tablets and mobile phones. Offline support is available on Google Chrome (desktop & android).</p>
			</div>
			<div class="image">
				<img class="editable" src="/images/app/cant-speak-iphone-english.png" alt="Screenshot" />
			</div>
		</div>
	</section>

	<section class="info">
		<div class="container flex">
			<div class="text">
				<h2 class="editable">Personalized boards</h2>
				<p class="editable">With more than 3400 symbols from the <a href="https://mulberrysymbols.org/">Mulberry Symbol Set</a>,
					you can create your own custom boards for different situations in life.</p>
			</div>
			<div class="image">
				<img class="editable" src="/images/app/home-board-ipad-hebrew.png" alt="Screenshot" />
			</div>
		</div>
	</section>

	<section class="info">
		<div class="container flex">
			<div class="text">
				<h2 class="editable">33 languages</h2>
				<p class="editable">Cboard comes with support for 33 languages, support varies between operating systems.</p>
			</div>
			<div class="image">
				<img class="editable" src="/images/app/pizza-nexus-hindi.png" alt="Screenshot" />
			</div>
		</div>
	</section>

	<section class="hero" style="background-image: url({% include relative-src.html src=page.bottom_image %})">
		<div class="inner-hero text-container">
			<div class="hero-text-container">
				<h2 class="editable">Join us on GitHub</h2>
				<p class="subtext editable">Cboard is an open-source project, we always appreciate a helping hand, if you want to
					contribute you are invited to our GitHub repo.</p>
				<div class="cta button alt"><a href="https://github.com/cboard-org/cboard">Cboard GitHub</a></div>
			</div>
		</div>
	</section>
</div>