File tree 12 files changed +308
-0
lines changed
12 files changed +308
-0
lines changed Original file line number Diff line number Diff line change
1
+ name : CI
2
+
3
+ on : [push, pull_request]
4
+
5
+ jobs :
6
+ super-lint :
7
+ runs-on : ubuntu-latest
8
+ steps :
9
+ - uses : actions/checkout@v2
10
+ - name : Super-Linter
11
+
12
+ env :
13
+ GITHUB_TOKEN : ${{ secrets.GITHUB_TOKEN }}
Original file line number Diff line number Diff line change
1
+ # IDE
2
+ .idea
3
+ .vscode
4
+
5
+ # Build Folder
6
+ build
Original file line number Diff line number Diff line change
1
+ allowLocalFiles : true
2
+ options :
3
+ looseYAML : false
4
+ markdown :
5
+ breaks : true # newlines in paragraphs are rendered as <br>
6
+ bespoke :
7
+ progress : true
8
+ output : " ./build/"
9
+ themeSet : " ./themes"
10
+ theme : tum
Original file line number Diff line number Diff line change
1
+ services : docker
2
+ dist : bionic
3
+
4
+ env :
5
+ - DOCKER_COMPOSE_VERSION=1.27.4
6
+
7
+ before_install :
8
+ - sudo rm /usr/local/bin/docker-compose
9
+ - curl -L https://github.com/docker/compose/releases/download/${DOCKER_COMPOSE_VERSION}/docker-compose-`uname -s`-`uname -m` > docker-compose
10
+ - chmod +x docker-compose
11
+ - sudo mv docker-compose /usr/local/bin
12
+
13
+ script :
14
+ - docker-compose run generate --input-dir ./slides
15
+ - docker-compose run generate --input-dir ./slides --pdf
16
+ - mv build/slide-deck.html build/index.html
17
+ - echo '# This branch is for deployment only' >> build/README.md
18
+
19
+ # Deploy to gh-pages branch
20
+ deploy :
21
+ provider : pages
22
+ cleanup : true
23
+ token : $GITHUB_TOKEN # Set in travis-ci.org dashboard, marked secure
24
+ local_dir : build
25
+ on :
26
+ branch : master
27
+
28
+ notifications :
29
+ email : false
Original file line number Diff line number Diff line change
1
+ # TUM Marp Template
2
+
3
+ [ ![ Build Status] ( https://travis-ci.org/hofbi/marp-tum-template.svg?branch=master )] ( https://travis-ci.org/hofbi/marp-tum-template )
4
+ [ ![ Actions Status] ( https://github.com/hofbi/marp-tum-template/workflows/CI/badge.svg )] ( https://github.com/hofbi/marp-tum-template )
5
+
6
+ This is a template repository for [ Marp Slides] ( https://marp.app ) with a TUM theme. Marp is a markdown presentation ecosystem that allows you to create slides by writing simple markdown.
7
+
8
+ You can find a live demo at
9
+
10
+ Download the [ PDF] .
11
+
12
+ ## Setup
13
+
14
+ We use [ Marp] ( https://marp.app ) to generate the slides from markdown. Follow the setup on their [ website] ( https://github.com/marp-team/marp-cli ) or use our ` docker-compose.yml ` .
15
+
16
+ ## Build
17
+
18
+ ``` shell
19
+ # Learn the CLI
20
+ docker-compose run generate --help
21
+
22
+ # Generate slides
23
+ docker-compose run generate --input-dir ./slides # Generate html
24
+ docker-compose run generate --input-dir ./slides --pdf # Pdf
25
+ docker-compose run generate --input-dir ./slides --pptx # Powerpoint
26
+
27
+ # Fast Live Serve of lecture slides
28
+ docker-compose up # Access the slides on http://localhost:8080
29
+
30
+ # Serve any slides
31
+ docker-compise run serve --watch --server ./slides
32
+ ```
33
+
34
+ ## How To
35
+
36
+ - [ Get Started] ( https://github.com/marp-team/marp )
37
+ - [ Documentation] ( https://marpit.marp.app/ )
38
+ - [ CLI] ( https://github.com/marp-team/marp-cli )
Original file line number Diff line number Diff line change
1
+ version : ' 3'
2
+ services :
3
+ generate :
4
+ image : marpteam/marp-cli
5
+ user : " node"
6
+ volumes :
7
+ - ./:/home/marp/app
8
+ environment :
9
+ - LANG=de_DE.UTF-8
10
+ command : --input-dir ./slides
11
+ serve :
12
+ image : marpteam/marp-cli
13
+ user : " node"
14
+ volumes :
15
+ - ./:/home/marp/app
16
+ environment :
17
+ - LANG=de_DE.UTF-8
18
+ ports :
19
+ - 8080:8080
20
+ - 37717:37717
21
+ command : --watch --server ./slides
Original file line number Diff line number Diff line change
1
+ ---
2
+ title : Demo
3
+ description : Demo TUM Marp Template
4
+ class : invert # Dark theme all slides (remove to use light theme)
5
+ _class : # First slide
6
+ - invert # Dark theme for title slide
7
+ - lead # Title slide style
8
+ footer : Presentation Title | Author Name
9
+ _footer : " " # No footer on title slide
10
+ paginate : true # Page numbers
11
+ _paginate : false # No page numbers on title slide
12
+ marp : true # Nice preview for the VS Code extension
13
+ ---
14
+
15
+ # TUM Marp Slides Template
16
+
17
+ Chair of Media Technology
18
+ Technical University of Munich
19
+
20
+ Author Name
21
+
22
+ ---
23
+
24
+ ## Outline
25
+
26
+ - Light Theme
27
+ - Bullet Points
28
+ - Tables
29
+ - Images
30
+ - Code
31
+ - References
32
+
33
+ ---
34
+
35
+ <!-- _class: lead -->
36
+ <!-- _footer: "" -->
37
+ <!-- _paginate: "" -->
38
+
39
+ # Light Theme
40
+
41
+ ---
42
+
43
+ <!-- _class: -->
44
+
45
+ # Light Theme Slide
46
+
47
+ ---
48
+
49
+ ## Bullet Points
50
+
51
+ - Show all
52
+ - at once
53
+ * or one
54
+ * by one
55
+
56
+ ---
57
+
58
+ ## Tables
59
+
60
+ | Header | Header |
61
+ | ------ | ------ |
62
+ | Text | Text |
63
+
64
+ ---
65
+
66
+ ## Images
67
+
68
+ ![ ] ( images/TUM_Logo_weiss_rgb_s.svg )
69
+
70
+ ---
71
+
72
+ ## Background Images
73
+
74
+ - Full Size
75
+
76
+ ![ bg right] ( images/TUM_Logo_weiss_rgb_s.svg )
77
+
78
+ ---
79
+
80
+ ## Background Images Customized
81
+
82
+ - 60% slide width
83
+ - 80% image size
84
+
85
+ ![ bg right:60% 80%] ( images/TUM_Logo_weiss_rgb_s.svg )
86
+
87
+ ---
88
+
89
+ ## Code
90
+
91
+ ``` cpp
92
+ #include < iostream>
93
+
94
+ int main (int /* argc* /, char** /* argv* /)
95
+ {
96
+ std::cout << "Code with syntax highlighting!" << std::endl;
97
+
98
+ return EXIT_SUCCESS;
99
+ }
100
+
101
+ ```
102
+
103
+ ---
104
+
105
+ ## References
106
+
107
+ - [Get Started](https://github.com/marp-team/marp)
108
+ - [Documentation](https://marpit.marp.app/)
109
+ - [CLI](https://github.com/marp-team/marp-cli)
Original file line number Diff line number Diff line change
1
+ /* @theme tum */
2
+
3
+ @import 'default' ;
4
+
5
+ section
6
+ {
7
+ background-color : # fff ;
8
+ color : # 000 ;
9
+ background-image : url ('images/TUM_Logo_blau_rgb_s.svg' );
10
+ background-repeat : no-repeat;
11
+ background-position : right 40px top 40px ;
12
+ background-size : 8% ;
13
+ }
14
+
15
+ section .lead
16
+ {
17
+ background-image : url ('images/TUM_Uhrenturm.png' );
18
+ background-position : right;
19
+ background-size : 45% ;
20
+ }
21
+
22
+ section h1 ,
23
+ section a ,
24
+ section footer ,
25
+ section ::after
26
+ {
27
+ color : # 0065BD ;
28
+ }
29
+
30
+ section .invert
31
+ {
32
+ background-color : # 003359 ;
33
+ color : # fff ;
34
+ background-image : url ('images/TUM_Logo_weiss_rgb_s.svg' );
35
+ }
36
+
37
+ section .lead .invert
38
+ {
39
+ background-image : url ('images/TUM_Uhrenturm_w.png' );
40
+ }
41
+
42
+ section .invert h1 ,
43
+ section .invert footer ,
44
+ section .invert ::after
45
+ {
46
+ color : # fff ;
47
+ }
48
+
49
+ section .invert a
50
+ {
51
+ color : # E37222 ;
52
+ }
53
+
54
+ /* Add "Page" prefix and total page number */
55
+ section ::after
56
+ {
57
+ content : attr (data-marpit-pagination) ' / ' attr (data-marpit-pagination-total);
58
+ }
You can’t perform that action at this time.
0 commit comments