diff --git a/css/reveal.css b/css/reveal.css index eda311e..e6fe1fa 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -8,26 +8,6 @@ /********************************************* * RESET STYLES *********************************************/ -html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, -.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, -.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, -.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, -.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, -.reveal b, .reveal u, .reveal center, -.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, -.reveal fieldset, .reveal form, .reveal label, .reveal legend, -.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, -.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, -.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, -.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, -.reveal time, .reveal mark, .reveal audio, .reveal video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; } - .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { display: block; } @@ -62,22 +42,18 @@ body { opacity: 1; visibility: inherit; } .reveal .slides section .fragment.grow.visible { - -webkit-transform: scale(1.3); - transform: scale(1.3); } + transform: scale(1.3); } .reveal .slides section .fragment.shrink { opacity: 1; visibility: inherit; } .reveal .slides section .fragment.shrink.visible { - -webkit-transform: scale(0.7); - transform: scale(0.7); } + transform: scale(0.7); } .reveal .slides section .fragment.zoom-in { - -webkit-transform: scale(0.1); - transform: scale(0.1); } + transform: scale(0.1); } .reveal .slides section .fragment.zoom-in.visible { - -webkit-transform: none; - transform: none; } + transform: none; } .reveal .slides section .fragment.fade-out { opacity: 1; @@ -100,32 +76,24 @@ body { text-decoration: line-through; } .reveal .slides section .fragment.fade-up { - -webkit-transform: translate(0, 20%); - transform: translate(0, 20%); } + transform: translate(0, 20%); } .reveal .slides section .fragment.fade-up.visible { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); } + transform: translate(0, 0); } .reveal .slides section .fragment.fade-down { - -webkit-transform: translate(0, -20%); - transform: translate(0, -20%); } + transform: translate(0, -20%); } .reveal .slides section .fragment.fade-down.visible { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); } + transform: translate(0, 0); } .reveal .slides section .fragment.fade-right { - -webkit-transform: translate(-20%, 0); - transform: translate(-20%, 0); } + transform: translate(-20%, 0); } .reveal .slides section .fragment.fade-right.visible { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); } + transform: translate(0, 0); } .reveal .slides section .fragment.fade-left { - -webkit-transform: translate(20%, 0); - transform: translate(20%, 0); } + transform: translate(20%, 0); } .reveal .slides section .fragment.fade-left.visible { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); } + transform: translate(0, 0); } .reveal .slides section .fragment.fade-in-then-out, .reveal .slides section .fragment.current-visible { @@ -200,48 +168,21 @@ body { /********************************************* * CONTROLS *********************************************/ -@-webkit-keyframes bounce-right { - 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 20% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } - 30% { - -webkit-transform: translateX(-5px); - transform: translateX(-5px); } } @keyframes bounce-right { 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } + transform: translateX(0); } 20% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } + transform: translateX(10px); } 30% { - -webkit-transform: translateX(-5px); - transform: translateX(-5px); } } - -@-webkit-keyframes bounce-down { - 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 20% { - -webkit-transform: translateY(10px); - transform: translateY(10px); } - 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); } } + transform: translateX(-5px); } } @keyframes bounce-down { 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateY(0); - transform: translateY(0); } + transform: translateY(0); } 20% { - -webkit-transform: translateY(10px); - transform: translateY(10px); } + transform: translateY(10px); } 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); } } + transform: translateY(-5px); } } .reveal .controls { display: none; @@ -262,9 +203,7 @@ body { outline: 0; cursor: pointer; color: currentColor; - -webkit-transform: scale(0.9999); - transform: scale(0.9999); - transition: color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; + transform: scale(0.9999); transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; z-index: 2; pointer-events: auto; @@ -272,7 +211,7 @@ body { visibility: hidden; opacity: 0; -webkit-appearance: none; - -webkit-tap-highlight-color: transparent; } + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .reveal .controls .controls-arrow:before, .reveal .controls .controls-arrow:after { content: ''; @@ -284,66 +223,50 @@ body { border-radius: 0.25em; background-color: currentColor; transition: all 0.15s ease, background-color 0.8s ease; - -webkit-transform-origin: 0.2em 50%; - transform-origin: 0.2em 50%; + transform-origin: 0.2em 50%; will-change: transform; } .reveal .controls .controls-arrow { position: relative; width: 3.6em; height: 3.6em; } .reveal .controls .controls-arrow:before { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg); - transform: translateX(0.5em) translateY(1.55em) rotate(45deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(45deg); } .reveal .controls .controls-arrow:after { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); - transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); } .reveal .controls .controls-arrow:hover:before { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(40deg); - transform: translateX(0.5em) translateY(1.55em) rotate(40deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(40deg); } .reveal .controls .controls-arrow:hover:after { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); - transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); } .reveal .controls .controls-arrow:active:before { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(36deg); - transform: translateX(0.5em) translateY(1.55em) rotate(36deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(36deg); } .reveal .controls .controls-arrow:active:after { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); - transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); } .reveal .controls .navigate-left { right: 6.4em; bottom: 3.2em; - -webkit-transform: translateX(-10px); - transform: translateX(-10px); } + transform: translateX(-10px); } .reveal .controls .navigate-right { right: 0; bottom: 3.2em; - -webkit-transform: translateX(10px); - transform: translateX(10px); } + transform: translateX(10px); } .reveal .controls .navigate-right .controls-arrow { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); } + transform: rotate(180deg); } .reveal .controls .navigate-right.highlight { - -webkit-animation: bounce-right 2s 50 both ease-out; - animation: bounce-right 2s 50 both ease-out; } + animation: bounce-right 2s 50 both ease-out; } .reveal .controls .navigate-up { right: 3.2em; bottom: 6.4em; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); } + transform: translateY(-10px); } .reveal .controls .navigate-up .controls-arrow { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } + transform: rotate(90deg); } .reveal .controls .navigate-down { right: 3.2em; bottom: 0; - -webkit-transform: translateY(10px); - transform: translateY(10px); } + transform: translateY(10px); } .reveal .controls .navigate-down .controls-arrow { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); } + transform: rotate(-90deg); } .reveal .controls .navigate-down.highlight { - -webkit-animation: bounce-down 2s 50 both ease-out; - animation: bounce-down 2s 50 both ease-out; } + animation: bounce-down 2s 50 both ease-out; } .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled { opacity: 0.3; } @@ -358,8 +281,7 @@ body { visibility: visible; opacity: 0.9; cursor: pointer; - -webkit-transform: none; - transform: none; } + transform: none; } .reveal .controls .enabled.fragmented { opacity: 0.5; } .reveal .controls .enabled:hover, @@ -390,13 +312,11 @@ body { .reveal.no-hover .controls .controls-arrow:hover:before, .reveal.no-hover .controls .controls-arrow:active:before { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg); - transform: translateX(0.5em) translateY(1.55em) rotate(45deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(45deg); } .reveal.no-hover .controls .controls-arrow:hover:after, .reveal.no-hover .controls .controls-arrow:active:after { - -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); - transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); } + transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); } @media screen and (min-width: 500px) { .reveal .controls[data-controls-layout="edges"] { @@ -505,11 +425,8 @@ body { pointer-events: none; overflow: visible; z-index: 1; - text-align: center; - -webkit-perspective: 600px; - perspective: 600px; - -webkit-perspective-origin: 50% 40%; - perspective-origin: 50% 40%; } + perspective: 600px; + perspective-origin: 50% 40%; } .reveal .slides > section { -ms-perspective: 600px; } @@ -522,9 +439,7 @@ body { padding: 20px 0px; pointer-events: auto; z-index: 10; - -webkit-transform-style: flat; - transform-style: flat; - transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); + transform-style: flat; transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /* Global transition speed settings */ @@ -588,60 +503,50 @@ body { * Aliased 'linear' for backwards compatibility *********************************************/ .reveal.slide section { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + backface-visibility: hidden; } .reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past { - -webkit-transform: translate(-150%, 0); - transform: translate(-150%, 0); } + transform: translate(-150%, 0); } .reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future { - -webkit-transform: translate(150%, 0); - transform: translate(150%, 0); } + transform: translate(150%, 0); } .reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past { - -webkit-transform: translate(0, -150%); - transform: translate(0, -150%); } + transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future { - -webkit-transform: translate(0, 150%); - transform: translate(0, 150%); } + transform: translate(0, 150%); } .reveal.linear section { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + backface-visibility: hidden; } .reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past { - -webkit-transform: translate(-150%, 0); - transform: translate(-150%, 0); } + transform: translate(-150%, 0); } .reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future { - -webkit-transform: translate(150%, 0); - transform: translate(150%, 0); } + transform: translate(150%, 0); } .reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past { - -webkit-transform: translate(0, -150%); - transform: translate(0, -150%); } + transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future { - -webkit-transform: translate(0, 150%); - transform: translate(0, 150%); } + transform: translate(0, 150%); } /********************************************* * CONVEX TRANSITION @@ -649,93 +554,78 @@ body { *********************************************/ .reveal .slides section[data-transition=default].stack, .reveal.default .slides section.stack { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; } + transform-style: preserve-3d; } .reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past { - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } + transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future { - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } + transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past { - -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); - transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } + transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future { - -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); - transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } + transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } .reveal .slides section[data-transition=convex].stack, .reveal.convex .slides section.stack { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; } + transform-style: preserve-3d; } .reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past { - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } + transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future { - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } + transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past { - -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); - transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } + transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future { - -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); - transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } + transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } /********************************************* * CONCAVE TRANSITION *********************************************/ .reveal .slides section[data-transition=concave].stack, .reveal.concave .slides section.stack { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; } + transform-style: preserve-3d; } .reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past { - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } + transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future { - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } + transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past { - -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); - transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); } + transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); } .reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future { - -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); } + transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); } /********************************************* * ZOOM TRANSITION @@ -748,27 +638,23 @@ body { .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past { visibility: hidden; - -webkit-transform: scale(16); - transform: scale(16); } + transform: scale(16); } .reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future { visibility: hidden; - -webkit-transform: scale(0.2); - transform: scale(0.2); } + transform: scale(0.2); } .reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past { - -webkit-transform: translate(0, -150%); - transform: translate(0, -150%); } + transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future { - -webkit-transform: translate(0, 150%); - transform: translate(0, 150%); } + transform: translate(0, 150%); } /********************************************* * CUBE TRANSITION @@ -778,17 +664,14 @@ body { * future version. *********************************************/ .reveal.cube .slides { - -webkit-perspective: 1300px; - perspective: 1300px; } + perspective: 1300px; } .reveal.cube .slides section { padding: 30px; min-height: 700px; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; box-sizing: border-box; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; } + transform-style: preserve-3d; } .reveal.center.cube .slides section { min-height: 0; } @@ -803,8 +686,7 @@ body { top: 0; background: rgba(0, 0, 0, 0.1); border-radius: 4px; - -webkit-transform: translateZ(-20px); - transform: translateZ(-20px); } + transform: translateZ(-20px); } .reveal.cube .slides section:not(.stack):after { content: ''; @@ -818,36 +700,27 @@ body { z-index: 1; border-radius: 4px; box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); - -webkit-transform: translateZ(-90px) rotateX(65deg); - transform: translateZ(-90px) rotateX(65deg); } + transform: translateZ(-90px) rotateX(65deg); } .reveal.cube .slides > section.stack { padding: 0; background: none; } .reveal.cube .slides > section.past { - -webkit-transform-origin: 100% 0%; - transform-origin: 100% 0%; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - transform: translate3d(-100%, 0, 0) rotateY(-90deg); } + transform-origin: 100% 0%; + transform: translate3d(-100%, 0, 0) rotateY(-90deg); } .reveal.cube .slides > section.future { - -webkit-transform-origin: 0% 0%; - transform-origin: 0% 0%; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); - transform: translate3d(100%, 0, 0) rotateY(90deg); } + transform-origin: 0% 0%; + transform: translate3d(100%, 0, 0) rotateY(90deg); } .reveal.cube .slides > section > section.past { - -webkit-transform-origin: 0% 100%; - transform-origin: 0% 100%; - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); - transform: translate3d(0, -100%, 0) rotateX(90deg); } + transform-origin: 0% 100%; + transform: translate3d(0, -100%, 0) rotateX(90deg); } .reveal.cube .slides > section > section.future { - -webkit-transform-origin: 0% 0%; - transform-origin: 0% 0%; - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); - transform: translate3d(0, 100%, 0) rotateX(-90deg); } + transform-origin: 0% 0%; + transform: translate3d(0, 100%, 0) rotateX(-90deg); } /********************************************* * PAGE TRANSITION @@ -857,17 +730,14 @@ body { * future version. *********************************************/ .reveal.page .slides { - -webkit-perspective-origin: 0% 50%; - perspective-origin: 0% 50%; - -webkit-perspective: 3000px; - perspective: 3000px; } + perspective-origin: 0% 50%; + perspective: 3000px; } .reveal.page .slides section { padding: 30px; min-height: 700px; box-sizing: border-box; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; } + transform-style: preserve-3d; } .reveal.page .slides section.past { z-index: 12; } @@ -881,8 +751,7 @@ body { left: 0; top: 0; background: rgba(0, 0, 0, 0.1); - -webkit-transform: translateZ(-20px); - transform: translateZ(-20px); } + transform: translateZ(-20px); } .reveal.page .slides section:not(.stack):after { content: ''; @@ -903,28 +772,20 @@ body { background: none; } .reveal.page .slides > section.past { - -webkit-transform-origin: 0% 0%; - transform-origin: 0% 0%; - -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - transform: translate3d(-40%, 0, 0) rotateY(-80deg); } + transform-origin: 0% 0%; + transform: translate3d(-40%, 0, 0) rotateY(-80deg); } .reveal.page .slides > section.future { - -webkit-transform-origin: 100% 0%; - transform-origin: 100% 0%; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + transform-origin: 100% 0%; + transform: translate3d(0, 0, 0); } .reveal.page .slides > section > section.past { - -webkit-transform-origin: 0% 0%; - transform-origin: 0% 0%; - -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); - transform: translate3d(0, -40%, 0) rotateX(80deg); } + transform-origin: 0% 0%; + transform: translate3d(0, -40%, 0) rotateX(80deg); } .reveal.page .slides > section > section.future { - -webkit-transform-origin: 0% 100%; - transform-origin: 0% 100%; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + transform-origin: 0% 100%; + transform: translate3d(0, 0, 0); } /********************************************* * FADE TRANSITION @@ -932,8 +793,7 @@ body { .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) { - -webkit-transform: none; - transform: none; + transform: none; transition: opacity 0.5s; } .reveal.fade.overview .slides section, @@ -945,8 +805,7 @@ body { *********************************************/ .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) { - -webkit-transform: none; - transform: none; + transform: none; transition: none; } /********************************************* @@ -1011,8 +870,7 @@ body { top: 0; left: -50%; margin: 70px 0; - -webkit-transform: none; - transform: none; } + transform: none; } .no-transforms .reveal .slides section section { left: 0; } @@ -1030,8 +888,7 @@ body { height: 100%; top: 0; left: 0; - -webkit-perspective: 600px; - perspective: 600px; } + perspective: 600px; } .reveal .slide-background { display: none; @@ -1041,7 +898,7 @@ body { opacity: 0; visibility: hidden; overflow: hidden; - background-color: transparent; + background-color: rgba(0, 0, 0, 0); transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } .reveal .slide-background-content { @@ -1089,78 +946,65 @@ body { .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] { opacity: 1; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + backface-visibility: hidden; } .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] { - -webkit-transform: translate(-100%, 0); - transform: translate(-100%, 0); } + transform: translate(-100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] { - -webkit-transform: translate(100%, 0); - transform: translate(100%, 0); } + transform: translate(100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] { - -webkit-transform: translate(0, -100%); - transform: translate(0, -100%); } + transform: translate(0, -100%); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] { - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); } + transform: translate(0, 100%); } /* Convex */ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } + transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } + transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); } + transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] { opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } + transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } /* Concave */ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } + transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } + transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); } + transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] { opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } + transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } /* Zoom */ .reveal[data-background-transition=zoom] > .backgrounds .slide-background, @@ -1171,29 +1015,25 @@ body { .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(16); - transform: scale(16); } + transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - transform: scale(0.2); } + transform: scale(0.2); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(16); - transform: scale(16); } + transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - transform: scale(0.2); } + transform: scale(0.2); } /* Global transition speed settings */ .reveal[data-transition-speed="fast"] > .backgrounds .slide-background { @@ -1206,10 +1046,8 @@ body { * OVERVIEW *********************************************/ .reveal.overview { - -webkit-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; - -webkit-perspective: 700px; - perspective: 700px; } + perspective-origin: 50% 50%; + perspective: 700px; } .reveal.overview .slides { -moz-transform-style: preserve-3d; } .reveal.overview .slides section { @@ -1237,8 +1075,7 @@ body { outline: none; overflow: visible; } .reveal.overview .backgrounds { - -webkit-perspective: inherit; - perspective: inherit; + perspective: inherit; -moz-transform-style: preserve-3d; } .reveal.overview .backgrounds .slide-background { opacity: 1; @@ -1364,7 +1201,6 @@ body { .reveal .overlay .viewport { position: absolute; - display: -webkit-box; display: -ms-flexbox; display: flex; top: 40px; @@ -1405,8 +1241,7 @@ body { .reveal .overlay.overlay-preview.loaded .spinner { opacity: 0; visibility: hidden; - -webkit-transform: scale(0.2); - transform: scale(0.2); } + transform: scale(0.2); } .reveal .overlay.overlay-help .viewport { overflow: auto; @@ -1448,7 +1283,7 @@ body { z-index: 30; cursor: pointer; transition: all 400ms ease; - -webkit-tap-highlight-color: transparent; } + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .reveal.overview .playback { opacity: 0; @@ -1462,10 +1297,8 @@ body { line-height: 1.2; overflow: hidden; vertical-align: top; - -webkit-perspective: 400px; - perspective: 400px; - -webkit-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; } + perspective: 400px; + perspective-origin: 50% 50%; } .reveal .roll:hover { background: none; @@ -1477,17 +1310,13 @@ body { padding: 0 2px; pointer-events: none; transition: all 400ms ease; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + transform-origin: 50% 0%; + transform-style: preserve-3d; + backface-visibility: hidden; } .reveal .roll:hover span { background: rgba(0, 0, 0, 0.5); - -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg); - transform: translate3d(0px, 0px, -45px) rotateX(90deg); } + transform: translate3d(0px, 0px, -45px) rotateX(90deg); } .reveal .roll span:after { content: attr(data-title); @@ -1496,12 +1325,9 @@ body { left: 0; top: 0; padding: 0 2px; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; - -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg); - transform: translate3d(0px, 110%, 0px) rotateX(-90deg); } + backface-visibility: hidden; + transform-origin: 50% 0%; + transform: translate3d(0px, 110%, 0px) rotateX(-90deg); } /********************************************* * SPEAKER NOTES @@ -1577,8 +1403,7 @@ body { .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; } + backface-visibility: visible !important; } .zoomed .reveal .progress, .zoomed .reveal .controls { diff --git a/css/reveal.scss b/css/reveal.scss index e6608d4..28c7db5 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -24,12 +24,12 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, .reveal video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; + // margin: 0; + // padding: 0; + // border: 0; + // font-size: 100%; + // font: inherit; + // vertical-align: baseline; } .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, @@ -612,7 +612,7 @@ $controlsArrowAngleActive: 36deg; overflow: visible; z-index: 1; - text-align: center; + // text-align: center; perspective: 600px; perspective-origin: 50% 40%; } diff --git a/css/theme/latex.css b/css/theme/latex.css new file mode 100644 index 0000000..5bf4384 --- /dev/null +++ b/css/theme/latex.css @@ -0,0 +1,69 @@ +@import url("https://free.bboxtype.com/embedfonts/?family=FiraSans:300,600"); +@font-face { + font-family: 'Fira Code'; + src: url("../../lib/font/fira-code/FiraCode-Regular.otf"); + font-weight: 400; } + +@font-face { + font-family: 'Fira Code'; + src: url("../../lib/font/fira-code/FiraCode-Bold.otf"); + font-weight: 700; } + +body { + font-family: 'Fira Sans'; + margin: 0; + line-height: 1.2em; + font-size: 1.5vw; } + +section { + min-height: 100vh; + width: 100vw; + padding: 0 !important; } + +.layout { + min-width: 100vw; + max-width: 100vw; + min-height: 100vh; + max-height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 12fr; + background: linear-gradient(to right, #cccccc 0%, #cccccc 50%, #ffffff 50%, #ffffff 100%); } + .layout-title { + grid-column-end: span 2; + padding: 3.5vw calc(50% + 4vw) 0.5vw 4vw; + line-height: 1.15em; } + .layout-content-left { + overflow: auto; + padding: 4vw; } + .layout-content-left *:first-child { + margin-top: 0; } + .layout h2 { + margin: 0; } + .layout ul { + list-style-type: disc; + padding-left: 0; } + .layout ul ul { + padding-left: 2vw; } + .layout pre { + margin-left: -4vw; + padding-left: 4vw; + line-height: 1.2em; + position: relative; + overflow: hidden; } + .layout pre::before { + content: attr(data-sourcefile); + position: absolute; + top: .3em; + left: calc(1.5vw - 100%); + width: 100%; + text-align: right; + transform: rotate(-90deg); + transform-origin: 100% 50%; + color: #cccccc; } + .layout code { + font-size: 0.9em; + font-family: 'Fira Code'; } + .layout code.hljs { + padding: .3em 0; } diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss new file mode 100644 index 0000000..69c32de --- /dev/null +++ b/css/theme/source/latex.scss @@ -0,0 +1,98 @@ +// @import "../template/mixins"; +// @import "../template/settings"; +// $heading2Size: 101px; +// @import "../template/theme"; + +@import url('https://free.bboxtype.com/embedfonts/?family=FiraSans:300,600'); +@font-face { + font-family: 'Fira Code'; + src: url('../../lib/font/fira-code/FiraCode-Regular.otf'); + font-weight: 400; +} +@font-face { + font-family: 'Fira Code'; + src: url('../../lib/font/fira-code/FiraCode-Bold.otf'); + font-weight: 700; +} + + +body { + font-family: 'Fira Sans'; + margin: 0; + line-height: 1.2em; + font-size: 1.5vw; +} + +section { + min-height: 100vh; + width: 100vw; + padding: 0 !important; +} + +.layout { + min-width: 100vw; + max-width: 100vw; + min-height: 100vh; + max-height: 100vh; + overflow: hidden; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 12fr; + background: linear-gradient(to right, #cccccc 0%, #cccccc 50%, #ffffff 50%, #ffffff 100%); + + &-title { + grid-column-end: span 2; + padding: 3.5vw calc(50% + 4vw) 0.5vw 4vw; + line-height: 1.15em; + } + + &-content-left { + overflow: auto; + padding: 4vw; + + *:first-child { + margin-top: 0 + } + } + + h2 { + margin: 0; + } + + ul { + list-style-type: disc; + padding-left: 0; + ul { + padding-left: 2vw; + } + } + + pre { + margin-left: -4vw; + padding-left: 4vw; + line-height: 1.2em; + position: relative; + overflow: hidden; + + &::before { + content: attr(data-sourcefile); + position: absolute; + top: .3em; + left: calc(1.5vw - 100%); + width: 100%; + text-align: right; + transform: rotate(-90deg); + transform-origin: 100% 50%; + color: #cccccc; + } + } + + code { + font-size: 0.9em; + font-family: 'Fira Code'; + } + + code.hljs { + padding: .3em 0; + } +} diff --git a/index.html b/index.html index 7f47636..ff5a1f1 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ reveal.js - + @@ -51,6 +51,11 @@ // - https://github.com/hakimel/reveal.js#configuration // - https://github.com/hakimel/reveal.js#dependencies Reveal.initialize({ + width: '100%', + height: '100%', + minScale: 1, + maxScale: 1, + margin: 0, math: { mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js', config: 'TeX-AMS_HTML-full' // See http://docs.mathjax.org/en/latest/config-files.html diff --git a/lib/font/fira-code/FiraCode-Bold.otf b/lib/font/fira-code/FiraCode-Bold.otf new file mode 100644 index 0000000..cea3cbd Binary files /dev/null and b/lib/font/fira-code/FiraCode-Bold.otf differ diff --git a/lib/font/fira-code/FiraCode-Light.otf b/lib/font/fira-code/FiraCode-Light.otf new file mode 100644 index 0000000..d6bb94b Binary files /dev/null and b/lib/font/fira-code/FiraCode-Light.otf differ diff --git a/lib/font/fira-code/FiraCode-Medium.otf b/lib/font/fira-code/FiraCode-Medium.otf new file mode 100644 index 0000000..04bf819 Binary files /dev/null and b/lib/font/fira-code/FiraCode-Medium.otf differ diff --git a/lib/font/fira-code/FiraCode-Regular.otf b/lib/font/fira-code/FiraCode-Regular.otf new file mode 100644 index 0000000..4770d16 Binary files /dev/null and b/lib/font/fira-code/FiraCode-Regular.otf differ diff --git a/lib/font/fira-code/FiraCode-Retina.otf b/lib/font/fira-code/FiraCode-Retina.otf new file mode 100644 index 0000000..6316cff Binary files /dev/null and b/lib/font/fira-code/FiraCode-Retina.otf differ diff --git a/sections/german/01/01.md b/sections/german/01/01.md index f6e94bd..ef105d4 100644 --- a/sections/german/01/01.md +++ b/sections/german/01/01.md @@ -1,2 +1,12 @@ # Was ist $\LaTeX$? +--- + +
+

Titel

+
+

Lorem Ipsum ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

+ 
bar
+
+ +
diff --git a/sections/german/04/04.md b/sections/german/04/04.md index 92ae51a..7aef056 100644 --- a/sections/german/04/04.md +++ b/sections/german/04/04.md @@ -10,16 +10,23 @@ Ein größeres LaTeX-Projekt anlegen und dabei ... --- -## Hauptdatei 👑 -* enthält wie immer `tex \begin{document}` und `tex \end{document}` -* Elemente wie Inhalts-, Literatur- und Abbildungsverzeichnis -* die Dateien mit den verschiedenen Teilabschnitten werden eingefügt mit - * `tex \input{filename.tex}` ODER - * `tex \include{filename}` +
-main.tex: -```tex -\documentclass{article} +

Hauptdatei 👑

+ +
+ + + +
\documentclass{article}
 \usepackage[ngerman]{babel}
 \usepackage[utf8]{inputenc}
 \usepackage[T1]{fontenc}
@@ -29,13 +36,19 @@ main.tex:
 	\input{abschnitt1.tex}
 	\input{abschnitt2.tex}
 \end{document}
-```
+
+ +
+ +
+![](sections/german/04/projekt_dokument.png) +
--- ## Datei mit Teilabschnitt * enthält **keine Präambel** -* enthält **kein** `tex \begin{document}` und `tex \end{document` +* enthält **kein** `\begin{document}` und `\end{document` abschnitt1.tex: ```tex @@ -55,17 +68,17 @@ Hier ein Absatz zum Inhalt von Abschnitt 1. --- -
+
- ```tex \input{filename.tex}``` + `\input{filename.tex}`
  • Dateiendung .tex angeben
    • -
  • Schachtelung möglich: Unterdateien können wiederum per `tex \input{}` andere Unterunterdateien einbinden
    • +
  • Schachtelung möglich: Unterdateien können wiederum per `\input{}` andere Unterunterdateien einbinden
  • Unterdatei wird im fertigen Dokument ohne Sprung auf neue Seite in Hauptdatei eingefügt
- ```tex \include{filename}``` + `\include{filename}`
  • Dateiendung .tex **nicht** angeben
  • Schachtelung nicht möglich
    • @@ -77,7 +90,7 @@ Hier ein Absatz zum Inhalt von Abschnitt 1. --- ## EXKURS: Dateipfade angeben 👣 -* wichtig für `tex \input{}` und `tex \include{}` sowie später für das Einbinden von Bildern +* wichtig für \input{}` und \include{}` sowie später für das Einbinden von Bildern * Datei- und Ordnerstruktur = Baumstruktur ![](sections/german/04/ordnerbaum.png) @@ -101,7 +114,7 @@ Hier ein Absatz zum Inhalt von Abschnitt 1. ### Relative Dateipfade * Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei * kürzer + weniger Schreibarbeit! :) -* bei `tex \input{}`und `tex \include{}` muss z.B. der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden +* bei \input{}`und \include{}` muss z.B. der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden --- @@ -121,7 +134,7 @@ Zwei Punkte referieren auf den Elternordner des Ordners, in dem die Datei liegt, --- -## Ende des Exkurses +## Ende des Exkurses --- @@ -131,9 +144,9 @@ Zwei Punkte referieren auf den Elternordner des Ordners, in dem die Datei liegt, --- -## Kompilieren des Projekts +## Kompilieren des Projekts * die Unterdateiten können wegen ihrer fehlenden Präambel nicht selbstständig kompiliert werden -* aber geschickter Trick bei `tex \include{}`: `tex \includeonly{file1,file2,...}` in die Präambel schreiben, um nur einzelne Unterdateien zu kompilieren +* aber geschickter Trick bei \include{}`: \includeonly{file1,file2,...}` in die Präambel schreiben, um nur einzelne Unterdateien zu kompilieren --- @@ -142,8 +155,7 @@ Zwei Punkte referieren auf den Elternordner des Ordners, in dem die Datei liegt, --- -### Ja, es kompiliert! +### Ja, es kompiliert! Ein einfacher weg, um die Hauptdatei noch übersichtlicher zu halten. ![](sections/german/04/main_und_unterdateien_inkl_header.png) -