Files
HacktivityLabSheets/index.md
Z. Cliffe Schreuders 3d9029a200 Add theme toggle functionality and update styles for dark mode support
- Introduced a theme toggle button in the index page for switching between light and dark modes.
- Added a new stylesheet for the Hacktivity theme with CSS variables for theming.
- Updated existing styles in lab and default layouts to utilize CSS variables for consistent theming.
- Enhanced accessibility and visual appeal with improved color contrasts and hover effects.
2025-09-15 23:30:20 +01:00

3.0 KiB

layout, title
layout title
default Hacktivity Lab Sheets

Hacktivity Lab Sheets

Welcome to the Hacktivity SecGen lab sheets repository. This site contains hands-on cybersecurity lab exercises designed for educational purposes.

Available Labs

{% if site.labs.size > 0 %}

{% for lab in site.labs %}

{{ lab.title }}

{{ lab.description | default: lab.excerpt }}

{% if lab.difficulty %} Difficulty: {{ lab.difficulty }} {% endif %} {% if lab.duration %} Duration: {{ lab.duration }} {% endif %} {% if lab.tags %}
{% for tag in lab.tags %} {{ tag }} {% endfor %}
{% endif %}
{% endfor %}
{% else %}

No labs are currently available. Labs will be added as they are developed.

Check back soon for new cybersecurity lab exercises!

{% endif %}

About

These lab sheets are designed to work with SecGen (Security Scenario Generator) and provide practical, hands-on experience with various cybersecurity concepts and techniques.

How to Use

  1. Browse the available labs above
  2. Click on a lab title to view the detailed instructions
  3. Follow the setup and execution steps provided in each lab
  4. Complete the challenges and questions included in each exercise

Contributing

If you'd like to contribute new labs or improvements to existing ones, please see the repository's contribution guidelines.

<script> // Theme toggle functionality document.addEventListener('DOMContentLoaded', function() { const themeToggle = document.getElementById('theme-toggle'); const themeIcon = document.getElementById('theme-icon'); const body = document.body; // Check for saved theme preference or default to light mode const currentTheme = localStorage.getItem('theme') || 'light'; body.setAttribute('data-theme', currentTheme); updateThemeIcon(currentTheme); themeToggle.addEventListener('click', function() { const currentTheme = body.getAttribute('data-theme'); const newTheme = currentTheme === 'dark' ? 'light' : 'dark'; body.setAttribute('data-theme', newTheme); localStorage.setItem('theme', newTheme); updateThemeIcon(newTheme); }); function updateThemeIcon(theme) { if (theme === 'dark') { themeIcon.className = 'fas fa-sun'; } else { themeIcon.className = 'fas fa-moon'; } } }); </script>