Joren/blog-howest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

post1

Browse Source
This commit is contained in:
Joren 2025-05-29 17:28:25 +02:00
parent 44290e3ccc
commit d3499f20af
Signed by: Joren
GPG Key ID: 280E33DFBC0F1B55
46 changed files with 947 additions and 5377 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/blog/blog-2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 57 KiB

16
content/_index.md
View File

@ -14,9 +14,7 @@ banner:
additional_info:
- title: "Email"
content: "jorenschipman@gmail.com"
- title: "Phone"
content: "+32 456 06 92 55"
content: "jorensc@riseup.net"
- title: "Age"
content: "21 years"
- title: "Languages"
@ -131,20 +129,16 @@ contact:
contact_info:
title: "Contact"
subtitle: "Feel free to reach out—I'm always open to new opportunities and collaborations."
subtitle: "Feel free to reach out, I'm always open to new opportunities and collaborations."
contact_details:
- name: "Call"
icon: "fa-solid fa-phone-volume"
content: "[+32 456 06 92 55](tel:+32456069255)"
- name: "Mail"
icon: "fa-solid fa-envelope"
content: "[jorenschipman@gmail.com](mailto:jorenschipman@gmail.com)"
content: "[jorensc@riseup.net](mailto:jorensc@riseup.net)"
- name: "Address"
- name: "Location"
icon: "fa-solid fa-location-dot"
content: "Kapelseweg 58a, 2811 Mechelen"
content: "Mechelen"
- name: "LinkedIn"
icon: "fa-brands fa-linkedin"

197
content/blog/post-1.md
View File

@ -1,162 +1,57 @@
---
title: "Publishing and graphic desi"
image: "images/blog/blog-1.jpg"
date: "2022-01-01 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["book", "last hope"]
title: "Cyber Defence on the Digital Frontline: A Mission with NATO"
image: "images/blog/blog-2.jpg"
date: "2025-05-13 00:00:00 +0000 UTC"
description: "An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields."
categories: ["cybersecurity", "event recap"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Cyber Defence on the Digital Frontline: A Mission with NATO
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
#### On a Mission with NATO: Cyber Defence on the Frontline
Howest’s ongoing commitment to world-class cybersecurity training took center stage again as six lecturers from the Cyber Security program joined forces with experts from Latvia, Luxembourg and Belgium in one of NATO's most intensive simulations: the Locked Shields exercise, hosted by the Cooperative Cyber Defence Centre of Excellence (CCDCOE). Now in its fifth year of participation, the Howest team shared their firsthand experiences at a special evening talk at Howest Bruges.
#### The Exercise: Locked Shields
Locked Shields is no ordinary simulation. It is a full-scale, live-fire cyber defence exercise involving more than 6,000 machines and a narrative scenario so detailed it includes geopolitics, disinformation and even fictional countries. This year, the Blue Team 03 (our team) defended a simulated nation’s critical infrastructure including power plants, satellites, 5G networks and banking systems, all while under constant attack from a coordinated Red Team using automated scripts and over 28,000 attacks across two days.
And yes, every team (Red, Blue, Yellow, White) uses Ansible. For everything.
#### High Stakes, Real Lessons
What do you do when a rogue process might be malware, or maybe just a poorly named service? What happens when your teammate refuses to act unless something is “officially malicious”? The team faced cultural clashes, communication breakdowns and stress-testing of both systems and people.
The exercise required more than technical fixes. It demanded communication with simulated commanders, media and public stakeholders. Reporting became just as important as patching. It taught participants how to translate technical impact into real-world consequences. Not "port 8443 unreachable", but "our air defence system is degraded, and we cannot fly planes".
#### The Black Team: Rapid Response in Action
A new but powerful presence in the simulation was the Black Team, a rapid-response unit deployed when problems became too complex for any single team. Acting like special forces, they jumped in when incidents crossed team boundaries or demanded unconventional solutions. Their mission was to find out what was happening, assess the impact and suggest fast, creative responses. Introduced just last year, this team quickly proved its value again in 2025. They even embraced the role with style — “you can wear sunglasses inside” became their unofficial motto.
Their presence underlined a critical lesson: not every problem fits neatly within a team’s silo. Real-world defence requires flexibility, speed and lateral thinking.
#### Highlights and Blooper Reel
There were plenty of mishaps. Misfired scripts, team mix-ups, and one case where a DNS setup from a previous year was reused by mistake. Someone tried renaming `cut` to `shutdown`, breaking essential operations until it was fixed. Systems rebooted into chaos, a manual was uploaded to public GitHub, and the team had to quickly learn the difference between symbolic links and real binaries.
#### Human Factors and Growth
From detecting malware with Velociraptor and Q9, to encountering teammates who took orders literally, the learning was intense. One participant noted that while Belgian and Luxembourg teams prioritized knowledge sharing, others preferred strict protocol. This highlighted cultural differences and the importance of interpersonal skills.
The biggest lesson? You are never fully prepared. Every iteration of Locked Shields is different. But each one sharpens not only your skills, but also your ability to function as a team under extreme conditions.
#### From the Battlefield to the Classroom
This experience directly impacts the classroom. Inspired by the exercise, Howest is introducing new hands-on courses like “Glutamine” in semester five. Students will be dropped into realistic broken networks, with misconfigurations, fake firewalls and simulated threats. It is chaos, but controlled. And that is the point.
As one speaker said: “You don’t win Locked Shields. You just survive it better than the rest.”
<hr>
##### Emphasis
#### Final Thoughts
Emphasis, aka italics, with *asterisks* or _underscores_.
The exercise teaches more than just cybersecurity. It builds trust. It proves that knowing your teammates can be as important as knowing the tools. Whether that comes from a shared flight or a pre-exercise barbecue, it all matters when the pressure hits.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Want to see how cyber defence works in real life? This is it.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/blog/blog-5.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

163
content/blog/post-2.md
View File

@ -1,163 +0,0 @@
---
title: "New Friends Everyday at Kiddie"
image: "images/blog/blog-2.jpg"
date: "2022-01-02 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["writing"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/gallery/project-3.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

163
content/blog/post-3.md
View File

@ -1,163 +0,0 @@
---
title: "In publishing and graphic desi"
image: "images/blog/blog-3.jpg"
date: "2022-01-03 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["book rack"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/gallery/project-3.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

163
content/blog/post-4.md
View File

@ -1,163 +0,0 @@
---
title: "Latter match class room"
image: "images/blog/blog-4.jpg"
date: "2022-01-04 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["class room"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/gallery/project-3.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

163
content/blog/post-5.md
View File

@ -1,163 +0,0 @@
---
title: "variation of the ordinary lor"
image: "images/blog/blog-5.jpg"
date: "2022-01-05 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["library"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/gallery/project-3.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

163
content/blog/post-6.md
View File

@ -1,163 +0,0 @@
---
title: "Testing is a great thing"
image: "images/blog/blog-3.jpg"
date: "2022-01-06 00:00:00 +0000 UTC"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu,"
categories: ["book rack"]
draft: false
---
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.themefisher.com
[1]: https://gethugothemes.com
[link text itself]: https://www.getjekyllthemes.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
{{< notice note >}}This is a simple note{{</ notice >}}
{{< notice tip >}}This is a simple note{{</ notice >}}
{{< notice info >}}This is a simple note{{</ notice >}}
{{< notice warning >}}This is a simple note{{</ notice >}}
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
{{< image src="images/gallery/project-3.jpg" caption="an image caption" alt="alter-text" height="425" width="860" position="center" command="fit" option="q100" class="img-fluid" title="image title" >}}
<hr>
##### Youtube video
{{< youtube ResipmZmpDU >}}

124
content/project/project-1.md
View File

@ -1,44 +1,122 @@
---
title: "Book hardcover"
title: "DRMDTool Project"
image: "/images/project/project-1.jpg"
date: "2022-01-01 00:00:00 +0000 UTC"
description: "Three automated reports are created for Boston EMS to indicate the details about incidents in Boston."
date: "2025-05-21 00:00:00 +0000 UTC"
description: "DRMDTool is a complete solution for handling `.drmd` files with automated decryption and downloading via N\_m3u8DL-RE, watch folder monitoring, and a rich web UI."
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
DRMDTool is an automation-centric utility designed to streamline the processing of `.drmd` files by tightly integrating with the N\_m3u8DL-RE downloader. The tool offers robust automation via a watch folder and an intuitive web-based interface, significantly reducing the friction for managing and processing DRM-protected streaming content.
<br>
### Project Goal
### What’s New
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
DRMDTool has evolved into a comprehensive platform for batch downloading with enhanced support for user interaction and background processing. It features granular job tracking, dynamic download control (pause, resume, abort), and a refined WebSocket-based console for real-time command output. Subtitle handling now includes automatic downloading and conversion from VTT to SRT, and the downloader adapts based on metadata, organizing content into categorized directories.
<br>
When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.
### Goals and Use Case
<br>
<!-- internal link -->
{{< gallery dir="images/gallery">}}
The primary aim is to automate `.drmd` file processing with minimal manual input. Users can configure download formats, specify directories, and enable real-time command broadcasting. DRMDTool is suitable for both interactive use through a web UI and headless automation in pipelines, supporting inotify or polling-based folder watching.
<br>
### Solution
### How `.drmd` Files Work
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
A `.drmd` file is a structured JSON document that defines one or more encrypted media items to be processed by DRMDTool. It contains an `Items` array, with each item representing a specific media job. DRMDTool parses these entries to generate download commands for N\_m3u8DL-RE.
Each item includes:
* **MPD**: A DASH manifest, either a direct URL or a base64-encoded version. If base64-encoded, DRMDTool decodes and temporarily saves it before use.
* **Keys**: A comma-separated list of **KID\:key** pairs (e.g., `abcd1234ef567890:00112233445566778899aabbccddeeff`). These are required for decrypting encrypted media streams and are passed directly to N\_m3u8DL-RE using `--key` flags.
* **Filename**: The name to be used for the final output file.
* **Subtitles**: Comma-separated list of subtitle URLs in `.vtt` format. DRMDTool downloads and converts these to `.srt`, then muxes them into the final file.
* **Metadata**: A semicolon-separated string like `Title;Type;Season` (e.g., `Example Show;serie;1`) used to determine directory structure (`Movies/Title` or `Series/Title/Season`).
* **Description** and **Poster**: Optional fields used only for display in the web UI.
#### Example `.drmd` Structure
```json
{
"Items": [
{
"MPD": "aHR0cHM6Ly9leGFtcGxlLmNvbS9zdHJlYW0ubXBk",
"Keys": "abcd1234ef567890:00112233445566778899aabbccddeeff",
"Filename": "ExampleShow.S01E01",
"Subtitles": "https://example.com/sub1.vtt,https://example.com/sub2.vtt",
"Metadata": "Example Show;serie;1",
"Description": "Pilot episode",
"Poster": ""
}
]
}
```
### Processing Steps
1. **Detection**: DRMDTool either watches a folder or receives `.drmd` uploads through the web UI.
2. **Validation**: It waits for the file to finish writing (based on file size stability), then parses its contents.
3. **MPD Handling**: If base64-encoded, the MPD is decoded and written to a temp file; otherwise, the URL is fetched or passed as-is.
4. **Command Generation**: Using the MPD, `KID:key` pairs, output paths, and subtitles, DRMDTool builds a command line for N\_m3u8DL-RE.
5. **Execution**: The download is launched with live progress tracking. Users can pause, resume, or abort jobs, and optionally stream console output via WebSocket.
These files serve as portable job definitions. When DRMDTool detects or receives a `.drmd` file, it parses the items, decodes or downloads the MPD, applies the keys, and builds a download command using N\_m3u8DL-RE. Files are saved in organized directories like `Movies/Title` or `Series/Title/Season`, and subtitles are embedded if available. Pausing, resuming, and aborting downloads is supported per file.
<br>
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
### Architecture Overview
The configuration is handled via `config.toml`, with environment variable overrides for containerized or dynamic deployments. Once started, the tool can either monitor a specified folder or allow file uploads through the UI. Each `.drmd` file is parsed, grouped by series and season (if applicable), and processed sequentially with support for job pausing and resuming.
<br>
### Web UI & CLI
To use:
```
./drmdtool
```
Visit `http://localhost:8080` for the web interface, which supports drag-and-drop uploads, selection of episodes or movies, and real-time progress tracking. For headless operation:
```
./drmdtool -f /path/to/file.drmd
```
Jobs can be paused, resumed, or aborted through the web interface, which reflects the backend state via live updates.
<br>
### Enhanced Download Logic
DRMDTool dynamically builds download commands using metadata from `.drmd` files and user preferences. It ensures that only the highest quality streams are kept, removing ad periods and duplicate segments from the MPD files. Subtitles are fetched and embedded automatically. Jobs are tracked with robust state management and logs for debugging and visibility.
<br>
### Repository
Code and setup instructions are hosted here:
[https://git.directme.in/Joren/DRMDTool](https://git.directme.in/Joren/DRMDTool)
# DRMDtool
For advanced usage details, customization, and API structure, refer to the `README.md` in the repository.
## UI Previews
### Index Page
![Index Page](images/index.png)
### Select Page
![Select Page](images/select.png)
### Progress Page
![Progress Page](images/progress.png)

43
content/project/project-2.md
View File

@ -1,43 +0,0 @@
---
title: "Foster Youth in Ma Schools"
image: "images/project/project-2.jpg"
date: "2022-01-02 00:00:00 +0000 UTC"
description: "Indicate the layers of school issues that are impacting foster youth in Massachusetts schools."
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
### Project Goal
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.
<br>
<!-- internal link -->
{{< gallery dir="images/gallery">}}
<br>
### Solution
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

43
content/project/project-3.md
View File

@ -1,43 +0,0 @@
---
title: "Book Mockup"
image: "images/project/project-3.jpg"
date: "2022-01-03 00:00:00 +0000 UTC"
description: "Machine Learning Algorithms to study the impact of different items on price and satisfaction of customers, and predict the strictness/flexibility of hosts according to their notes on Airbnb website for Airbnb listings in Boston."
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
### Project Goal
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.
<br>
<!-- internal link -->
{{< gallery dir="images/gallery">}}
<br>
### Solution
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

43
content/project/project-4.md
View File

@ -1,43 +0,0 @@
---
title: "Autumn Cartoon Fun"
image: "images/project/project-4.jpg"
date: "2022-01-04 00:00:00 +0000 UTC"
description: "Defining the Airbnb quality metrics in Boston including the impact of noise disturbance, host’s policies and customer’s rating on price per night."
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
### Project Goal
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.
<br>
<!-- internal link -->
{{< gallery dir="images/gallery">}}
<br>
### Solution
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

43
content/project/project-5.md
View File

@ -1,43 +0,0 @@
---
title: "Machine Learning for Airbnb Data"
image: "images/project/project-5.jpg"
date: "2022-01-05 00:00:00 +0000 UTC"
description: "Machine Learning Algorithms to study the impact of different items on price and satisfaction of customers, and predict the strictness/flexibility of hosts according to their notes on Airbnb website for Airbnb listings in Boston."
draft: false
---
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
### Project Goal
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.
<br>
<!-- internal link -->
{{< gallery dir="images/gallery">}}
<br>
### Solution
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<br>
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

34
hugo_stats.json
View File

@ -131,7 +131,6 @@
"fa-network-wired",
"fa-paper-plane",
"fa-person-chalkboard",
"fa-phone-volume",
"fa-screwdriver-wrench",
"fa-shield-halved",
"fa-solid",
@ -148,8 +147,6 @@
"fw-medium",
"fw-normal",
"fw-semibold",
"gallery",
"gallery-item",
"gap-3",
"gap-4",
"gap-5",
@ -266,39 +263,66 @@
"warning"
],
"ids": [
"architecture-overview",
"banner",
"blockquote",
"blog",
"caption-an image caption",
"code-and-syntax-highlighting",
"contact",
"cyber-defence-on-the-digital-frontline-a-mission-with-nato",
"drmdtool",
"email",
"emphasis",
"enhanced-download-logic",
"example-drmd-structure",
"final-thought",
"final-thoughts",
"firstName",
"five-things-i-took-away",
"from-the-battlefield-to-the-classroom",
"goals-and-use-case",
"heading-1",
"heading-2",
"heading-3",
"heading-4",
"heading-5",
"heading-6",
"high-stakes-real-lessons",
"highlights-and-blooper-reel",
"how-drmd-files-work",
"human-factors-and-growth",
"image",
"index-page",
"inline-html",
"its-not-just-tech",
"lastName",
"link",
"message",
"navbar",
"on-a-mission-with-nato-cyber-defence-on-the-frontline",
"ordered-list",
"paragraph",
"phone",
"portfolio",
"project-goal",
"processing-steps",
"progress-page",
"repository",
"resume",
"select-page",
"sidebarContent",
"skill",
"solution",
"tables",
"the-black-team-rapid-response-in-action",
"the-exercise-locked-shields",
"toggler",
"ui-previews",
"unordered-list",
"web-ui--cli",
"what-even-is-locked-shields",
"whats-new",
"why-it-mattered",
"you-cant-prepare-for-this",
"youtube-video"
]
}

40
public/404.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>404 Page not found</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/404.html" />
<base href="http://192.168.90.54:1313/404.html" />
@ -154,8 +154,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -182,7 +182,7 @@
<meta property="og:title" content="Professors - Personal Portfolio Theme" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/404.html" />
<meta property="og:url" content="http://192.168.90.54:1313/404.html" />
<meta name="twitter:title" content="Professors - Personal Portfolio Theme" />
@ -266,7 +266,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -295,27 +295,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -376,7 +376,7 @@
<div class="row h-100 align-items-center">
<div class="col-lg-10 mx-auto text-center">
<h1>404 Page Not Found!</h1>
<a href="/professors/site" class="btn btn-primary"
<a href="/" class="btn btn-primary"
>Back To Home</a
>
</div>
@ -9186,7 +9186,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

729
public/blog/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Recent Articles</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/" />
<base href="http://192.168.90.54:1313/blog/" />
@ -156,8 +156,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -184,7 +184,7 @@
<meta property="og:title" content="Recent Articles" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/" />
<meta name="twitter:title" content="Recent Articles" />
@ -268,7 +268,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -297,27 +297,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -390,7 +390,7 @@
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-6/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<a href="/blog/post-1/" class="rounded-2 overflow-hidden" data-aos="fade-up">
@ -464,16 +464,38 @@
<picture>
<source
srcset="/images/blog/blog-2_hu_dcdbc2fa445f98d0.webp"
media="(max-width: 575px)" />
<source
srcset="/images/blog/blog-2_hu_f9ab0f5f2b4013b3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/blog/blog-2_hu_4b1782fd1a15e83b.webp"
media="(max-width: 991px)" />
<source
srcset="/images/blog/blog-2_hu_c69497547b6be0b8.webp"
/>
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="Testing is a great thing"
loading="lazy" decoding="async"
src="/images/blog/blog-2_hu_8dd81870b6dccbe7.jpg"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
alt="Cyber Defence on the Digital Frontline: A Mission with NATO"
width="768"
height="512" />
</picture>
@ -490,665 +512,30 @@
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>06 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>13 May 2025
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
<a href="http://192.168.90.54:1313/categories/cybersecurity" class="meta-link">Cybersecurity</a>,
<a href="http://192.168.90.54:1313/categories/event-recap" class="meta-link">Event Recap</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-6/">Testing is a great thing</a>
<a class="text-white" href="/blog/post-1/">Cyber Defence on the Digital Frontline: A Mission with NATO</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
<p class="card-text mb-4">An inside look into Howest’s participation in NATO’s world-leading cyber defence …</p>
</div>
<a href="/professors/site/blog/post-6/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-5/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<img
src="/professors/site/images/blog/blog-5_hu_1fa9c9461e8a5b22.webp" loading="lazy"
decoding="async" alt="variation of the ordinary lor"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-5.jpg';" />
</a>
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>05 Jan 2022
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/library" class="meta-link">Library</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-5/">variation of the ordinary lor</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-5/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-4/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<img
src="/professors/site/images/blog/blog-4_hu_bf89f52c40e687e9.webp" loading="lazy"
decoding="async" alt="Latter match class room"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-4.jpg';" />
</a>
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>04 Jan 2022
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/class-room" class="meta-link">Class Room</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-4/">Latter match class room</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-4/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-3/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="In publishing and graphic desi"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
</a>
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>03 Jan 2022
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-3/">In publishing and graphic desi</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-3/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-2/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<img
src="/professors/site/images/blog/blog-2_hu_c8b71bdb358d263a.webp" loading="lazy"
decoding="async" alt="New Friends Everyday at Kiddie"
class=" w-100 img"
width="346"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-2.jpg';" />
</a>
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>02 Jan 2022
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/writing" class="meta-link">Writing</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-2/">New Friends Everyday at Kiddie</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-2/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-1/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<img
src="/professors/site/images/blog/blog-1_hu_fa6a5ad626b60663.webp" loading="lazy"
decoding="async" alt="Publishing and graphic desi"
class=" w-100 img"
width="346"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-1.jpg';" />
</a>
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>01 Jan 2022
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/book" class="meta-link">Book</a>,
<a href="http://localhost:1313/professors/site/categories/last-hope" class="meta-link">Last Hope</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-1/">Publishing and graphic desi</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-1/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
<a href="/blog/post-1/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
@ -9964,7 +9351,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

51
public/blog/index.xml
View File

@ -2,53 +2,18 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Recent Articles on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/blog/</link>
<link>http://192.168.90.54:1313/blog/</link>
<description>Recent content in Recent Articles on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Thu, 06 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/blog/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Tue, 13 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://192.168.90.54:1313/blog/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Testing is a great thing</title>
<link>http://localhost:1313/professors/site/blog/post-6/</link>
<pubDate>Thu, 06 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-6/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>variation of the ordinary lor</title>
<link>http://localhost:1313/professors/site/blog/post-5/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-5/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Latter match class room</title>
<link>http://localhost:1313/professors/site/blog/post-4/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-4/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>In publishing and graphic desi</title>
<link>http://localhost:1313/professors/site/blog/post-3/</link>
<pubDate>Mon, 03 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-3/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>New Friends Everyday at Kiddie</title>
<link>http://localhost:1313/professors/site/blog/post-2/</link>
<pubDate>Sun, 02 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-2/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Publishing and graphic desi</title>
<link>http://localhost:1313/professors/site/blog/post-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-1/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
<link>http://192.168.90.54:1313/blog/post-1/</link>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/blog/post-1/</guid>
<description>&lt;h1 id=&#34;cyber-defence-on-the-digital-frontline-a-mission-with-nato&#34;&gt;Cyber Defence on the Digital Frontline: A Mission with NATO&lt;/h1&gt;&#xA;&lt;h4 id=&#34;on-a-mission-with-nato-cyber-defence-on-the-frontline&#34;&gt;On a Mission with NATO: Cyber Defence on the Frontline&lt;/h4&gt;&#xA;&lt;p&gt;Howest’s ongoing commitment to world-class cybersecurity training took center stage again as six lecturers from the Cyber Security program joined forces with experts from Latvia, Luxembourg and Belgium in one of NATO&amp;rsquo;s most intensive simulations: the Locked Shields exercise, hosted by the Cooperative Cyber Defence Centre of Excellence (CCDCOE). Now in its fifth year of participation, the Howest team shared their firsthand experiences at a special evening talk at Howest Bruges.&lt;/p&gt;</description>
</item>
</channel>
</rss>

536
public/blog/post-1/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Publishing and graphic desi</title>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
<meta
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-1/" />
<base href="http://192.168.90.54:1313/blog/post-1/" />
@ -81,7 +81,7 @@
<title>Publishing and graphic desi</title>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
@ -106,7 +106,7 @@
<meta
name="description"
content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
@ -159,15 +159,15 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-1.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-1.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-2.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-2.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
<meta property="og:image:width" content="346" />
<meta property="og:image:height" content="266" />
<meta property="og:image:width" content="768" />
<meta property="og:image:height" content="512" />
@ -184,14 +184,14 @@
<meta property="og:title" content="Publishing and graphic desi" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:title" content="Cyber Defence on the Digital Frontline: A Mission with NATO" />
<meta property="og:description" content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-1/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-1/" />
<meta name="twitter:title" content="Publishing and graphic desi" />
<meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta name="twitter:title" content="Cyber Defence on the Digital Frontline: A Mission with NATO" />
<meta name="twitter:description" content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -383,27 +383,27 @@
<div class="col-xxl-10 mx-auto" data-aos="fade-up" data-aos-delay="100">
<article>
<button class="text-primary mb-5 border-0 bg-transparent" onclick="history.back()"><i class="fa-solid fa-backward me-2"></i>Back</button>
<h1 class="text-capitalize h3 mb-4">Publishing and graphic desi</h1>
<h1 class="text-capitalize h3 mb-4">Cyber Defence on the Digital Frontline: A Mission with NATO</h1>
<div class="post-meta d-flex flex-wrap flex-lg-nowrap align-items-center mb-4">
<ul class="list-inline me-5">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>01 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>13 May 2025
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/book" class="meta-link">Book</a>,
<a href="http://192.168.90.54:1313/categories/cybersecurity" class="meta-link">Cybersecurity</a>,
<a href="http://localhost:1313/professors/site/categories/last-hope" class="meta-link">Last Hope</a>
<a href="http://192.168.90.54:1313/categories/event-recap" class="meta-link">Event Recap</a>
</li>
</ul>
<span>Last updated on Jan 1, 2022</span>
<span>Last updated on May 13, 2025</span>
</div>
@ -481,16 +481,38 @@
<picture>
<source
srcset="/images/blog/blog-2_hu_dcdbc2fa445f98d0.webp"
media="(max-width: 575px)" />
<source
srcset="/images/blog/blog-2_hu_f9ab0f5f2b4013b3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/blog/blog-2_hu_4b1782fd1a15e83b.webp"
media="(max-width: 991px)" />
<source
srcset="/images/blog/blog-2_hu_c69497547b6be0b8.webp"
/>
<img
src="/professors/site/images/blog/blog-1_hu_fa6a5ad626b60663.webp" loading="lazy"
decoding="async" alt="Publishing and graphic desi"
loading="lazy" decoding="async"
src="/images/blog/blog-2_hu_8dd81870b6dccbe7.jpg"
class=" featured-image mb-5 rounded-3 img"
width="346"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-1.jpg';" />
alt="Cyber Defence on the Digital Frontline: A Mission with NATO"
width="768"
height="512" />
</picture>
@ -505,417 +527,29 @@
<div class="content">
<p>Here is example of hedings. You can use this heading by following markdownify rules. For example: use <code>#</code> for heading 1 and use <code>######</code> for heading 6.</p>
<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<hr>
<h5 id="emphasis">Emphasis</h5>
<p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>
<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>
<p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>
<p>Strikethrough uses two tildes. <del>Scratch this.</del></p>
<hr>
<h5 id="link">Link</h5>
<p><a href="https://www.google.com"
target="_blank"
>I&rsquo;m an inline-style link</a></p>
<p><a href="https://www.google.com"
title="Google&#39;s Homepage"
target="_blank"
>I&rsquo;m an inline-style link with title</a></p>
<p><a href="https://www.themefisher.com"
target="_blank"
>I&rsquo;m a reference-style link</a></p>
<p><a href="../blob/master/LICENSE"
>I&rsquo;m a relative reference to a repository file</a></p>
<p><a href="https://gethugothemes.com"
target="_blank"
>You can use numbers for reference-style link definitions</a></p>
<p>Or leave it empty and use the <a href="https://www.getjekyllthemes.com"
target="_blank"
>link text itself</a>.</p>
<p>URLs and URLs in angle brackets will automatically get turned into links.
<a href="http://www.example.com"
target="_blank"
>http://www.example.com</a> or <a href="http://www.example.com"
target="_blank"
>http://www.example.com</a> and sometimes
example.com (but not on Github, for example).</p>
<p>Some text to show that the reference links can follow later.</p>
<hr>
<h5 id="paragraph">Paragraph</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.</p>
<hr>
<h5 id="ordered-list">Ordered List</h5>
<ol>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
<hr>
<h5 id="unordered-list">Unordered List</h5>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<hr>
<h5 id="code-and-syntax-highlighting">Code and Syntax Highlighting</h5>
<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">s</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;JavaScript syntax highlighting&#34;</span>;
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">alert</span>(<span style="color:#a6e22e">s</span>);
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span>s <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;Python syntax highlighting&#34;</span>
</span></span><span style="display:flex;"><span>print s
</span></span></code></pre></div><hr>
<h5 id="blockquote">Blockquote</h5>
<blockquote>
<p>This is a blockquote example.</p></blockquote>
<hr>
<h5 id="inline-html">Inline HTML</h5>
<p>You can also use raw HTML in your Markdown, and it&rsquo;ll mostly work pretty well.</p>
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
<div class="notice note">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10 9V14M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19ZM10.0498 6V6.1L9.9502 6.1002V6H10.0498Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"></path>
</svg><p>Note</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice tip">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 2.4C6.69807 2.4 2.4 6.69807 2.4 12C2.4 17.3019 6.69807 21.6 12 21.6C17.3019 21.6 21.6 17.3019 21.6 12C21.6 6.69807 17.3019 2.4 12 2.4ZM15.9515 7.55147L9.6 13.9029L8.04853 12.3515C7.5799 11.8828 6.8201 11.8828 6.35147 12.3515C5.88284 12.8201 5.88284 13.5799 6.35147 14.0485L8.75147 16.4485C9.2201 16.9172 9.9799 16.9172 10.4485 16.4485L17.6485 9.24853C18.1172 8.7799 18.1172 8.0201 17.6485 7.55147C17.1799 7.08284 16.4201 7.08284 15.9515 7.55147Z"
fill="currentColor" />
</svg><p>Tip</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice info">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 18 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.16109 0.993016C9.97971 1.03952 10.6611 1.42989 11.0721 2.22339L17.7981 15.8014C18.4502 17.1739 17.4403 19.0208 15.7832 19.0474H2.23859C0.730337 19.0234 -0.507163 17.3108 0.231587 15.7864L7.08321 2.20877C7.21146 1.96502 7.26996 1.89452 7.38059 1.76664C7.82534 1.25102 8.31171 0.975016 9.16109 0.993016ZM9.05046 2.49189C8.79284 2.50464 8.55696 2.64902 8.42834 2.87327C6.06134 7.36539 3.77946 11.9036 1.56546 16.4734C1.36071 16.9328 1.71209 17.5223 2.22621 17.547C6.74871 17.6201 11.2731 17.6201 15.7956 17.547C16.2925 17.523 16.666 16.953 16.459 16.4783C14.2866 11.9093 12.0471 7.37102 9.72171 2.87814C9.58446 2.63402 9.38309 2.48739 9.05046 2.49189Z"
fill="currentColor" />
<path
d="M9.61323 13.2153H8.35773L8.21973 7.04688H9.75723L9.61323 13.2153ZM8.17773 15.1015C8.17773 14.8731 8.25161 14.6841 8.39973 14.5338C8.54823 14.3838 8.75036 14.3084 9.00648 14.3084C9.26298 14.3084 9.46511 14.3838 9.61323 14.5338C9.76136 14.6841 9.83561 14.8731 9.83561 15.1015C9.83561 15.3216 9.76323 15.5057 9.61923 15.6539C9.47486 15.802 9.27086 15.8762 9.00648 15.8762C8.74211 15.8762 8.53811 15.802 8.39373 15.6539C8.24973 15.5057 8.17773 15.3216 8.17773 15.1015Z"
fill="currentColor" />
</svg><p>Info</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice warning">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10 0C15.522 0 20 4.478 20 10C20 15.522 15.522 20 10 20C4.478 20 0 15.522 0 10C0 4.478 4.478 0 10 0ZM10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18C14.411 18 18 14.411 18 10C18 5.589 14.411 2 10 2ZM12.293 6.293L13.707 7.707L11.414 10L13.707 12.293L12.293 13.707L10 11.414L7.707 13.707L6.293 12.293L8.586 10L6.293 7.707L7.707 6.293L10 8.586L12.293 6.293Z"
fill="currentColor" />
</svg><p>Warning</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<hr>
<h5 id="tables">Tables</h5>
<p>Colons can be used to align columns.</p>
<table>
<thead>
<tr>
<th>Tables</th>
<th style="text-align: center">Are</th>
<th style="text-align: right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td>col 3 is</td>
<td style="text-align: center">right-aligned</td>
<td style="text-align: right">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td style="text-align: center">centered</td>
<td style="text-align: right">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td style="text-align: center">are neat</td>
<td style="text-align: right">$1</td>
</tr>
</tbody>
</table>
<p>There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don&rsquo;t need to make the
raw Markdown line up prettily. You can also use inline Markdown.</p>
<table>
<thead>
<tr>
<th>Markdown</th>
<th>Less</th>
<th>Pretty</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>Still</em></td>
<td><code>renders</code></td>
<td><strong>nicely</strong></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
<hr>
<h5 id="image">Image</h5>
<figure
class="img-center"
role="group"
aria-describedby="caption-an image caption">
<img
title="image title"
loading="lazy"
decoding="async"
class="img img-fluid"
width="347"
height="266"
src="/professors/site/images/blog/blog-5_hu_352d10c6bbae3568.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-5_hu_632552476cbe60cc.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
</figcaption>
</figure>
<script>
window.addEventListener("load", (e) => {
const lightbox = GLightbox();
});
</script>
<hr>
<h5 id="youtube-video">Youtube video</h5>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/ResipmZmpDU?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
</div>
<h1 id="cyber-defence-on-the-digital-frontline-a-mission-with-nato">Cyber Defence on the Digital Frontline: A Mission with NATO</h1>
<h4 id="on-a-mission-with-nato-cyber-defence-on-the-frontline">On a Mission with NATO: Cyber Defence on the Frontline</h4>
<p>Howest’s ongoing commitment to world-class cybersecurity training took center stage again as six lecturers from the Cyber Security program joined forces with experts from Latvia, Luxembourg and Belgium in one of NATO&rsquo;s most intensive simulations: the Locked Shields exercise, hosted by the Cooperative Cyber Defence Centre of Excellence (CCDCOE). Now in its fifth year of participation, the Howest team shared their firsthand experiences at a special evening talk at Howest Bruges.</p>
<h4 id="the-exercise-locked-shields">The Exercise: Locked Shields</h4>
<p>Locked Shields is no ordinary simulation. It is a full-scale, live-fire cyber defence exercise involving more than 6,000 machines and a narrative scenario so detailed it includes geopolitics, disinformation and even fictional countries. This year, the Blue Team 03 (our team) defended a simulated nation’s critical infrastructure including power plants, satellites, 5G networks and banking systems, all while under constant attack from a coordinated Red Team using automated scripts and over 28,000 attacks across two days.</p>
<p>And yes, every team (Red, Blue, Yellow, White) uses Ansible. For everything.</p>
<h4 id="high-stakes-real-lessons">High Stakes, Real Lessons</h4>
<p>What do you do when a rogue process might be malware, or maybe just a poorly named service? What happens when your teammate refuses to act unless something is “officially malicious”? The team faced cultural clashes, communication breakdowns and stress-testing of both systems and people.</p>
<p>The exercise required more than technical fixes. It demanded communication with simulated commanders, media and public stakeholders. Reporting became just as important as patching. It taught participants how to translate technical impact into real-world consequences. Not &ldquo;port 8443 unreachable&rdquo;, but &ldquo;our air defence system is degraded, and we cannot fly planes&rdquo;.</p>
<h4 id="the-black-team-rapid-response-in-action">The Black Team: Rapid Response in Action</h4>
<p>A new but powerful presence in the simulation was the Black Team, a rapid-response unit deployed when problems became too complex for any single team. Acting like special forces, they jumped in when incidents crossed team boundaries or demanded unconventional solutions. Their mission was to find out what was happening, assess the impact and suggest fast, creative responses. Introduced just last year, this team quickly proved its value again in 2025. They even embraced the role with style — “you can wear sunglasses inside” became their unofficial motto.</p>
<p>Their presence underlined a critical lesson: not every problem fits neatly within a team’s silo. Real-world defence requires flexibility, speed and lateral thinking.</p>
<h4 id="highlights-and-blooper-reel">Highlights and Blooper Reel</h4>
<p>There were plenty of mishaps. Misfired scripts, team mix-ups, and one case where a DNS setup from a previous year was reused by mistake. Someone tried renaming <code>cut</code> to <code>shutdown</code>, breaking essential operations until it was fixed. Systems rebooted into chaos, a manual was uploaded to public GitHub, and the team had to quickly learn the difference between symbolic links and real binaries.</p>
<h4 id="human-factors-and-growth">Human Factors and Growth</h4>
<p>From detecting malware with Velociraptor and Q9, to encountering teammates who took orders literally, the learning was intense. One participant noted that while Belgian and Luxembourg teams prioritized knowledge sharing, others preferred strict protocol. This highlighted cultural differences and the importance of interpersonal skills.</p>
<p>The biggest lesson? You are never fully prepared. Every iteration of Locked Shields is different. But each one sharpens not only your skills, but also your ability to function as a team under extreme conditions.</p>
<h4 id="from-the-battlefield-to-the-classroom">From the Battlefield to the Classroom</h4>
<p>This experience directly impacts the classroom. Inspired by the exercise, Howest is introducing new hands-on courses like “Glutamine” in semester five. Students will be dropped into realistic broken networks, with misconfigurations, fake firewalls and simulated threats. It is chaos, but controlled. And that is the point.</p>
<p>As one speaker said: “You don’t win Locked Shields. You just survive it better than the rest.”</p>
<h4 id="final-thoughts">Final Thoughts</h4>
<p>The exercise teaches more than just cybersecurity. It builds trust. It proves that knowing your teammates can be as important as knowing the tools. Whether that comes from a shared flight or a pre-exercise barbecue, it all matters when the pressure hits.</p>
<p>Want to see how cyber defence works in real life? This is it.</p>
</div>
</article>
@ -9727,7 +9361,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

537
public/blog/post-2/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>New Friends Everyday at Kiddie</title>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
<meta
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-2/" />
<base href="http://192.168.90.54:1313/blog/post-2/" />
@ -81,7 +81,7 @@
<title>New Friends Everyday at Kiddie</title>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
@ -106,7 +106,7 @@
<meta
name="description"
content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
@ -159,15 +159,15 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-2.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-2.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-2.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-2.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
<meta property="og:image:width" content="346" />
<meta property="og:image:height" content="266" />
<meta property="og:image:width" content="768" />
<meta property="og:image:height" content="512" />
@ -184,14 +184,14 @@
<meta property="og:title" content="New Friends Everyday at Kiddie" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:title" content="Cyber Defence on the Digital Frontline: A Mission with NATO" />
<meta property="og:description" content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-2/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-2/" />
<meta name="twitter:title" content="New Friends Everyday at Kiddie" />
<meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta name="twitter:title" content="Cyber Defence on the Digital Frontline: A Mission with NATO" />
<meta name="twitter:description" content="An inside look into Howest’s participation in NATO’s world-leading cyber defence exercise, Locked Shields." />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -383,23 +383,27 @@
<div class="col-xxl-10 mx-auto" data-aos="fade-up" data-aos-delay="100">
<article>
<button class="text-primary mb-5 border-0 bg-transparent" onclick="history.back()"><i class="fa-solid fa-backward me-2"></i>Back</button>
<h1 class="text-capitalize h3 mb-4">New Friends Everyday at Kiddie</h1>
<h1 class="text-capitalize h3 mb-4">Cyber Defence on the Digital Frontline: A Mission with NATO</h1>
<div class="post-meta d-flex flex-wrap flex-lg-nowrap align-items-center mb-4">
<ul class="list-inline me-5">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>02 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>13 May 2025
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
<a href="http://localhost:1313/professors/site/categories/writing" class="meta-link">Writing</a>
<a href="http://192.168.90.54:1313/categories/cybersecurity" class="meta-link">Cybersecurity</a>,
<a href="http://192.168.90.54:1313/categories/event-recap" class="meta-link">Event Recap</a>
</li>
</ul>
<span>Last updated on Jan 2, 2022</span>
<span>Last updated on May 13, 2025</span>
</div>
@ -477,16 +481,38 @@
<picture>
<source
srcset="/images/blog/blog-2_hu_dcdbc2fa445f98d0.webp"
media="(max-width: 575px)" />
<source
srcset="/images/blog/blog-2_hu_f9ab0f5f2b4013b3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/blog/blog-2_hu_4b1782fd1a15e83b.webp"
media="(max-width: 991px)" />
<source
srcset="/images/blog/blog-2_hu_c69497547b6be0b8.webp"
/>
<img
src="/professors/site/images/blog/blog-2_hu_c8b71bdb358d263a.webp" loading="lazy"
decoding="async" alt="New Friends Everyday at Kiddie"
loading="lazy" decoding="async"
src="/images/blog/blog-2_hu_8dd81870b6dccbe7.jpg"
class=" featured-image mb-5 rounded-3 img"
width="346"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-2.jpg';" />
alt="Cyber Defence on the Digital Frontline: A Mission with NATO"
width="768"
height="512" />
</picture>
@ -501,417 +527,30 @@
<div class="content">
<p>Here is example of hedings. You can use this heading by following markdownify rules. For example: use <code>#</code> for heading 1 and use <code>######</code> for heading 6.</p>
<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<h1 id="cyber-defence-on-the-digital-frontline-a-mission-with-nato">Cyber Defence on the Digital Frontline: A Mission with NATO</h1>
<h4 id="on-a-mission-with-nato-cyber-defence-on-the-frontline">On a Mission with NATO: Cyber Defence on the Frontline</h4>
<p>Howest’s ongoing commitment to world-class cybersecurity training took center stage again as six lecturers from the Cyber Security program joined forces with experts from Latvia, Luxembourg and Belgium in one of NATO&rsquo;s most intensive simulations: the Locked Shields exercise, hosted by the Cooperative Cyber Defence Centre of Excellence (CCDCOE). Now in its fifth year of participation, the Howest team shared their firsthand experiences at a special evening talk at Howest Bruges.</p>
<h4 id="the-exercise-locked-shields">The Exercise: Locked Shields</h4>
<p>Locked Shields is no ordinary simulation. It is a full-scale, live-fire cyber defence exercise involving more than 6,000 machines and a narrative scenario so detailed it includes geopolitics, disinformation and even fictional countries. This year, the Blue Team 03 (our team) defended a simulated nation’s critical infrastructure including power plants, satellites, 5G networks and banking systems, all while under constant attack from a coordinated Red Team using automated scripts and over 28,000 attacks across two days.</p>
<p>And yes, every team (Red, Blue, Yellow, White) uses Ansible. For everything.</p>
<h4 id="high-stakes-real-lessons">High Stakes, Real Lessons</h4>
<p>What do you do when a rogue process might be malware, or maybe just a poorly named service? What happens when your teammate refuses to act unless something is “officially malicious”? The team faced cultural clashes, communication breakdowns and stress-testing of both systems and people.</p>
<p>The exercise required more than technical fixes. It demanded communication with simulated commanders, media and public stakeholders. Reporting became just as important as patching. It taught participants how to translate technical impact into real-world consequences. Not &ldquo;port 8443 unreachable&rdquo;, but &ldquo;our air defence system is degraded, and we cannot fly planes&rdquo;.</p>
<h4 id="the-black-team-rapid-response-in-action">The Black Team: Rapid Response in Action</h4>
<p>A new but powerful presence in the simulation was the Black Team, a rapid-response unit deployed when problems became too complex for any single team. Acting like special forces, they jumped in when incidents crossed team boundaries or demanded unconventional solutions. Their mission was to find out what was happening, assess the impact and suggest fast, creative responses. Introduced just last year, this team quickly proved its value again in 2025. They even embraced the role with style — “you can wear sunglasses inside” became their unofficial motto.</p>
<p>Their presence underlined a critical lesson: not every problem fits neatly within a team’s silo. Real-world defence requires flexibility, speed and lateral thinking.</p>
<h4 id="highlights-and-blooper-reel">Highlights and Blooper Reel</h4>
<p>There were plenty of mishaps. Misfired scripts, team mix-ups, and one case where a DNS setup from a previous year was reused by mistake. Someone tried renaming <code>cut</code> to <code>shutdown</code>, breaking essential operations until it was fixed. Systems rebooted into chaos, a manual was uploaded to public GitHub, and the team had to quickly learn the difference between symbolic links and real binaries.</p>
<h4 id="human-factors-and-growth">Human Factors and Growth</h4>
<p>From detecting malware with Velociraptor and Q9, to encountering teammates who took orders literally, the learning was intense. One participant noted that while Belgian and Luxembourg teams prioritized knowledge sharing, others preferred strict protocol. This highlighted cultural differences and the importance of interpersonal skills.</p>
<p>The biggest lesson? You are never fully prepared. Every iteration of Locked Shields is different. But each one sharpens not only your skills, but also your ability to function as a team under extreme conditions.</p>
<h4 id="from-the-battlefield-to-the-classroom">From the Battlefield to the Classroom</h4>
<p>This experience directly impacts the classroom. Inspired by the exercise, Howest is introducing new hands-on courses like “Glutamine” in semester five. Students will be dropped into realistic broken networks, with misconfigurations, fake firewalls and simulated threats. It is chaos, but controlled. And that is the point.</p>
<p>As one speaker said: “You don’t win Locked Shields. You just survive it better than the rest.”</p>
<h4 id="final-thoughts">Final Thoughts</h4>
<p>The exercise teaches more than just cybersecurity. It builds trust. It proves that knowing your teammates can be as important as knowing the tools. Whether that comes from a shared flight or a pre-exercise barbecue, it all matters when the pressure hits.</p>
<p>Want to see how cyber defence works in real life? This is it.</p>
<hr>
<h5 id="emphasis">Emphasis</h5>
<p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>
<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>
<p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>
<p>Strikethrough uses two tildes. <del>Scratch this.</del></p>
<hr>
<h5 id="link">Link</h5>
<p><a href="https://www.google.com"
target="_blank"
>I&rsquo;m an inline-style link</a></p>
<p><a href="https://www.google.com"
title="Google&#39;s Homepage"
target="_blank"
>I&rsquo;m an inline-style link with title</a></p>
<p><a href="https://www.themefisher.com"
target="_blank"
>I&rsquo;m a reference-style link</a></p>
<p><a href="../blob/master/LICENSE"
>I&rsquo;m a relative reference to a repository file</a></p>
<p><a href="https://gethugothemes.com"
target="_blank"
>You can use numbers for reference-style link definitions</a></p>
<p>Or leave it empty and use the <a href="https://www.getjekyllthemes.com"
target="_blank"
>link text itself</a>.</p>
<p>URLs and URLs in angle brackets will automatically get turned into links.
<a href="http://www.example.com"
target="_blank"
>http://www.example.com</a> or <a href="http://www.example.com"
target="_blank"
>http://www.example.com</a> and sometimes
example.com (but not on Github, for example).</p>
<p>Some text to show that the reference links can follow later.</p>
<hr>
<h5 id="paragraph">Paragraph</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.</p>
<hr>
<h5 id="ordered-list">Ordered List</h5>
<ol>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
<hr>
<h5 id="unordered-list">Unordered List</h5>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<hr>
<h5 id="code-and-syntax-highlighting">Code and Syntax Highlighting</h5>
<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">s</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;JavaScript syntax highlighting&#34;</span>;
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">alert</span>(<span style="color:#a6e22e">s</span>);
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span>s <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;Python syntax highlighting&#34;</span>
</span></span><span style="display:flex;"><span>print s
</span></span></code></pre></div><hr>
<h5 id="blockquote">Blockquote</h5>
<blockquote>
<p>This is a blockquote example.</p></blockquote>
<hr>
<h5 id="inline-html">Inline HTML</h5>
<p>You can also use raw HTML in your Markdown, and it&rsquo;ll mostly work pretty well.</p>
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
<div class="notice note">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10 9V14M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19ZM10.0498 6V6.1L9.9502 6.1002V6H10.0498Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"></path>
</svg><p>Note</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice tip">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 2.4C6.69807 2.4 2.4 6.69807 2.4 12C2.4 17.3019 6.69807 21.6 12 21.6C17.3019 21.6 21.6 17.3019 21.6 12C21.6 6.69807 17.3019 2.4 12 2.4ZM15.9515 7.55147L9.6 13.9029L8.04853 12.3515C7.5799 11.8828 6.8201 11.8828 6.35147 12.3515C5.88284 12.8201 5.88284 13.5799 6.35147 14.0485L8.75147 16.4485C9.2201 16.9172 9.9799 16.9172 10.4485 16.4485L17.6485 9.24853C18.1172 8.7799 18.1172 8.0201 17.6485 7.55147C17.1799 7.08284 16.4201 7.08284 15.9515 7.55147Z"
fill="currentColor" />
</svg><p>Tip</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice info">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 18 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.16109 0.993016C9.97971 1.03952 10.6611 1.42989 11.0721 2.22339L17.7981 15.8014C18.4502 17.1739 17.4403 19.0208 15.7832 19.0474H2.23859C0.730337 19.0234 -0.507163 17.3108 0.231587 15.7864L7.08321 2.20877C7.21146 1.96502 7.26996 1.89452 7.38059 1.76664C7.82534 1.25102 8.31171 0.975016 9.16109 0.993016ZM9.05046 2.49189C8.79284 2.50464 8.55696 2.64902 8.42834 2.87327C6.06134 7.36539 3.77946 11.9036 1.56546 16.4734C1.36071 16.9328 1.71209 17.5223 2.22621 17.547C6.74871 17.6201 11.2731 17.6201 15.7956 17.547C16.2925 17.523 16.666 16.953 16.459 16.4783C14.2866 11.9093 12.0471 7.37102 9.72171 2.87814C9.58446 2.63402 9.38309 2.48739 9.05046 2.49189Z"
fill="currentColor" />
<path
d="M9.61323 13.2153H8.35773L8.21973 7.04688H9.75723L9.61323 13.2153ZM8.17773 15.1015C8.17773 14.8731 8.25161 14.6841 8.39973 14.5338C8.54823 14.3838 8.75036 14.3084 9.00648 14.3084C9.26298 14.3084 9.46511 14.3838 9.61323 14.5338C9.76136 14.6841 9.83561 14.8731 9.83561 15.1015C9.83561 15.3216 9.76323 15.5057 9.61923 15.6539C9.47486 15.802 9.27086 15.8762 9.00648 15.8762C8.74211 15.8762 8.53811 15.802 8.39373 15.6539C8.24973 15.5057 8.17773 15.3216 8.17773 15.1015Z"
fill="currentColor" />
</svg><p>Info</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<div class="notice warning">
<div class="notice-head"><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10 0C15.522 0 20 4.478 20 10C20 15.522 15.522 20 10 20C4.478 20 0 15.522 0 10C0 4.478 4.478 0 10 0ZM10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18C14.411 18 18 14.411 18 10C18 5.589 14.411 2 10 2ZM12.293 6.293L13.707 7.707L11.414 10L13.707 12.293L12.293 13.707L10 11.414L7.707 13.707L6.293 12.293L8.586 10L6.293 7.707L7.707 6.293L10 8.586L12.293 6.293Z"
fill="currentColor" />
</svg><p>Warning</p>
</div>
<div class="notice-body"><p>This is a simple note</p></div>
</div>
<hr>
<h5 id="tables">Tables</h5>
<p>Colons can be used to align columns.</p>
<table>
<thead>
<tr>
<th>Tables</th>
<th style="text-align: center">Are</th>
<th style="text-align: right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td>col 3 is</td>
<td style="text-align: center">right-aligned</td>
<td style="text-align: right">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td style="text-align: center">centered</td>
<td style="text-align: right">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td style="text-align: center">are neat</td>
<td style="text-align: right">$1</td>
</tr>
</tbody>
</table>
<p>There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don&rsquo;t need to make the
raw Markdown line up prettily. You can also use inline Markdown.</p>
<table>
<thead>
<tr>
<th>Markdown</th>
<th>Less</th>
<th>Pretty</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>Still</em></td>
<td><code>renders</code></td>
<td><strong>nicely</strong></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
<hr>
<h5 id="image">Image</h5>
<figure
class="img-center"
role="group"
aria-describedby="caption-an image caption">
<img
title="image title"
loading="lazy"
decoding="async"
class="img img-fluid"
width="575"
height="425"
src="/professors/site/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
</figcaption>
</figure>
<script>
window.addEventListener("load", (e) => {
const lightbox = GLightbox();
});
</script>
<hr>
<h5 id="youtube-video">Youtube video</h5>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/ResipmZmpDU?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
</div>
</div>
</article>
@ -9723,7 +9362,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

48
public/blog/post-3/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>In publishing and graphic desi</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-3/" />
<base href="http://192.168.90.54:1313/blog/post-3/" />
@ -159,8 +159,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-3.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-3.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-3.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-3.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
@ -187,7 +187,7 @@
<meta property="og:title" content="In publishing and graphic desi" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-3/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-3/" />
<meta name="twitter:title" content="In publishing and graphic desi" />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -394,7 +394,7 @@
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
<a href="http://192.168.90.54:1313/categories/book-rack" class="meta-link">Book Rack</a>
</li>
@ -479,14 +479,14 @@
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
src="/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="In publishing and graphic desi"
class=" featured-image mb-5 rounded-3 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-3.jpg';" />
@ -881,9 +881,9 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
class="img img-fluid"
width="575"
height="425"
src="/professors/site/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
src="/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
onerror="this.onerror='null';this.src='\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
@ -9723,7 +9723,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

48
public/blog/post-4/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Latter match class room</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-4/" />
<base href="http://192.168.90.54:1313/blog/post-4/" />
@ -159,8 +159,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-4.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-4.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-4.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-4.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
@ -187,7 +187,7 @@
<meta property="og:title" content="Latter match class room" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-4/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-4/" />
<meta name="twitter:title" content="Latter match class room" />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -394,7 +394,7 @@
<a href="http://localhost:1313/professors/site/categories/class-room" class="meta-link">Class Room</a>
<a href="http://192.168.90.54:1313/categories/class-room" class="meta-link">Class Room</a>
</li>
@ -479,14 +479,14 @@
<img
src="/professors/site/images/blog/blog-4_hu_bf89f52c40e687e9.webp" loading="lazy"
src="/images/blog/blog-4_hu_bf89f52c40e687e9.webp" loading="lazy"
decoding="async" alt="Latter match class room"
class=" featured-image mb-5 rounded-3 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-4.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-4.jpg';" />
@ -881,9 +881,9 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
class="img img-fluid"
width="575"
height="425"
src="/professors/site/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
src="/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
onerror="this.onerror='null';this.src='\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
@ -9723,7 +9723,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

48
public/blog/post-5/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>variation of the ordinary lor</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-5/" />
<base href="http://192.168.90.54:1313/blog/post-5/" />
@ -159,8 +159,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-5.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-5.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-5.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-5.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
@ -187,7 +187,7 @@
<meta property="og:title" content="variation of the ordinary lor" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-5/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-5/" />
<meta name="twitter:title" content="variation of the ordinary lor" />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -394,7 +394,7 @@
<a href="http://localhost:1313/professors/site/categories/library" class="meta-link">Library</a>
<a href="http://192.168.90.54:1313/categories/library" class="meta-link">Library</a>
</li>
@ -479,14 +479,14 @@
<img
src="/professors/site/images/blog/blog-5_hu_1fa9c9461e8a5b22.webp" loading="lazy"
src="/images/blog/blog-5_hu_1fa9c9461e8a5b22.webp" loading="lazy"
decoding="async" alt="variation of the ordinary lor"
class=" featured-image mb-5 rounded-3 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-5.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-5.jpg';" />
@ -881,9 +881,9 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
class="img img-fluid"
width="575"
height="425"
src="/professors/site/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
src="/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
onerror="this.onerror='null';this.src='\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
@ -9723,7 +9723,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

48
public/blog/post-6/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Testing is a great thing</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/blog/post-6/" />
<base href="http://192.168.90.54:1313/blog/post-6/" />
@ -159,8 +159,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/blog/blog-3.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/blog/blog-3.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/blog/blog-3.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/blog/blog-3.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
@ -187,7 +187,7 @@
<meta property="og:title" content="Testing is a great thing" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, sceleri sque nec, rhoncus eget, sollicitudin eu," />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/blog/post-6/" />
<meta property="og:url" content="http://192.168.90.54:1313/blog/post-6/" />
<meta name="twitter:title" content="Testing is a great thing" />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -394,7 +394,7 @@
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
<a href="http://192.168.90.54:1313/categories/book-rack" class="meta-link">Book Rack</a>
</li>
@ -479,14 +479,14 @@
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
src="/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="Testing is a great thing"
class=" featured-image mb-5 rounded-3 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-3.jpg';" />
@ -881,9 +881,9 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
class="img img-fluid"
width="575"
height="425"
src="/professors/site/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
src="/images/gallery/project-3_hu_e16ce44fdeef2846.webp"
alt="alter-text"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
onerror="this.onerror='null';this.src='\/images\/gallery\/project-3_hu_f453c7505851273e.jpg'" />
<figcaption id="caption-an image caption" class="caption-an-image-caption">
an image caption
@ -9723,7 +9723,7 @@ raw Markdown line up prettily. You can also use inline Markdown.</p>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

62
public/categories/book-rack/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Book Rack</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/categories/book-rack/" />
<base href="http://192.168.90.54:1313/categories/book-rack/" />
@ -154,8 +154,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -182,7 +182,7 @@
<meta property="og:title" content="Professors - Personal Portfolio Theme" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/categories/book-rack/" />
<meta property="og:url" content="http://192.168.90.54:1313/categories/book-rack/" />
<meta name="twitter:title" content="Professors - Personal Portfolio Theme" />
@ -266,7 +266,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -295,27 +295,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -390,7 +390,7 @@
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-6/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<a href="/blog/post-6/" class="rounded-2 overflow-hidden" data-aos="fade-up">
@ -466,14 +466,14 @@
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
src="/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="Testing is a great thing"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-3.jpg';" />
@ -497,19 +497,19 @@
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
<a href="http://192.168.90.54:1313/categories/book-rack" class="meta-link">Book Rack</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-6/">Testing is a great thing</a>
<a class="text-white" href="/blog/post-6/">Testing is a great thing</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-6/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
<a href="/blog/post-6/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
@ -517,7 +517,7 @@
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-3/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<a href="/blog/post-3/" class="rounded-2 overflow-hidden" data-aos="fade-up">
@ -593,14 +593,14 @@
<img
src="/professors/site/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
src="/images/blog/blog-3_hu_d9dc92a071ba18e1.webp" loading="lazy"
decoding="async" alt="In publishing and graphic desi"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-3.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-3.jpg';" />
@ -624,19 +624,19 @@
<a href="http://localhost:1313/professors/site/categories/book-rack" class="meta-link">Book Rack</a>
<a href="http://192.168.90.54:1313/categories/book-rack" class="meta-link">Book Rack</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-3/">In publishing and graphic desi</a>
<a class="text-white" href="/blog/post-3/">In publishing and graphic desi</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-3/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
<a href="/blog/post-3/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
@ -9452,7 +9452,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

12
public/categories/book-rack/index.xml
View File

@ -2,24 +2,24 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Book Rack on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/categories/book-rack/</link>
<link>http://192.168.90.54:1313/categories/book-rack/</link>
<description>Recent content in Book Rack on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Thu, 06 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/book-rack/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="http://192.168.90.54:1313/categories/book-rack/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Testing is a great thing</title>
<link>http://localhost:1313/professors/site/blog/post-6/</link>
<link>http://192.168.90.54:1313/blog/post-6/</link>
<pubDate>Thu, 06 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-6/</guid>
<guid>http://192.168.90.54:1313/blog/post-6/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>In publishing and graphic desi</title>
<link>http://localhost:1313/professors/site/blog/post-3/</link>
<link>http://192.168.90.54:1313/blog/post-3/</link>
<pubDate>Mon, 03 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-3/</guid>
<guid>http://192.168.90.54:1313/blog/post-3/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
</channel>

6
public/categories/book/index.html
View File

@ -467,7 +467,7 @@
<img
src="/professors/site/images/blog/blog-1_hu_fa6a5ad626b60663.webp" loading="lazy"
decoding="async" alt="Publishing and graphic desi"
decoding="async" alt="On a Mission with NATO: Cyber Defence on the Frontline"
class=" w-100 img"
@ -490,7 +490,7 @@
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>01 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>13 May 2025
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
@ -508,7 +508,7 @@
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-1/">Publishing and graphic desi</a>
<a class="text-white" href="/professors/site/blog/post-1/">On a Mission with NATO: Cyber Defence on the Frontline</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>

6
public/categories/book/index.xml
View File

@ -6,12 +6,12 @@
<description>Recent content in Book on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Sat, 01 Jan 2022 00:00:00 +0000</lastBuildDate>
<lastBuildDate>Tue, 13 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/book/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Publishing and graphic desi</title>
<title>On a Mission with NATO: Cyber Defence on the Frontline</title>
<link>http://localhost:1313/professors/site/blog/post-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-1/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>

50
public/categories/class-room/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Class Room</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/categories/class-room/" />
<base href="http://192.168.90.54:1313/categories/class-room/" />
@ -154,8 +154,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -182,7 +182,7 @@
<meta property="og:title" content="Professors - Personal Portfolio Theme" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/categories/class-room/" />
<meta property="og:url" content="http://192.168.90.54:1313/categories/class-room/" />
<meta name="twitter:title" content="Professors - Personal Portfolio Theme" />
@ -266,7 +266,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -295,27 +295,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -390,7 +390,7 @@
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-4/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<a href="/blog/post-4/" class="rounded-2 overflow-hidden" data-aos="fade-up">
@ -466,14 +466,14 @@
<img
src="/professors/site/images/blog/blog-4_hu_bf89f52c40e687e9.webp" loading="lazy"
src="/images/blog/blog-4_hu_bf89f52c40e687e9.webp" loading="lazy"
decoding="async" alt="Latter match class room"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-4.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-4.jpg';" />
@ -497,19 +497,19 @@
<a href="http://localhost:1313/professors/site/categories/class-room" class="meta-link">Class Room</a>
<a href="http://192.168.90.54:1313/categories/class-room" class="meta-link">Class Room</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-4/">Latter match class room</a>
<a class="text-white" href="/blog/post-4/">Latter match class room</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-4/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
<a href="/blog/post-4/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
@ -9325,7 +9325,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

8
public/categories/class-room/index.xml
View File

@ -2,17 +2,17 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Class Room on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/categories/class-room/</link>
<link>http://192.168.90.54:1313/categories/class-room/</link>
<description>Recent content in Class Room on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Tue, 04 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/class-room/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="http://192.168.90.54:1313/categories/class-room/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Latter match class room</title>
<link>http://localhost:1313/professors/site/blog/post-4/</link>
<link>http://192.168.90.54:1313/blog/post-4/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-4/</guid>
<guid>http://192.168.90.54:1313/blog/post-4/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
</channel>

2
public/categories/index.html
View File

@ -1,2 +1,2 @@
<script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script><script>window.location.replace("\/professors\/site");</script>
<script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><script>window.location.replace("\/");</script>

59
public/categories/index.xml
View File

@ -2,52 +2,59 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/categories/</link>
<link>http://192.168.90.54:1313/categories/</link>
<description>Recent content in Categories on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Thu, 06 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Tue, 13 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://192.168.90.54:1313/categories/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Book Rack</title>
<link>http://localhost:1313/professors/site/categories/book-rack/</link>
<pubDate>Thu, 06 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/book-rack/</guid>
<title>Cybersecurity</title>
<link>http://192.168.90.54:1313/categories/cybersecurity/</link>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/cybersecurity/</guid>
<description></description>
</item>
<item>
<title>Library</title>
<link>http://localhost:1313/professors/site/categories/library/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/library/</guid>
<title>Event Recap</title>
<link>http://192.168.90.54:1313/categories/event-recap/</link>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/event-recap/</guid>
<description></description>
</item>
<item>
<title>Book Rack</title>
<link>http://192.168.90.54:1313/categories/book-rack/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/book-rack/</guid>
<description></description>
</item>
<item>
<title>Class Room</title>
<link>http://localhost:1313/professors/site/categories/class-room/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/class-room/</guid>
<link>http://192.168.90.54:1313/categories/class-room/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/class-room/</guid>
<description></description>
</item>
<item>
<title>Writing</title>
<link>http://localhost:1313/professors/site/categories/writing/</link>
<pubDate>Sun, 02 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/writing/</guid>
<title>Education</title>
<link>http://192.168.90.54:1313/categories/education/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/education/</guid>
<description></description>
</item>
<item>
<title>Book</title>
<link>http://localhost:1313/professors/site/categories/book/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/book/</guid>
<title>Library</title>
<link>http://192.168.90.54:1313/categories/library/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/library/</guid>
<description></description>
</item>
<item>
<title>Last Hope</title>
<link>http://localhost:1313/professors/site/categories/last-hope/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/categories/last-hope/</guid>
<title>Nato</title>
<link>http://192.168.90.54:1313/categories/nato/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/categories/nato/</guid>
<description></description>
</item>
</channel>

6
public/categories/last-hope/index.html
View File

@ -467,7 +467,7 @@
<img
src="/professors/site/images/blog/blog-1_hu_fa6a5ad626b60663.webp" loading="lazy"
decoding="async" alt="Publishing and graphic desi"
decoding="async" alt="On a Mission with NATO: Cyber Defence on the Frontline"
class=" w-100 img"
@ -490,7 +490,7 @@
<div class="card-body pt-4 px-0">
<ul class="list-inline post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>01 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>13 May 2025
</li>
<li class="list-inline-item">
<i class="fa-solid fa-folder-open me-2"></i>
@ -508,7 +508,7 @@
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-1/">Publishing and graphic desi</a>
<a class="text-white" href="/professors/site/blog/post-1/">On a Mission with NATO: Cyber Defence on the Frontline</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>

6
public/categories/last-hope/index.xml
View File

@ -6,12 +6,12 @@
<description>Recent content in Last Hope on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Sat, 01 Jan 2022 00:00:00 +0000</lastBuildDate>
<lastBuildDate>Tue, 13 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/last-hope/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Publishing and graphic desi</title>
<title>On a Mission with NATO: Cyber Defence on the Frontline</title>
<link>http://localhost:1313/professors/site/blog/post-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-1/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>

50
public/categories/library/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Library</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/categories/library/" />
<base href="http://192.168.90.54:1313/categories/library/" />
@ -154,8 +154,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -182,7 +182,7 @@
<meta property="og:title" content="Professors - Personal Portfolio Theme" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/categories/library/" />
<meta property="og:url" content="http://192.168.90.54:1313/categories/library/" />
<meta name="twitter:title" content="Professors - Personal Portfolio Theme" />
@ -266,7 +266,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -295,27 +295,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -390,7 +390,7 @@
<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
<a href="/professors/site/blog/post-5/" class="rounded-2 overflow-hidden" data-aos="fade-up">
<a href="/blog/post-5/" class="rounded-2 overflow-hidden" data-aos="fade-up">
@ -466,14 +466,14 @@
<img
src="/professors/site/images/blog/blog-5_hu_1fa9c9461e8a5b22.webp" loading="lazy"
src="/images/blog/blog-5_hu_1fa9c9461e8a5b22.webp" loading="lazy"
decoding="async" alt="variation of the ordinary lor"
class=" w-100 img"
width="347"
height="266"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/blog\/blog-5.jpg';" />
onerror="this.onerror='null';this.src='\/images\/blog\/blog-5.jpg';" />
@ -497,19 +497,19 @@
<a href="http://localhost:1313/professors/site/categories/library" class="meta-link">Library</a>
<a href="http://192.168.90.54:1313/categories/library" class="meta-link">Library</a>
</li>
</ul>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="/professors/site/blog/post-5/">variation of the ordinary lor</a>
<a class="text-white" href="/blog/post-5/">variation of the ordinary lor</a>
</h3>
<p class="card-text mb-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, …</p>
</div>
<a href="/professors/site/blog/post-5/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
<a href="/blog/post-5/" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</article>
</div>
@ -9325,7 +9325,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

8
public/categories/library/index.xml
View File

@ -2,17 +2,17 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Library on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/categories/library/</link>
<link>http://192.168.90.54:1313/categories/library/</link>
<description>Recent content in Library on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 05 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/categories/library/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="http://192.168.90.54:1313/categories/library/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>variation of the ordinary lor</title>
<link>http://localhost:1313/professors/site/blog/post-5/</link>
<link>http://192.168.90.54:1313/blog/post-5/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-5/</guid>
<guid>http://192.168.90.54:1313/blog/post-5/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
</channel>

BIN
public/images/blog/blog-2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 57 KiB

1318
public/index.html
View File

File diff suppressed because it is too large Load Diff

92
public/index.json
View File

File diff suppressed because one or more lines are too long

89
public/index.xml
View File

@ -2,88 +2,25 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Home | Joren on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/</link>
<link>http://192.168.90.54:1313/</link>
<description>Recent content in Home | Joren on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Thu, 06 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 21 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://192.168.90.54:1313/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Testing is a great thing</title>
<link>http://localhost:1313/professors/site/blog/post-6/</link>
<pubDate>Thu, 06 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-6/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
<title>DRMDTool Project</title>
<link>http://192.168.90.54:1313/project/project-1/</link>
<pubDate>Wed, 21 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/project/project-1/</guid>
<description>&lt;p&gt;DRMDTool is an automation-centric utility designed to streamline the processing of &lt;code&gt;.drmd&lt;/code&gt; files by tightly integrating with the N_m3u8DL-RE downloader. The tool offers robust automation via a watch folder and an intuitive web-based interface, significantly reducing the friction for managing and processing DRM-protected streaming content.&lt;/p&gt;</description>
</item>
<item>
<title>Machine Learning for Airbnb Data</title>
<link>http://localhost:1313/professors/site/project/project-5/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-5/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>variation of the ordinary lor</title>
<link>http://localhost:1313/professors/site/blog/post-5/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-5/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Autumn Cartoon Fun</title>
<link>http://localhost:1313/professors/site/project/project-4/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-4/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Latter match class room</title>
<link>http://localhost:1313/professors/site/blog/post-4/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-4/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Book Mockup</title>
<link>http://localhost:1313/professors/site/project/project-3/</link>
<pubDate>Mon, 03 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-3/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>In publishing and graphic desi</title>
<link>http://localhost:1313/professors/site/blog/post-3/</link>
<pubDate>Mon, 03 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-3/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Foster Youth in Ma Schools</title>
<link>http://localhost:1313/professors/site/project/project-2/</link>
<pubDate>Sun, 02 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-2/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>New Friends Everyday at Kiddie</title>
<link>http://localhost:1313/professors/site/blog/post-2/</link>
<pubDate>Sun, 02 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-2/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
</item>
<item>
<title>Book hardcover</title>
<link>http://localhost:1313/professors/site/project/project-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-1/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Publishing and graphic desi</title>
<link>http://localhost:1313/professors/site/blog/post-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/blog/post-1/</guid>
<description>&lt;p&gt;Here is example of hedings. You can use this heading by following markdownify rules. For example: use &lt;code&gt;#&lt;/code&gt; for heading 1 and use &lt;code&gt;######&lt;/code&gt; for heading 6.&lt;/p&gt;</description>
<title>Cyber Defence on the Digital Frontline: A Mission with NATO</title>
<link>http://192.168.90.54:1313/blog/post-1/</link>
<pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/blog/post-1/</guid>
<description>&lt;h1 id=&#34;cyber-defence-on-the-digital-frontline-a-mission-with-nato&#34;&gt;Cyber Defence on the Digital Frontline: A Mission with NATO&lt;/h1&gt;&#xA;&lt;h4 id=&#34;on-a-mission-with-nato-cyber-defence-on-the-frontline&#34;&gt;On a Mission with NATO: Cyber Defence on the Frontline&lt;/h4&gt;&#xA;&lt;p&gt;Howest’s ongoing commitment to world-class cybersecurity training took center stage again as six lecturers from the Cyber Security program joined forces with experts from Latvia, Luxembourg and Belgium in one of NATO&amp;rsquo;s most intensive simulations: the Locked Shields exercise, hosted by the Cooperative Cyber Defence Centre of Excellence (CCDCOE). Now in its fifth year of participation, the Howest team shared their firsthand experiences at a special evening talk at Howest Bruges.&lt;/p&gt;</description>
</item>
</channel>
</rss>

14
public/manifest.webmanifest
View File

@ -4,7 +4,7 @@
"lang": "en",
"display": "fullscreen",
"orientation" : "portrait",
"start_url": "http://localhost:1313/professors/site/?utm_source=web_app_manifest",
"start_url": "http://192.168.90.54:1313/?utm_source=web_app_manifest",
"background_color": "#0e1015",
"theme_color": "#18b0a2",
@ -20,33 +20,33 @@
"icons": [
{
"src": "/professors/site/images/favicon_hu_6da0167f32a32123.png",
"src": "/images/favicon_hu_6da0167f32a32123.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "/professors/site/images/favicon_hu_d4d33babbe6805bc.png",
"src": "/images/favicon_hu_d4d33babbe6805bc.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/professors/site/images/favicon_hu_78447c6bde7c0620.png",
"src": "/images/favicon_hu_78447c6bde7c0620.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "/professors/site/images/favicon_hu_50a8dfcefba7e8a8.png",
"src": "/images/favicon_hu_50a8dfcefba7e8a8.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/professors/site/images/favicon_hu_302f3e1abb47ae13.png",
"src": "/images/favicon_hu_302f3e1abb47ae13.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/professors/site/images/favicon_hu_997547777bc65c3.png",
"src": "/images/favicon_hu_997547777bc65c3.png",
"sizes": "512x512",
"type": "image/png"
}

594
public/project/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Recent Projects</title>
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/project/" />
<base href="http://192.168.90.54:1313/project/" />
@ -156,8 +156,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/favicon.png" />
<meta property="og:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/favicon.png" />
<meta
name="twitter:card"
content="summary" />
@ -184,7 +184,7 @@
<meta property="og:title" content="Recent Projects" />
<meta property="og:description" content="This is meta description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/project/" />
<meta property="og:url" content="http://192.168.90.54:1313/project/" />
<meta name="twitter:title" content="Recent Projects" />
@ -268,7 +268,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -297,27 +297,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -388,7 +388,7 @@
<div class="project-item mb-4">
<div class="card bg-dark rounded-3">
<a href="/professors/site/project/project-5/" class="overflow-hidden p-3">
<a href="/project/project-1/" class="overflow-hidden p-3">
@ -468,565 +468,29 @@
<picture>
<source
srcset="/professors/site/images/project/project-5_hu_622af60db48c24ce.webp"
srcset="/images/project/project-1_hu_98654f7384c9076a.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-5_hu_978436bc2caeb426.webp"
srcset="/images/project/project-1_hu_e4cae9e70a1af997.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-5_hu_10599f90716c860c.webp"
srcset="/images/project/project-1_hu_d7d16f7ac12d17d8.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-5_hu_f16266a4ab3178db.webp"
srcset="/images/project/project-1_hu_f0c58a4fd9943d65.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-5_hu_b87bfcccc817d8cf.jpg"
src="/images/project/project-1_hu_7e17e6600708d7c7.jpg"
class=" rounded-2 img"
alt="Machine Learning for Airbnb Data"
width="5221"
height="3859" />
</picture>
</a>
<div class="card-body pb-4">
<div class="px-2">
<h3 class="h5 card-title fw-medium text-capitalize">
<a class="text-white" href="/professors/site/project/project-5/">Machine Learning for Airbnb Data</a>
</h3>
<p class="card-text mb-3">Machine Learning Algorithms to study the impact of different items on price and satisfaction of customers, and …</p>
<a class="card-btn text-primary" href="/professors/site/project/project-5/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="project-item mb-4">
<div class="card bg-dark rounded-3">
<a href="/professors/site/project/project-4/" class="overflow-hidden p-3">
<picture>
<source
srcset="/professors/site/images/project/project-4_hu_ebcb114363d16c38.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-4_hu_6d851caa153e2d3d.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-4_hu_8dd4a6468b818b21.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-4_hu_20f490d86e1e85f9.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-4_hu_2d275cc5a902faf.jpg"
class=" rounded-2 img"
alt="Autumn Cartoon Fun"
width="5222"
height="3859" />
</picture>
</a>
<div class="card-body pb-4">
<div class="px-2">
<h3 class="h5 card-title fw-medium text-capitalize">
<a class="text-white" href="/professors/site/project/project-4/">Autumn Cartoon Fun</a>
</h3>
<p class="card-text mb-3">Defining the Airbnb quality metrics in Boston including the impact of noise disturbance, host’s policies and …</p>
<a class="card-btn text-primary" href="/professors/site/project/project-4/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="project-item mb-4">
<div class="card bg-dark rounded-3">
<a href="/professors/site/project/project-3/" class="overflow-hidden p-3">
<picture>
<source
srcset="/professors/site/images/project/project-3_hu_b90c24b136494fce.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-3_hu_6ffef74af2881d50.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-3_hu_cdba049d937c2697.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-3_hu_9535a5ff19541788.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-3_hu_9a71e7d65d0c4faf.jpg"
class=" rounded-2 img"
alt="Book Mockup"
width="5222"
height="3859" />
</picture>
</a>
<div class="card-body pb-4">
<div class="px-2">
<h3 class="h5 card-title fw-medium text-capitalize">
<a class="text-white" href="/professors/site/project/project-3/">Book Mockup</a>
</h3>
<p class="card-text mb-3">Machine Learning Algorithms to study the impact of different items on price and satisfaction of customers, and …</p>
<a class="card-btn text-primary" href="/professors/site/project/project-3/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="project-item mb-4">
<div class="card bg-dark rounded-3">
<a href="/professors/site/project/project-2/" class="overflow-hidden p-3">
<picture>
<source
srcset="/professors/site/images/project/project-2_hu_622af60db48c24ce.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-2_hu_978436bc2caeb426.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-2_hu_10599f90716c860c.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-2_hu_f16266a4ab3178db.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-2_hu_b87bfcccc817d8cf.jpg"
class=" rounded-2 img"
alt="Foster Youth in Ma Schools"
width="5221"
height="3859" />
</picture>
</a>
<div class="card-body pb-4">
<div class="px-2">
<h3 class="h5 card-title fw-medium text-capitalize">
<a class="text-white" href="/professors/site/project/project-2/">Foster Youth in Ma Schools</a>
</h3>
<p class="card-text mb-3">Indicate the layers of school issues that are impacting foster youth in Massachusetts schools.</p>
<a class="card-btn text-primary" href="/professors/site/project/project-2/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="project-item mb-4">
<div class="card bg-dark rounded-3">
<a href="/professors/site/project/project-1/" class="overflow-hidden p-3">
<picture>
<source
srcset="/professors/site/images/project/project-1_hu_98654f7384c9076a.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-1_hu_e4cae9e70a1af997.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-1_hu_d7d16f7ac12d17d8.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-1_hu_f0c58a4fd9943d65.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-1_hu_7e17e6600708d7c7.jpg"
class=" rounded-2 img"
alt="Book hardcover"
alt="DRMDTool Project"
width="5208"
height="3859" />
</picture>
@ -1045,11 +509,11 @@
<div class="card-body pb-4">
<div class="px-2">
<h3 class="h5 card-title fw-medium text-capitalize">
<a class="text-white" href="/professors/site/project/project-1/">Book hardcover</a>
<a class="text-white" href="/project/project-1/">DRMDTool Project</a>
</h3>
<p class="card-text mb-3">Three automated reports are created for Boston EMS to indicate the details about incidents in Boston.</p>
<p class="card-text mb-3">DRMDTool is a complete solution for handling `.drmd` files with automated decryption and downloading via N …</p>
<a class="card-btn text-primary" href="/professors/site/project/project-1/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
<a class="card-btn text-primary" href="/project/project-1/">Discover<i class="fa-solid fa-arrow-right-long"></i></a>
</div>
</div>
</div>
@ -9864,7 +9328,7 @@
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

44
public/project/index.xml
View File

@ -2,46 +2,18 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Recent Projects on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/project/</link>
<link>http://192.168.90.54:1313/project/</link>
<description>Recent content in Recent Projects on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 05 Jan 2022 00:00:00 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/professors/site/project/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 21 May 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="http://192.168.90.54:1313/project/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Machine Learning for Airbnb Data</title>
<link>http://localhost:1313/professors/site/project/project-5/</link>
<pubDate>Wed, 05 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-5/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Autumn Cartoon Fun</title>
<link>http://localhost:1313/professors/site/project/project-4/</link>
<pubDate>Tue, 04 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-4/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Book Mockup</title>
<link>http://localhost:1313/professors/site/project/project-3/</link>
<pubDate>Mon, 03 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-3/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Foster Youth in Ma Schools</title>
<link>http://localhost:1313/professors/site/project/project-2/</link>
<pubDate>Sun, 02 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-2/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
</item>
<item>
<title>Book hardcover</title>
<link>http://localhost:1313/professors/site/project/project-1/</link>
<pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/professors/site/project/project-1/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.&#xA;Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea&#xA;commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;</description>
<title>DRMDTool Project</title>
<link>http://192.168.90.54:1313/project/project-1/</link>
<pubDate>Wed, 21 May 2025 00:00:00 +0000</pubDate>
<guid>http://192.168.90.54:1313/project/project-1/</guid>
<description>&lt;p&gt;DRMDTool is an automation-centric utility designed to streamline the processing of &lt;code&gt;.drmd&lt;/code&gt; files by tightly integrating with the N_m3u8DL-RE downloader. The tool offers robust automation via a watch folder and an intuitive web-based interface, significantly reducing the friction for managing and processing DRM-protected streaming content.&lt;/p&gt;</description>
</item>
</channel>
</rss>

352
public/project/project-1/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head><script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<title>Book hardcover</title>
<title>DRMDTool Project</title>
<meta
@ -28,11 +28,11 @@
<link rel="shortcut icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/professors/site/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/professors/site/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/professors/site/images/favicon_hu_a0382c90d2ab5755.png">
<link rel="shortcut icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hu_e23ec60231f79d1f.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu_8fe24b8d7739e95a.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu_e23ec60231f79d1f.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu_a0382c90d2ab5755.png">
@ -41,7 +41,7 @@
<link rel="manifest" href="/professors/site/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#18b0a2" />
@ -70,7 +70,7 @@
<base href="http://localhost:1313/professors/site/project/project-1/" />
<base href="http://192.168.90.54:1313/project/project-1/" />
@ -81,7 +81,7 @@
<title>Book hardcover</title>
<title>DRMDTool Project</title>
@ -106,7 +106,7 @@
<meta
name="description"
content="Three automated reports are created for Boston EMS to indicate the details about incidents in Boston." />
content="DRMDTool is a complete solution for handling `.drmd` files with automated decryption and downloading via N m3u8DL-RE, watch folder monitoring, and a rich web UI." />
@ -159,8 +159,8 @@
<meta property="og:image" content="http://localhost:1313/professors/site/images/project/project-1.jpg" />
<meta name="twitter:image" content="http://localhost:1313/professors/site/images/project/project-1.jpg" />
<meta property="og:image" content="http://192.168.90.54:1313/images/project/project-1.jpg" />
<meta name="twitter:image" content="http://192.168.90.54:1313/images/project/project-1.jpg" />
<meta
name="twitter:card"
content="summary_large_image" />
@ -184,14 +184,14 @@
<meta property="og:title" content="Book hardcover" />
<meta property="og:description" content="Three automated reports are created for Boston EMS to indicate the details about incidents in Boston." />
<meta property="og:title" content="DRMDTool Project" />
<meta property="og:description" content="DRMDTool is a complete solution for handling `.drmd` files with automated decryption and downloading via N m3u8DL-RE, watch folder monitoring, and a rich web UI." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/professors/site/project/project-1/" />
<meta property="og:url" content="http://192.168.90.54:1313/project/project-1/" />
<meta name="twitter:title" content="Book hardcover" />
<meta name="twitter:description" content="Three automated reports are created for Boston EMS to indicate the details about incidents in Boston." />
<meta name="twitter:title" content="DRMDTool Project" />
<meta name="twitter:description" content="DRMDTool is a complete solution for handling `.drmd` files with automated decryption and downloading via N m3u8DL-RE, watch folder monitoring, and a rich web UI." />
@ -271,7 +271,7 @@
<link rel="stylesheet" href="/professors/site/css/style.css" />
<link rel="stylesheet" href="/css/style.css" />
@ -300,27 +300,27 @@
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#banner"><i class="fa-solid fa-user me-3"></i><span>Introduction</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#skill"><i class="fa-solid fa-list-check me-3"></i><span>My Skills</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#resume"><i class="fa-solid fa-address-card me-3"></i><span>Resume</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#portfolio"><i class="fa-solid fa-box me-3"></i><span>Portfolio</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#blog"><i class="fa-solid fa-blog me-3"></i><span>Blog</span></a>
</li>
<li class="nav-item d-block">
<a class="nav-link d-flex align-items-center" aria-current="page" href="/professors/site#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
<a class="nav-link d-flex align-items-center" aria-current="page" href="/#contact"><i class="fa-solid fa-paper-plane me-3"></i><span>Contact</span></a>
</li>
</ul>
@ -382,14 +382,14 @@
<div class="col-xxl-10 mx-auto" data-aos="fade-up" data-aos-delay="100">
<button class="text-primary mb-5 border-0 bg-transparent" onclick="history.back()"><i class="fa-solid fa-backward me-2"></i>Back</button>
<article>
<h1 class="text-capitalize h3 mb-4">Book hardcover</h1>
<h1 class="text-capitalize h3 mb-4">DRMDTool Project</h1>
<div class="post-meta d-flex flex-wrap flex-lg-nowrap align-items-center mb-4">
<ul class="list-inline me-5">
<li class="list-inline-item">
<i class="fa-solid fa-calendar-days me-2"></i>01 Jan 2022
<i class="fa-solid fa-calendar-days me-2"></i>21 May 2025
</li>
</ul>
<span>Last updated on Jan 1, 2022</span>
<span>Last updated on May 21, 2025</span>
</div>
@ -473,29 +473,29 @@
<picture>
<source
srcset="/professors/site/images/project/project-1_hu_98654f7384c9076a.webp"
srcset="/images/project/project-1_hu_98654f7384c9076a.webp"
media="(max-width: 575px)" />
<source
srcset="/professors/site/images/project/project-1_hu_e4cae9e70a1af997.webp"
srcset="/images/project/project-1_hu_e4cae9e70a1af997.webp"
media="(max-width: 767px)" />
<source
srcset="/professors/site/images/project/project-1_hu_d7d16f7ac12d17d8.webp"
srcset="/images/project/project-1_hu_d7d16f7ac12d17d8.webp"
media="(max-width: 991px)" />
<source
srcset="/professors/site/images/project/project-1_hu_f0c58a4fd9943d65.webp"
srcset="/images/project/project-1_hu_f0c58a4fd9943d65.webp"
/>
<img
loading="lazy" decoding="async"
src="/professors/site/images/project/project-1_hu_7e17e6600708d7c7.jpg"
src="/images/project/project-1_hu_7e17e6600708d7c7.jpg"
class=" featured-image lazy mb-5 rounded-3 img"
alt="Book hardcover"
alt="DRMDTool Project"
width="5208"
height="3859" />
</picture>
@ -513,221 +513,83 @@
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>DRMDTool is an automation-centric utility designed to streamline the processing of <code>.drmd</code> files by tightly integrating with the N_m3u8DL-RE downloader. The tool offers robust automation via a watch folder and an intuitive web-based interface, significantly reducing the friction for managing and processing DRM-protected streaming content.</p>
<br>
<h3 id="project-goal">Project Goal</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h3 id="whats-new">What’s New</h3>
<p>DRMDTool has evolved into a comprehensive platform for batch downloading with enhanced support for user interaction and background processing. It features granular job tracking, dynamic download control (pause, resume, abort), and a refined WebSocket-based console for real-time command output. Subtitle handling now includes automatic downloading and conversion from VTT to SRT, and the downloader adapts based on metadata, organizing content into categorized directories.</p>
<br>
<p>When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text
in short, its meaning can also be zero, but its usefulness is so clear as to go through the centuries and resist the ironic
and modern versions that came with the arrival of the web.</p>
<h3 id="goals-and-use-case">Goals and Use Case</h3>
<p>The primary aim is to automate <code>.drmd</code> file processing with minimal manual input. Users can configure download formats, specify directories, and enable real-time command broadcasting. DRMDTool is suitable for both interactive use through a web UI and headless automation in pipelines, supporting inotify or polling-based folder watching.</p>
<br>
<!-- internal link -->
<div
class=" gallery ">
<div class="gallery-item">
<img
loading="lazy"
src="/professors/site/images/gallery/project-1_hu_5e809ce3a121fe7a.jpg"
class="img"
style="margin: 0;"
alt="project-1.jpg"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-1_hu_5e809ce3a121fe7a.jpg'" />
</div>
<div class="gallery-item">
<img
loading="lazy"
src="/professors/site/images/gallery/project-3_hu_c2dfbcbdc0a21e9.jpg"
class="img"
style="margin: 0;"
alt="project-3.jpg"
onerror="this.onerror='null';this.src='\/professors\/site\/images\/gallery\/project-3_hu_c2dfbcbdc0a21e9.jpg'" />
</div>
</div>
<h3 id="how-drmd-files-work">How <code>.drmd</code> Files Work</h3>
<p>A <code>.drmd</code> file is a structured JSON document that defines one or more encrypted media items to be processed by DRMDTool. It contains an <code>Items</code> array, with each item representing a specific media job. DRMDTool parses these entries to generate download commands for N_m3u8DL-RE.</p>
<p>Each item includes:</p>
<ul>
<li><strong>MPD</strong>: A DASH manifest, either a direct URL or a base64-encoded version. If base64-encoded, DRMDTool decodes and temporarily saves it before use.</li>
<li><strong>Keys</strong>: A comma-separated list of <strong>KID:key</strong> pairs (e.g., <code>abcd1234ef567890:00112233445566778899aabbccddeeff</code>). These are required for decrypting encrypted media streams and are passed directly to N_m3u8DL-RE using <code>--key</code> flags.</li>
<li><strong>Filename</strong>: The name to be used for the final output file.</li>
<li><strong>Subtitles</strong>: Comma-separated list of subtitle URLs in <code>.vtt</code> format. DRMDTool downloads and converts these to <code>.srt</code>, then muxes them into the final file.</li>
<li><strong>Metadata</strong>: A semicolon-separated string like <code>Title;Type;Season</code> (e.g., <code>Example Show;serie;1</code>) used to determine directory structure (<code>Movies/Title</code> or <code>Series/Title/Season</code>).</li>
<li><strong>Description</strong> and <strong>Poster</strong>: Optional fields used only for display in the web UI.</li>
</ul>
<h4 id="example-drmd-structure">Example <code>.drmd</code> Structure</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Items&#34;</span>: [
</span></span><span style="display:flex;"><span> {
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;MPD&#34;</span>: <span style="color:#e6db74">&#34;aHR0cHM6Ly9leGFtcGxlLmNvbS9zdHJlYW0ubXBk&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Keys&#34;</span>: <span style="color:#e6db74">&#34;abcd1234ef567890:00112233445566778899aabbccddeeff&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Filename&#34;</span>: <span style="color:#e6db74">&#34;ExampleShow.S01E01&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Subtitles&#34;</span>: <span style="color:#e6db74">&#34;https://example.com/sub1.vtt,https://example.com/sub2.vtt&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Metadata&#34;</span>: <span style="color:#e6db74">&#34;Example Show;serie;1&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Description&#34;</span>: <span style="color:#e6db74">&#34;Pilot episode&#34;</span>,
</span></span><span style="display:flex;"><span> <span style="color:#f92672">&#34;Poster&#34;</span>: <span style="color:#e6db74">&#34;&#34;</span>
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> ]
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h3 id="processing-steps">Processing Steps</h3>
<ol>
<li><strong>Detection</strong>: DRMDTool either watches a folder or receives <code>.drmd</code> uploads through the web UI.</li>
<li><strong>Validation</strong>: It waits for the file to finish writing (based on file size stability), then parses its contents.</li>
<li><strong>MPD Handling</strong>: If base64-encoded, the MPD is decoded and written to a temp file; otherwise, the URL is fetched or passed as-is.</li>
<li><strong>Command Generation</strong>: Using the MPD, <code>KID:key</code> pairs, output paths, and subtitles, DRMDTool builds a command line for N_m3u8DL-RE.</li>
<li><strong>Execution</strong>: The download is launched with live progress tracking. Users can pause, resume, or abort jobs, and optionally stream console output via WebSocket.</li>
</ol>
<p>These files serve as portable job definitions. When DRMDTool detects or receives a <code>.drmd</code> file, it parses the items, decodes or downloads the MPD, applies the keys, and builds a download command using N_m3u8DL-RE. Files are saved in organized directories like <code>Movies/Title</code> or <code>Series/Title/Season</code>, and subtitles are embedded if available. Pausing, resuming, and aborting downloads is supported per file.</p>
<br>
<h3 id="solution">Solution</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h3 id="architecture-overview">Architecture Overview</h3>
<p>The configuration is handled via <code>config.toml</code>, with environment variable overrides for containerized or dynamic deployments. Once started, the tool can either monitor a specified folder or allow file uploads through the UI. Each <code>.drmd</code> file is parsed, grouped by series and season (if applicable), and processed sequentially with support for job pausing and resuming.</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h3 id="web-ui--cli">Web UI &amp; CLI</h3>
<p>To use:</p>
<pre tabindex="0"><code>./drmdtool
</code></pre><p>Visit <code>http://localhost:8080</code> for the web interface, which supports drag-and-drop uploads, selection of episodes or movies, and real-time progress tracking. For headless operation:</p>
<pre tabindex="0"><code>./drmdtool -f /path/to/file.drmd
</code></pre><p>Jobs can be paused, resumed, or aborted through the web interface, which reflects the backend state via live updates.</p>
<br>
<h3 id="enhanced-download-logic">Enhanced Download Logic</h3>
<p>DRMDTool dynamically builds download commands using metadata from <code>.drmd</code> files and user preferences. It ensures that only the highest quality streams are kept, removing ad periods and duplicate segments from the MPD files. Subtitles are fetched and embedded automatically. Jobs are tracked with robust state management and logs for debugging and visibility.</p>
<br>
<h3 id="repository">Repository</h3>
<p>Code and setup instructions are hosted here:
<a href="https://git.directme.in/Joren/DRMDTool"
target="_blank"
>https://git.directme.in/Joren/DRMDTool</a></p>
<h1 id="drmdtool">DRMDtool</h1>
<p>For advanced usage details, customization, and API structure, refer to the <code>README.md</code> in the repository.</p>
<h2 id="ui-previews">UI Previews</h2>
<h3 id="index-page">Index Page</h3>
<p><img src="images/index.png" alt="Index Page"></p>
<h3 id="select-page">Select Page</h3>
<p><img src="images/select.png" alt="Select Page"></p>
<h3 id="progress-page">Progress Page</h3>
<p><img src="images/progress.png" alt="Progress Page"></p>
</div>
</article>
@ -9538,7 +9400,7 @@ commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/professors/site/service-worker.js");}
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>

73
public/sitemap.xml
View File

@ -2,69 +2,40 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://localhost:1313/professors/site/categories/book-rack/</loc>
<lastmod>2022-01-06T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/project/project-1/</loc>
<lastmod>2025-05-21T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/categories/</loc>
<lastmod>2022-01-06T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/</loc>
<lastmod>2025-05-21T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/</loc>
<lastmod>2022-01-06T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/project/</loc>
<lastmod>2025-05-21T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/blog/</loc>
<lastmod>2022-01-06T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/</loc>
<lastmod>2025-05-13T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-6/</loc>
<lastmod>2022-01-06T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/blog/post-1/</loc>
<lastmod>2025-05-13T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/categories/library/</loc>
<lastmod>2022-01-05T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/cybersecurity/</loc>
<lastmod>2025-05-13T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/project/project-5/</loc>
<lastmod>2022-01-05T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/event-recap/</loc>
<lastmod>2025-05-13T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/project/</loc>
<lastmod>2022-01-05T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/blog/</loc>
<lastmod>2025-05-13T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-5/</loc>
<lastmod>2022-01-05T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/book-rack/</loc>
</url><url>
<loc>http://localhost:1313/professors/site/project/project-4/</loc>
<lastmod>2022-01-04T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/class-room/</loc>
</url><url>
<loc>http://localhost:1313/professors/site/categories/class-room/</loc>
<lastmod>2022-01-04T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/education/</loc>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-4/</loc>
<lastmod>2022-01-04T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/library/</loc>
</url><url>
<loc>http://localhost:1313/professors/site/project/project-3/</loc>
<lastmod>2022-01-03T00:00:00+00:00</lastmod>
<loc>http://192.168.90.54:1313/categories/nato/</loc>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-3/</loc>
<lastmod>2022-01-03T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/project/project-2/</loc>
<lastmod>2022-01-02T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-2/</loc>
<lastmod>2022-01-02T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/categories/writing/</loc>
<lastmod>2022-01-02T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/categories/book/</loc>
<lastmod>2022-01-01T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/project/project-1/</loc>
<lastmod>2022-01-01T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/categories/last-hope/</loc>
<lastmod>2022-01-01T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/blog/post-1/</loc>
<lastmod>2022-01-01T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/professors/site/tags/</loc>
<loc>http://192.168.90.54:1313/tags/</loc>
</url>
</urlset>

2
public/tags/index.html
View File

@ -1,2 +1,2 @@
<script src="/professors/site/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=professors/site/livereload" data-no-instant defer></script><script>window.location.replace("\/professors\/site");</script>
<script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><script>window.location.replace("\/");</script>

4
public/tags/index.xml
View File

@ -2,10 +2,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Professors - Personal Portfolio Theme</title>
<link>http://localhost:1313/professors/site/tags/</link>
<link>http://192.168.90.54:1313/tags/</link>
<description>Recent content in Tags on Professors - Personal Portfolio Theme</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="http://localhost:1313/professors/site/tags/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="http://192.168.90.54:1313/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>