Add skeleton remark framework for markdown slides

See https://remarkjs.com/ for details.
KCL-BMEIS · Sep 25, 2024 · 6840091 · 6840091
1 parent 82de158
commit 6840091
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,7 @@
-# OOP course
-Updated course for OOP
+# OOP-slides
+Slides for Object-Oriented Programming course
+
+
+## Testing Slides
+
+- [test](https://jdtournier.github.io/OOP-slides/test)
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,12 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely need to edit after that.
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+title: OOP Slides
+baseurl: /OOP-slides
+author: "J-Donald Tournier"
+description: Slides for the KCL BMEIS OOP course
diff --git a/_layouts/presentation.html b/_layouts/presentation.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ page.title | strip_html }}</title>
+    <style>
+      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+      @import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700,400italic);
+      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
+
+      body { font-family: 'Droid Sans'; }
+      h1, h2, h3 {
+        font-family: 'Yanone Kaffeesatz';
+        font-weight: normal;
+      }
+      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
+    </style>
+  </head>
+  <body>
+    <textarea id="source">
+{{ page.content }}
+    </textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js">
+    </script>
+    <script>
+      var slideshow = remark.create({
+        ratio: '16:9',
+        click: true,
+        slideNumberFormat: '%current%',
+        highlightLanguage: 'c++',
+        highlightLines: true,
+        highlightSpans: true,
+      });
+    </script>
+  </body>
+</html>
diff --git a/test.md b/test.md
@@ -0,0 +1,53 @@
+---
+layout: presentation
+title: test
+---
+
+# Object-Oriented Programming
+
+## Topics to be covered:
+
+- the command-line
+- navigating the filesystem
+- invoking the compiler
+- using an editor
+- writing our first `hello_world.cpp`
+
+
+---
+
+# Agenda
+
+1. Introduction
+2. Deep-dive
+3. ...
+
+[NOTE]: Note that you need active internet connection to access remark.js script file
+
+---
+
+# Hello World
+
+```
+#include <iostream>
+
+int main ()
+{
+* std::cout << "Hello World!" << std::endl;
+  return 0;
+}
+```
+
+---
+
+# Hello World
+
+```
+#include <iostream>
+
+int main ()
+{
+  std::cout << "Hello World!" << std::endl;
+  `return` 0;
+}
+```