added presentation

static/intro-presentation/assets/li.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="3.4416504mm"
+   height="3.974951mm"
+   viewBox="0 0 3.4416504 3.974951"
+   version="1.1"
+   id="svg2252"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="li.svg">
+  <defs
+     id="defs2246">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1671">
+      <path
+         d="M 1.2871e-5,0 H 863.76001 V 485.88 H 1.2871e-5 Z"
+         id="path1669"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-397.78181"
+     inkscape:cy="-126.774"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2560"
+     inkscape:window-height="1356"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2249">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-88.237508,-111.31609)">
+    <g
+       id="g1665"
+       transform="matrix(0.35277777,0,0,-0.35277777,79.675749,244.90164)">
+      <g
+         id="g1667"
+         clip-path="url(#clipPath1671)">
+        <text
+           transform="matrix(1,0,0,-1,20.376,366.53)"
+           style="font-variant:normal;font-weight:normal;font-size:18px;font-family:'Wingdings 3';-inkscape-font-specification:Wingdings3;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="text1675">
+          <tspan
+             x="0"
+             y="0"
+             id="tspan1673"></tspan>
+        </text>
+      </g>
+    </g>
+  </g>
+</svg>

static/intro-presentation/assets/styles.css

@@ -0,0 +1,43 @@
+.text {
+  width: 490px;
+}
+
+.img-page > img{
+  width: 650px;
+  position: absolute;
+  bottom: 60px;
+  right: 40px;
+}
+
+.small-link {
+  font-size: 20px;
+}
+
+.go-btn {
+  text-decoration: none;
+  display: block;
+  position: absolute;
+  left: 390px;
+}
+
+.go-btn button {
+  color: #ffffff;
+  border-color: #008ecf;
+  background: linear-gradient(to bottom, #005691 0%, #005691 50%, #008ecf 50%, #008ecf 100%);
+  border-width: 1px;
+  line-height: 40px;
+  padding: 30px 60px;
+  font-size: 45px;
+  font-weight: 400;
+  vertical-align: middle;
+  text-align: center;
+  cursor: pointer;
+  transition: border, background cubic-bezier(0.38, 0.04, 0.35, 0.96) 600ms;
+  background-position: 0 0;
+  background-size: 100% 200%;
+}
+
+.go-btn button:hover {
+  outline: none;
+  background-position: 0 100%;
+}

static/intro-presentation/assets/styles_global.css

@@ -0,0 +1,130 @@
+:root {
+  --red: #ea0016;
+  --dark-blue: #005691;
+  --dark-blue-w75: #bfd5e3;
+  --dark-green: #006249;
+  --dark-green-w75: #bfd8d1;
+  --turquoise: #00a8b0;
+  --turquoise-w75: #bfe9eb;
+  --fuchsia: #b90276;
+  --fuchsia-w75: #edc0dd;
+  --light-gray: #bfc0c2;
+  --light-gray-w75: #efeff0;
+  --dark-gray: #525f6b;
+  --light-green: #78be20;
+}
+
+* {
+  font-family: "Bosch Office Sans", sans-serif;
+  font-weight: normal;
+}
+
+.remark-slide-number {
+  bottom: 38px;
+  left: 28px;
+  opacity: 1;
+  color: #979ea6;
+  font-size: 18px;
+}
+
+.footer {
+  color: #000;
+  position: absolute;
+  bottom: 10px;
+  font-size: 8.5px;
+  left: 39px;
+}
+
+.intern {
+  color: #d70011;
+  font-weight: bold;
+}
+
+.title {
+  background-image: url("./title.svg");
+  background-repeat: no-repeat;
+  background-size: cover;
+
+  color: #FFF;
+}
+
+.remark-slide-content {
+  padding: 24px 28px;
+}
+
+.title h1 {
+  font-size: 100px;
+  margin-top: 10px;
+}
+
+.title .remark-slide-number, .no-number .remark-slide-number {
+  display: none;
+}
+
+.content {
+  background-image: url("./content.svg");
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.content h1, .content h2 {
+  margin: 0;
+  font-size: 40px;
+}
+
+.content div.text {
+  margin-top: 28px;
+}
+
+.content .text ul {
+  margin: 0;
+  list-style: url("./li.svg");
+  padding-left: 32px;
+}
+
+.content .text li {
+  font-size: 26px;
+  margin-bottom: 8px;
+}
+
+.content .text li > ul {
+  margin-top: 8px;
+}
+
+.content .text li > ul li {
+  font-size: 23px;
+}
+
+.iframe-wrapper {
+  overflow: hidden;
+  height: 543px;
+}
+
+iframe {
+  border: 1px solid var(--light-gray);
+  -moz-transform: scale(0.8);
+  -moz-transform-origin: 0 0;
+}
+
+.img-max {
+  display: block;
+  height: 460px;
+}
+
+.img-max > img {
+  width: 100%;
+  height: 100%;
+}
+
+/*chapter themes*/
+.theme-dark-green h2 {
+  color: var(--dark-green);
+}
+
+.theme-turquoise h2 {
+  color: var(--turquoise);
+}
+
+.theme-dark-blue h2 {
+  color: var(--dark-blue);
+}