Merge pull request #15 from yxzhan/main

Learning hub page block-based programming and edit textbook page

content/page/learninghub/_index.md

@@ -1,5 +1,3 @@
 [comment]: <> (without this comment hugo fails)
 
-<div>
-    <h1> Learning Hub </h1>
-</div>
+# Learning Hub

content/page/learninghub/block-based programming/buttons.json

@@ -0,0 +1,16 @@
+{
+  "options": {},
+  "actions": [
+    {
+      "name": "Try it out!",
+      "value": "run",
+      "description": "Online blockly playground",
+      "url": "https://binder.intel4coro.de/v2/gh/IntEL4CoRo/blockly-playground.git/main?labpath=examples/playground.jpblockly"
+    },
+    {
+      "name": "Source Code",
+      "value": "source",
+      "url": "https://github.com/IntEL4CoRo/blockly-playground"
+    }
+  ]
+}

content/page/learninghub/block-based programming/index.md

@@ -0,0 +1,30 @@
+---
+title: "Block-based Programming for Household Robots"
+date: 2024-01-27T14:33:42-04:00
+subtitle: "Visual Programming Interface"
+tags: ["Research", "Teaching", "Education"]
+dropCap: false
+displayInMenu: false
+displayInList: true
+draft: false
+resources:
+- name: ActionButtons
+  src: "buttons.json"
+---
+
+
+<!-- ![blockly](https://developers.google.com/static/blockly/images/logos/logo_built_on_dark_with_bg.png) -->
+Traditional text-based programming languages can pose a significant barrier to entry, especially for beginners and young learners. To address this challenge, we built a visual programming interface with [Blockly](https://developers.google.com/blockly) as an intuitive and user-friendly approach to robotics programming. This project aims to democratize access to robotics education and empower individuals of all ages and backgrounds to unleash their creativity in the field of robotics. Whether it's learning the fundamentals of programming or developing sophisticated robotic applications, such interface serves as a versatile and approachable tool for realizing innovative ideas in robotics.
+
+Feel free to try it out with the link below.
+
+{{<action_form data="ActionButtons">}}
+---
+
+<!--more-->
+### Example Video
+<video width="100%" height="480" controls>
+  <source src="https://iris.informatik.uni-bremen.de/videos/blockly-demo.mp4" type="video/mp4">
+</video>
+
+---

content/page/learninghub/textbook/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Intel4Coro Textbook"
 date: 2024-02-27T14:33:42-04:00
-subtitle: ""
+subtitle: "Open interactive textbook"
 tags: ["Research", "Writing", "Teaching", "Book", "Lecture"]
 dropCap: false
 displayInMenu: false
@@ -16,9 +16,10 @@ InteL4CoRo stands as a pioneering platform, combining the features of an interac
 its offerings into their learning and teaching strategies, fostering a dynamic, hands-on approach to understanding and innovating within the realm of cognitive robotics.
 
 For Detailed information click 
-<a href="https://iris.informatik.uni-bremen.de/textbook/content/0_Abstract.html">here!</a> 
+<a href="https://moodle.intel4coro.de/#Textbook" target="_blank">here!</a>
 
 <!--more-->
 
-
-<img src="textbook.png" width="200" alt=""/><br>
+---
+<iframe src="https://iris.informatik.uni-bremen.de/textbook/" width="100%" height=1300 style="border:none;box-shadow: 1px 1px 3px #000;" allowfullscreen></iframe>
+---

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     stdin_open: true
     tty: true
     user: root
-    command: hugo server
+    command: hugo server --buildDrafts --disableFastRender
     working_dir: /src
     ports:
       - 1313:1313

static/css/override.css

@@ -322,6 +322,10 @@ div.navbar-header a.navbar-brand:focus {
 h2.post-title {
   color: #0068b4;
 }
+
+a > h2.post-title:hover {
+  text-decoration: underline;
+}
 @media (prefers-color-scheme: dark) {
   h2.post-title {
     color: #89b4e1;