Skip to content

Commit 9f55cd6

Browse files
jmMeessenjmMeessen
committed
Merge pull request #22 from dduportal/slide-skeleton
Slide skeleton : the right basic skeleton
2 parents a3a48b4 + ee4cb8a commit 9f55cd6

8 files changed

+553
-163
lines changed

‎TODO.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,15 @@
2525
* [ ] remove docker-bats directory
2626
* [ ] Lighten the final image
2727

28+
## Slide related TODO
29+
30+
* [ ] faire le plan
31+
* [ ] clarifier ce qu'on veut que les auditeurs "ramènent chez eux"
32+
33+
* [ ] changer le fond d'un slide
34+
* [ ] Est-ce que le slide show fonctionne aussi off-line ?
35+
36+
2837
## Nice to have
2938

3039
* [ ] Further improve the README.md. Add links to sub-files like ISSUES or background information on the why of the initative.

‎slides/Slide related TODO.md

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎slides/index.html

Lines changed: 115 additions & 118 deletions
Original file line numberDiff line numberDiff line change
@@ -4,133 +4,130 @@
44
<title>Devbox presentation</title>
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
66
<style type="text/css">
7-
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
8-
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
9-
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
7+
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
8+
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
9+
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
1010

11-
body { font-family: 'Droid Serif'; }
12-
h1, h2, h3 {
13-
font-family: 'Yanone Kaffeesatz';
14-
font-weight: normal;
15-
}
16-
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
17-
body {
18-
font-family: 'Droid Serif';
19-
}
20-
h1, h2, h3 {
21-
font-family: 'Yanone Kaffeesatz';
22-
font-weight: 400;
23-
margin-bottom: 0;
24-
}
25-
.remark-slide-content h1 { font-size: 3em; }
26-
.remark-slide-content h2 { font-size: 2em; }
27-
.remark-slide-content h3 { font-size: 1.6em; }
28-
.footnote {
29-
position: absolute;
30-
bottom: 3em;
31-
}
32-
li p { line-height: 1.25em; }
33-
.red { color: #fa0000; }
34-
.large { font-size: 2em; }
35-
a, a > code {
36-
color: rgb(249, 38, 114);
37-
text-decoration: none;
38-
}
39-
code {
40-
-moz-border-radius: 5px;
41-
-web-border-radius: 5px;
42-
background: #e7e8e2;
43-
border-radius: 5px;
44-
}
45-
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
46-
.remark-code-line-highlighted { background-color: #373832; }
47-
.pull-left {
48-
float: left;
49-
width: 47%;
50-
}
51-
.pull-right {
52-
float: right;
53-
width: 47%;
54-
}
55-
.pull-right ~ p {
56-
clear: both;
57-
}
58-
#slideshow .slide .content code {
59-
font-size: 0.8em;
60-
}
61-
#slideshow .slide .content pre code {
62-
font-size: 0.9em;
63-
padding: 15px;
64-
}
65-
.inverse {
66-
background: #272822;
67-
color: #777872;
68-
text-shadow: 0 0 20px #333;
69-
}
70-
.inverse h1, .inverse h2 {
71-
color: #f3f3f3;
72-
line-height: 0.8em;
73-
}
11+
body {
12+
font-family: 'Droid Serif';
13+
}
14+
h1, h2, h3 {
15+
font-family: 'Yanone Kaffeesatz';
16+
font-weight: 400;
17+
margin-bottom: 0;
18+
}
19+
.remark-code, .remark-inline-code {
20+
font-family: 'Ubuntu Mono';
21+
}
22+
.remark-slide-content h1 { font-size: 3em; }
23+
.remark-slide-content h2 { font-size: 2em; }
24+
.remark-slide-content h3 { font-size: 1.6em; }
25+
.footnote {
26+
position: absolute;
27+
bottom: 3em;
28+
}
29+
li p { line-height: 1.25em; }
30+
.red { color: #fa0000; }
31+
.large { font-size: 2em; }
32+
a, a > code {
33+
color: rgb(249, 38, 114);
34+
text-decoration: none;
35+
}
36+
code {
37+
-moz-border-radius: 5px;
38+
-web-border-radius: 5px;
39+
background: #e7e8e2;
40+
border-radius: 5px;
41+
}
42+
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
43+
.remark-code-line-highlighted { background-color: #373832; }
44+
.pull-left {
45+
float: left;
46+
width: 47%;
47+
}
48+
.pull-right {
49+
float: right;
50+
width: 47%;
51+
}
52+
.pull-right ~ p {
53+
clear: both;
54+
}
55+
#slideshow .slide .content code {
56+
font-size: 0.8em;
57+
}
58+
#slideshow .slide .content pre code {
59+
font-size: 0.9em;
60+
padding: 15px;
61+
}
62+
.inverse {
63+
background: #272822;
64+
color: #777872;
65+
text-shadow: 0 0 20px #333;
66+
}
67+
.inverse h1, .inverse h2 {
68+
color: #f3f3f3;
69+
line-height: 0.8em;
70+
}
7471

75-
/* Slide-specific styling */
76-
#slide-inverse .footnote {
77-
bottom: 12px;
78-
left: 20px;
79-
}
80-
#slide-how .slides {
81-
font-size: 0.9em;
82-
position: absolute;
83-
top: 151px;
84-
right: 140px;
85-
}
86-
#slide-how .slides h3 {
87-
margin-top: 0.2em;
88-
}
89-
#slide-how .slides .first, #slide-how .slides .second {
90-
padding: 1px 20px;
91-
height: 90px;
92-
width: 120px;
93-
-moz-box-shadow: 0 0 10px #777;
94-
-webkit-box-shadow: 0 0 10px #777;
95-
box-shadow: 0 0 10px #777;
96-
}
97-
#slide-how .slides .first {
98-
background: #fff;
99-
position: absolute;
100-
top: 20%;
101-
left: 20%;
102-
z-index: 1;
103-
}
104-
#slide-how .slides .second {
105-
position: relative;
106-
background: #fff;
107-
z-index: 0;
108-
}
72+
/* Slide-specific styling */
73+
#slide-inverse .footnote {
74+
bottom: 12px;
75+
left: 20px;
76+
}
77+
#slide-how .slides {
78+
font-size: 0.9em;
79+
position: absolute;
80+
top: 151px;
81+
right: 140px;
82+
}
83+
#slide-how .slides h3 {
84+
margin-top: 0.2em;
85+
}
86+
#slide-how .slides .first, #slide-how .slides .second {
87+
padding: 1px 20px;
88+
height: 90px;
89+
width: 120px;
90+
-moz-box-shadow: 0 0 10px #777;
91+
-webkit-box-shadow: 0 0 10px #777;
92+
box-shadow: 0 0 10px #777;
93+
}
94+
#slide-how .slides .first {
95+
background: #fff;
96+
position: absolute;
97+
top: 20%;
98+
left: 20%;
99+
z-index: 1;
100+
}
101+
#slide-how .slides .second {
102+
position: relative;
103+
background: #fff;
104+
z-index: 0;
105+
}
109106

110-
/* Two-column layout */
111-
.left-column {
112-
color: #777;
113-
width: 20%;
114-
height: 92%;
115-
float: left;
116-
}
117-
.left-column h2:last-of-type, .left-column h3:last-child {
118-
color: #000;
119-
}
120-
.right-column {
121-
width: 75%;
122-
float: right;
123-
padding-top: 1em;
124-
}
107+
/* Two-column layout */
108+
.left-column {
109+
color: #777;
110+
width: 20%;
111+
height: 92%;
112+
float: left;
113+
}
114+
.left-column h2:last-of-type, .left-column h3:last-child {
115+
color: #000;
116+
}
117+
.right-column {
118+
width: 75%;
119+
float: right;
120+
padding-top: 1em;
121+
}
125122
</style>
126123
</head>
127124
<body>
128125
<script src="http://gnab.github.io/remark/downloads/remark-latest.min.js" type="text/javascript">
129126
</script>
130127
<script type="text/javascript">
131-
var slideshow = remark.create({
132-
sourceUrl: 'slides.md'
133-
});
128+
var slideshow = remark.create({
129+
sourceUrl: 'slides.md'
130+
});
134131
</script>
135132
</body>
136133
</html>

‎slides/Jmm's notes on DEVBOX.jpg renamed to ‎slides/pictures/Jmm's notes on DEVBOX.jpg

File renamed without changes.

‎slides/pictures/vitr.jpg

88.2 KB
Loading

‎slides/BRAINSTORM.md renamed to ‎slides/raws/BRAINSTORM.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,6 @@ Que disent les pratiques d'ingénieurie logicielle (plus ou moins) modernes ?
8585
** Compagnonage (on fabrique ses propres outils comme partie de l'apprentissage)
8686
** Eat your own dog food
8787

88-
8988
### Explication de la solution
9089

9190
* Ce qui est necessaire pour comprendre la demo (sous forme de dessin)

‎slides/Jmm's notes on DEVBOX.mm renamed to ‎slides/raws/Jmm's notes on DEVBOX.mm

File renamed without changes.

0 commit comments

Comments
 (0)