2024-07-09 16:03:35 +02:00
<!doctype html>
< html lang = "de" >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=1920" / >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< title > Ansible Collections | MRMCD2024< / title >
< meta name = "description" content = "impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com." / >
< meta name = "author" content = "L3D & Loppermann" / >
< link href = "//fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel = "stylesheet" / >
< link href = "css/impress-demo.css" rel = "stylesheet" / >
< link href = "css/impress-common.css" rel = "stylesheet" / >
< link rel = "shortcut icon" href = "favicon.png" / >
< link rel = "icon" href = "favicon.svg" type = "image/svg+xml" >
< / head >
< body class = "impress-not-supported" >
< div class = "fallback-message" >
< p > Your browser < b > doesn't support the features required< / b > by impress.js, so you are presented with a simplified version of this presentation.< / p >
< p > For the best experience please use the latest < b > Chrome< / b > , < b > Safari< / b > or < b > Firefox< / b > browser.< / p >
< / div >
< div id = "impress"
data-transition-duration="1000"
data-width="1920"
data-height="1080"
data-max-scale="3"
data-min-scale="0"
data-perspective="1000"
data-autoplay="0">
< div id = "ahoi" class = "step slide" data-x = "-1000" data-y = "-1500" data-autoplay = "10" >
< q > Ahoi, ihr Seemenschen!< br / >
Die MRMCDs haben seit 20 Jahren ihr Seepferdchen und dieses Jahr hissen wir die Flagge mit dem Motto < b > „Land in Sicht?“< / b > .
Die digitale Welt ist ein stürmisches Meer voller unbekannter Gefahren...< / q >
< / div >
< div class = "step slide" data-x = "0" data-y = "-1500" >
< script src = "https://asciinema.org/a/656354.js" id = "asciicast-656354" async = "true" > < / script >
< / div >
< div class = "step slide" data-x = "1000" data-y = "-1500" >
< q > Would you like to < strong > impress your audience< / strong > with < strong > stunning visualization< / strong > of your talk?< / q >
< / div >
< div id = "title" class = "step" data-x = "0" data-y = "0" data-scale = "4" >
< span class = "try" > then you should try< / span >
< h1 > impress.js< sup > *< / sup > < / h1 >
< span class = "footnote" > < sup > *< / sup > no rhyme intended< / span >
< / div >
< div id = "its" class = "step" data-x = "850" data-y = "3000" data-rotate = "90" data-scale = "5" >
< p > It’ < strong > presentation tool< / strong > < br / >
inspired by the idea behind < a href = "http://prezi.com" > prezi.com< / a > < br / >
and based on the < strong > power of CSS3 transforms and transitions< / strong > in modern browsers.< / p >
< / div >
< div id = "big" class = "step" data-x = "3500" data-y = "2100" data-rotate = "180" data-scale = "6" >
< p > visualize your < b > big< / b > < span class = "thoughts" > thoughts< / span > < / p >
< / div >
< div id = "tiny" class = "step" data-x = "2825" data-y = "2325" data-z = "-3000" data-rotate = "300" data-scale = "1" >
< p > and < b > tiny< / b > ideas< / p >
< / div >
< div id = "ing" class = "step" data-x = "3500" data-y = "-850" data-z = "0" data-rotate = "270" data-scale = "6" >
< p > by < b class = "positioning" > positioning< / b > , < b class = "rotating" > rotating< / b > and < b class = "scaling" > scaling< / b > them on an infinite canvas< / p >
< / div >
< div id = "imagination" class = "step" data-x = "6700" data-y = "-300" data-scale = "6" >
< p > the only < b > limit< / b > is your < b class = "imagination" > imagination< / b > < / p >
< / div >
< div id = "source" class = "step" data-x = "6300" data-y = "2000" data-rotate = "20" data-scale = "4" >
< p > want to know more?< / p >
< q > < a href = "http://github.com/impress/impress.js" > use the source< / a > , Luke!< / q >
< / div >
< div id = "one-more-thing" class = "step" data-x = "6000" data-y = "4000" data-scale = "2" >
< p > one more thing...< / p >
< / div >
< div id = "its-in-3d" class = "step" data-x = "6200" data-y = "4300" data-z = "-100" data-rotate-x = "-40" data-rotate-y = "10" data-scale = "2" >
< p > < span class = "have" > have< / span > < span class = "you" > you< / span > < span class = "noticed" > noticed< / span > < span class = "its" > it’ < / span > < span class = "in" > in< / span > < b > 3D< sup > *< / sup > < / b > ?< / p >
< span class = "footnote" > * beat that, prezi ;)< / span >
< / div >
< div id = "overview" class = "step" data-x = "3000" data-y = "1500" data-z = "0" data-scale = "10" >
< / div >
< / div >
< div id = "impress-toolbar" > < / div >
< div class = "hint" >
< p > Use a spacebar or arrow keys to navigate. < br / >
Press 'P' to launch speaker console.< / p >
< / div >
< script >
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "< p > Swipe left or right to navigate< / p > ";
}
< / script >
< script src = "js/impress.js" > < / script >
< script > impress ( ) . init ( ) ; < / script >
< / body >
2024-07-09 15:24:52 +02:00
< / html >
