diff options
author | Pacien TRAN-GIRARD | 2014-08-10 17:28:37 +0200 |
---|---|---|
committer | Pacien TRAN-GIRARD | 2014-08-10 17:28:37 +0200 |
commit | e7bf5952d0729b37e677168b6e8fbd1ce58ed1a2 (patch) | |
tree | 189988e3e272b806262d1df6b87f1da089ef4af8 | |
parent | a32e898c8d7ad3774f5654e88bb24d5c26482137 (diff) | |
download | whatsthepoint-master.tar.gz |
43 files changed, 104045 insertions, 1 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..abe8adf --- /dev/null +++ b/.gitignore | |||
@@ -0,0 +1,3 @@ | |||
1 | # IDEA project files | ||
2 | .idea/ | ||
3 | *.iml | ||
@@ -1,4 +1,32 @@ | |||
1 | WhatsThePoint | 1 | WhatsThePoint |
2 | ============= | 2 | ============= |
3 | 3 | ||
4 | What's The Point? | 4 | "What's The Point?" is a remote controllable, themable web slide toolkit. |
5 | |||
6 | |||
7 | Slideshow formats | ||
8 | ----------------- | ||
9 | |||
10 | - Markdown | ||
11 | - HTML | ||
12 | - PDF (Beamer) | ||
13 | |||
14 | |||
15 | Features | ||
16 | -------- | ||
17 | |||
18 | - Notes / Presenter mode | ||
19 | - Remote controllable | ||
20 | - Working on mobile platforms (smartphone, tablet, e-reader) | ||
21 | - Uses only static files (HTML, CSS, JS), does not require a special web server | ||
22 | - Fully themable | ||
23 | |||
24 | |||
25 | TODO | ||
26 | ---- | ||
27 | |||
28 | - [ ] Debug and clean up everything | ||
29 | - [ ] Complete existing themes (title slides, ...) | ||
30 | - [ ] Add syntax highlighting plugin | ||
31 | - [ ] Add more themes | ||
32 | - [ ] Add optional server side rendering | ||
diff --git a/index.html b/index.html new file mode 100644 index 0000000..80e23c7 --- /dev/null +++ b/index.html | |||
@@ -0,0 +1,25 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | <meta charset="UTF-8"> | ||
5 | <meta | ||
6 | content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" | ||
7 | name="viewport"> | ||
8 | <title>What's The Point?</title> | ||
9 | <link href="point/base.css" rel="stylesheet"> | ||
10 | <script src="point/libs/requirejs/require.js" data-main="point/point"></script> | ||
11 | </head> | ||
12 | <body> | ||
13 | <div id="loadingclock"></div> | ||
14 | |||
15 | <noscript> | ||
16 | Sorry, | ||
17 | <br> | ||
18 | JavaScript is required | ||
19 | <br> | ||
20 | to view this slideshow. | ||
21 | </noscript> | ||
22 | |||
23 | <p-screen></p-screen> | ||
24 | </body> | ||
25 | </html> | ||
diff --git a/point.yml b/point.yml new file mode 100644 index 0000000..716528c --- /dev/null +++ b/point.yml | |||
@@ -0,0 +1,52 @@ | |||
1 | # | ||
2 | # What's The Point presentation configuration file | ||
3 | # | ||
4 | |||
5 | data: | ||
6 | file: "../slides.yml" | ||
7 | type: | ||
8 | #html | ||
9 | markdown | ||
10 | |||
11 | |||
12 | dimension: | ||
13 | width: 1100 | ||
14 | height: 700 | ||
15 | |||
16 | theme: | ||
17 | #default | ||
18 | clean | ||
19 | #aperture | ||
20 | |||
21 | control: | ||
22 | #local | ||
23 | remote: | ||
24 | webcastorUrl: "https://webcastor.herokuapp.com:443" | ||
25 | channelId: "fc503470-051e-11e4-8b02-cbfbda9da717" | ||
26 | |||
27 | binding: | ||
28 | - keyboard | ||
29 | - touch | ||
30 | - speech | ||
31 | |||
32 | plugins: | ||
33 | - autoscale | ||
34 | #- prettify | ||
35 | #- chartjs | ||
36 | #- doge | ||
37 | |||
38 | |||
39 | # | ||
40 | # Plug-ins and others parameters | ||
41 | # | ||
42 | |||
43 | speechSettings: | ||
44 | lang: "fr-FR" | ||
45 | keywords: | ||
46 | NEXT_SLIDE: | ||
47 | - "suivant" | ||
48 | PREVIOUS_SLIDE: | ||
49 | - "précédent" | ||
50 | |||
51 | prettifySettings: | ||
52 | lang: javascript | ||
diff --git a/point/base.css b/point/base.css new file mode 100644 index 0000000..fcdc2a6 --- /dev/null +++ b/point/base.css | |||
@@ -0,0 +1,114 @@ | |||
1 | /* | ||
2 | * This file is part of "What's The Point" <https://github.com/Pacien/WhatsThePoint> | ||
3 | * Copyright (C) 2014 Pacien TRAN-GIRARD | ||
4 | * | ||
5 | * "What's The Point" is free software: you can redistribute it and/or modify | ||
6 | * it under the terms of the GNU Affero General Public License as | ||
7 | * published by the Free Software Foundation, either version 3 of the | ||
8 | * License, or (at your option) any later version. | ||
9 | * | ||
10 | * "What's The Point" is distributed in the hope that it will be useful, | ||
11 | * but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
13 | * GNU Affero General Public License for more details. | ||
14 | * | ||
15 | * You should have received a copy of the GNU Affero General Public License | ||
16 | * along with this program. If not, see <http://www.gnu.org/licenses/>. | ||
17 | */ | ||
18 | @import url("libs/normalizecss/normalize.css"); | ||
19 | |||
20 | html { | ||
21 | width: 100%; | ||
22 | height: 100%; | ||
23 | } | ||
24 | |||
25 | body { | ||
26 | position: absolute; | ||
27 | width: 100%; | ||
28 | height: 100%; | ||
29 | background: black; | ||
30 | } | ||
31 | |||
32 | noscript { | ||
33 | position: absolute; | ||
34 | width: 20em; | ||
35 | height: 5em; | ||
36 | margin: auto; | ||
37 | top: 0; | ||
38 | bottom: 0; | ||
39 | left: 0; | ||
40 | right: 0; | ||
41 | text-align: center; | ||
42 | color: white; | ||
43 | background: black; | ||
44 | } | ||
45 | |||
46 | /* loading animation */ | ||
47 | /* http://codepen.io/lixquid/pen/ybjmr */ | ||
48 | |||
49 | #loadingclock { | ||
50 | position: absolute; | ||
51 | margin: auto; | ||
52 | top: 0; | ||
53 | bottom: 0; | ||
54 | left: 0; | ||
55 | right: 0; | ||
56 | width: 48px; | ||
57 | height: 48px; | ||
58 | border: 2px solid #ccc; | ||
59 | border-radius: 100%; | ||
60 | } | ||
61 | |||
62 | #loadingclock:before { | ||
63 | display: block; | ||
64 | position: absolute; | ||
65 | left: 23px; | ||
66 | top: 2px; | ||
67 | width: 2px; | ||
68 | height: 22px; | ||
69 | background-color: #ccc; | ||
70 | animation: spin 3s linear infinite; | ||
71 | -webkit-animation: spin 3s linear infinite; | ||
72 | content: " "; | ||
73 | transform-origin: 1px 22px; | ||
74 | -webkit-transform-origin: 1px 22px; | ||
75 | } | ||
76 | |||
77 | #loadingclock:after { | ||