diff --git a/SETUP.md b/SETUP.md index eacf2ff..93c97c1 100644 --- a/SETUP.md +++ b/SETUP.md @@ -6,7 +6,7 @@ This Jekyll site is designed to display cybersecurity lab exercises organized by - **Organized by Category**: Labs are grouped by their directory structure (e.g., "Introducing Attacks", "Network Security", etc.) - **Hacktivity Theme**: Custom theme matching the Hacktivity platform with light/dark mode toggle (dark mode default) -- **Google Fonts**: Uses Inter for body text and JetBrains Mono for code +- **Google Fonts**: Uses Do Hyeon for headings and Source Code Pro for code, with Helvetica Neue for body text - **GitHub Pages Compatible**: Ready for deployment on GitHub Pages - **Responsive Design**: Works on desktop and mobile devices diff --git a/_layouts/default.html b/_layouts/default.html index cd75f29..2e1385e 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -10,7 +10,7 @@ - + diff --git a/assets/css/hacktivity-theme.scss b/assets/css/hacktivity-theme.scss index f2d5b6a..d6436a3 100644 --- a/assets/css/hacktivity-theme.scss +++ b/assets/css/hacktivity-theme.scss @@ -5,11 +5,15 @@ // Set default font family body { - font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +h1, h2, h3 { + font-family: "Do Hyeon", "Source Code Pro", Monaco, monospace; } code, pre, .highlight { - font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace; + font-family: "Source Code Pro", Monaco, monospace; } // Dark mode as default @@ -194,6 +198,101 @@ a:focus { margin-bottom: 2rem; } +// Additional Hacktivity styling +h2 a { + color: inherit; +} + +h2 a:hover { + color: inherit; + text-decoration: none; +} + +a { + color: var(--link-color); +} + +.challenge_link { + color: whitesmoke; + position: absolute; + right: 0; + left: 0; + height: 180px; + display: flex; + justify-content: center; /* Align horizontal */ + align-items: center; /* Align vertical */ +} + +.challenge_link h2 { + margin: 0 0 0 0; +} + +a:active, .challenge_link:active { + color: var(--link-color); + text-decoration: none; +} + +a:hover, a:focus, button { + color: var(--link-color); + text-decoration: none; + outline: none !important; +} + +.challenge_link:hover { + color: plum; +} + +.to_bottom { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} + +.to_bottom p { + text-align: center; + margin: 0 0 0 0; +} + +.db_challenge_link { + color: var(--challenge-link-color); +} + +.tiny { + font-size: small; +} + +.attribution a { + color: dimgrey; +} + +.attribution { + font-size: small; + color: dimgrey; +} + +.brand-name { + font-family: "Do Hyeon", "Source Code Pro", Monaco, monospace; + font-size: 100px; + color: plum !important; + margin-bottom: -46px; +} + +.brand-after { + letter-spacing: 3px; + font-family: "Do Hyeon", "Source Code Pro", Monaco, monospace; + font-size: 30px; +} + +h1.user_handle, h1.team_name { + font-size: 50px; +} + +.user_handle, .team_name { + font-family: "Cute Font", "Source Code Pro", Monaco, monospace; + font-size: 30px; +} + .lab-item { border: 1px solid var(--panelborder-color); border-radius: 6px;