fix: Company adaptions

.github/workflows/js.yml

@@ -23,5 +23,6 @@ jobs:
     - run: npm install
     - run: npm run build --if-present
     - run: npm test
+    - run: npm run package && test -f presentation.pdf && test -f presentation.zip
       env:
         CI: true

.gitignore

@@ -8,4 +8,13 @@ out/
 log/*.log
 tmp/**
 node_modules/
-.sass-cache
+.sass-cache
+.vscode/ipch
+chrome-data
+start-*
+!export/**
+*.zip
+*.pdf
+*.orig
+publish
+package-lock.json

.vscode/extensions.json

@@ -0,0 +1,14 @@
+{
+    "recommendations": [
+        "doi.fileheadercomment",
+        "DotJoshJohnson.xml",
+        "eamodio.gitlens",
+        "EditorConfig.EditorConfig",
+        "evilz.vscode-reveal",
+        "ms-python.python",
+        "shd101wyy.markdown-preview-enhanced",
+        "sohamkamani.code-eol",
+        "Tyriar.shell-launcher",
+        "yzane.markdown-pdf"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,24 @@
+{
+    "files.autoGuessEncoding": false,
+    "files.encoding": "utf8",
+    "fileHeaderComment.parameter": {
+        "*": {
+            "commentbeg": "# ",
+            "commentpre": "# ",
+            "commentend": "#  ",
+            "bar": "=========================================================================================",
+            "barComment": "# ---------------------------------------------------------------------------------------",
+        }
+    },
+    "fileHeaderComment.template": {
+        "*": [
+            "${commentbeg}${bar}",
+            "${commentbeg} Technical Presentation",
+            "${commentbeg}",
+            "${commentbeg} @date ${date}",
+            "${commentbeg} @author ${authorName}, ${authorEmail}",
+            "${commentbeg}",
+            "${commentbeg}${bar}"
+        ]
+    },
+}

README.md

@@ -1,3 +1,30 @@
+# Technical Presentation
+
+This is a fork of [`revealjs`](https://github.com/hakimel/reveal.js) with some modifications to
+package to PDF and standalone HTML format. Also it includes a company `scss`
+file for design modifications.
+
+**See the [demo presentation here](https://gabyx.github.io/Technical-Presentation)**.
+
+## Examples
+
+- `npm install` -> Install all dependencies.
+- `npm run present` -> Presentation in Browser.
+- `npm run package` -> PDF & HTML and standalone `zip` file to distribute.
+
+## Modifications
+
+- Edit design in [`company.scss`](css/theme/source/company.scss).
+- Company Logo: Edit the file [`company-logo.svg`](css/theme/source/files/company-logo.svg).
+- Replace embedded image in [`company.scss`](css/theme/source/company.scss) with
+
+  ```shell
+  repl=$(cat css/theme/source/files/company-logo.svg | base64 -w 0| sed "s/\+/\\\+/g")
+  sed -i -E "s@background-image(.*);base64,.*\"@background-image\1;base64,$repl\"@" css/theme/source/company.scss
+  ```
+
+# RevealJS
+
 <p align="center">
   <a href="https://revealjs.com">
   <img src="https://hakim-static.s3.amazonaws.com/reveal-js/logo/v1/reveal-black-text-sticker.png" alt="reveal.js" width="500">
@@ -18,7 +45,9 @@ Want to create reveal.js presentation in a graphical editor? Try <https://slides
 ---
 
 ### Sponsors
+
 Hakim's open source work is supported by <a href="https://github.com/sponsors/hakimel">GitHub sponsors</a>. Special thanks to:
+
 <div align="center">
   <table>
     <td align="center">
@@ -38,13 +67,15 @@ Hakim's open source work is supported by <a href="https://github.com/sponsors/ha
 ---
 
 ### Getting started
+
 - 🚀 [Install reveal.js](https://revealjs.com/installation)
 - 👀 [View the demo presentation](https://revealjs.com/demo)
 - 📖 [Read the documentation](https://revealjs.com/markup/)
 - 🖌 [Try the visual editor for reveal.js at Slides.com](https://slides.com/)
 - 🎬 [Watch the reveal.js video course (paid)](https://revealjs.com/course)
 
---- 
+---
+
 <div align="center">
   MIT licensed | Copyright © 2011-2023 Hakim El Hattab, https://hakim.se
 </div>

css/theme/template/settings.scss

@@ -12,6 +12,9 @@ $mainColor: #eee;
 // Vertical spacing between blocks of text
 $blockMargin: 20px;
 
+// Image
+$imgBorderSize: 4px;
+
 // Headings
 $headingMargin: 0 0 $blockMargin 0;
 $headingFont: 'League Gothic', Impact, sans-serif;
@@ -29,6 +32,7 @@ $heading3Size: 1.55em;
 $heading4Size: 1.00em;
 
 $codeFont: monospace;
+$codeFontSize: 0.55em;
 
 // Links and actions
 $linkColor: #13DAEC;

css/theme/template/theme.scss

@@ -173,8 +173,8 @@
 	margin: var(--r-block-margin) auto;
 
 	text-align: left;
-	font-size: 0.55em;
-	font-family: var(--r-code-font);
+	font-size: $codeFontSize;
+	font-family: $codeFont;
 	line-height: 1.2em;
 
 	word-wrap: break-word;

demo.html

@@ -19,7 +19,20 @@
 		<link rel="stylesheet" href="dist/theme/black.css" id="theme">
 
 		<!-- Theme used for syntax highlighting of code -->
-		<link rel="stylesheet" href="plugin/highlight/monokai.css">
+		<link rel="stylesheet" href="plugin/highlight/styles/monokai.css">
+
+		<!-- Printing and PDF exports -->
+		<script>
+			var link = document.createElement( 'link' );
+			link.rel = 'stylesheet';
+			link.type = 'text/css';
+			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
+			document.getElementsByTagName( 'head' )[0].appendChild( link );
+		</script>
+
+		<!--[if lt IE 9]>
+		<script src="lib/js/html5shiv.js"></script>
+		<![endif]-->
 	</head>
 
 	<body>

dist/theme/beige.css

@@ -217,7 +217,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
   margin: var(--r-block-margin) auto;
   text-align: left;
   font-size: 0.55em;
-  font-family: var(--r-code-font);
+  font-family: monospace;
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);

dist/theme/black-contrast.css

@@ -213,7 +213,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
   margin: var(--r-block-margin) auto;
   text-align: left;
   font-size: 0.55em;
-  font-family: var(--r-code-font);
+  font-family: monospace;
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);

dist/theme/black.css

@@ -210,7 +210,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
   margin: var(--r-block-margin) auto;
   text-align: left;
   font-size: 0.55em;
-  font-family: var(--r-code-font);
+  font-family: monospace;
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);

dist/theme/blood.css

@@ -216,7 +216,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
   margin: var(--r-block-margin) auto;
   text-align: left;
   font-size: 0.55em;
-  font-family: var(--r-code-font);
+  font-family: monospace;
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);