Project structure

Jump to bottom
theProton edited this page Aug 24, 2024 · 4 revisions

This section describes the structure of the codebase.

The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:

Layouts and partials

layouts/ | Read more

This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).

Currently, the following sub-directories are present:

  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files

Additionally, there is a partials/ directory that contains reusable chunks of html.

Markdown files and content

content/ | Read more

This directory is the single source (or aims to be) of truth for all data displayed on the website.

Currently, the following sub-directories are present:

  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members

Styling files

assets/ | Read more

This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.

Content formatting

archetypes/ | Read more

This directory hosts files that serve as templates when adding new files to any subdirectory in content/.

Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:

  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file

Static files

static/

This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.

Currently, the following sub-directories are present:

  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members

Clone this wiki locally

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
Project structure
Jump to bottom

theProton edited this page Aug 24, 2024
·
4 revisions
This section describes the structure of the codebase.
The directory structure of the project (according to Hugo specifications) and its various components are explained briefly below:
Layouts and partials
layouts/ | Read more
This directory contains all .html files that provide layout to the website. It is organised into sub-directories according to Hugo's file system rules and contain one directory for every page of the website (except the 404 page and the landing page which are in their own individual pages).
Currently, the following sub-directories are present:
  • _default/
  • about/ Layout of the about page
  • blog/ Layout related to the blog list and blog detail page
  • careers/ Layout related to the careers list page
  • events/ Layout related to the event list page
  • privacy-policy/ Layout related to the privacy policy
  • projects/ Layout related to the project list and project detail page
  • team/ Layout related to the team page
  • shortcodes/ Shortcodes to be used in the content markdown files
Additionally, there is a partials/ directory that contains reusable chunks of html.
Markdown files and content
content/ | Read more
This directory is the single source (or aims to be) of truth for all data displayed on the website.
Currently, the following sub-directories are present:
  • blog/ Spells out blog entries
  • careers/ Content related to the open positions in the club
  • events/ Content related to all events of the club
  • privacy-policy/ Spells out the privacy policy
  • projects/ Content related to the projects of the club
  • team/ Content related to the team members
Styling files
assets/ | Read more
This directory serves all the CSS files associated with the website. The files present are careers.css, events.css, footer.css, header.css, home.css, index.css, and team.css.
Content formatting
archetypes/ | Read more
This directory hosts files that serve as templates when adding new files to any subdirectory in content/.
Currently, there are only three kinds of markdown data files used in the website. They correspond to the following template files:
  • careers.md Corresponds to any file added to the careers/ directory
  • events.md Corresponds to any file added to the events/ directory
  • default.md Corresponds to any other content file
Static files
static/
This directory contains all images and files served publicly by the website. Each item resolves to a path relative to /, i.e. a file with the path static/images/null_logo.svg can be found at nullneu.pages.dev/images/null_logo.svg.
Currently, the following sub-directories are present:
  • company-logos/ Contains company logos of speakers who have been invited to null events
  • icons/ Contains all icons used in the website
  • images/ Contains all images used in the website
  • team/ Contains images of all team members
Clone this wiki locally