BranchesTags

Repository files navigation

Screenshot of the Website

An HTML/CSS website template perfect for a small academic or technology conference or seminar. The template is quick to deploy and straightforward to customize. You can explore it live here, and see some folks' use of the template here and here and here and here and here and here. I'd be happy to see the site you create from my template ☺

Installation

If you have access to a server for web hosting, perhaps through your company/university or department, then using this template is as easy as cloning this repository directly into your public HTML directory. If not you can pretty easily host a website using this template with GitHub Pages. See that link for more details, but the basic procedure is this:

  1. Create a GitHub repository named username.github.io, where username is your username on GitHub.

  2. Click the Use this template button above, being sure to give your copy of this repository a more apt name, like awesome-conference.

  3. In your copy go to Settings and scroll down to GitHub Pages. Under Source choose the master branch of your forked copy. Then your copy of the website will be hosted at username.github.io/awesome-conference.

Editing the Template

If you have not edited HTML/CSS to design a webpage before, I encourage you to read How to Build a Personal Webpage from Scratch by Alex Rutar, particularly the Crash course in HTML and CSS section.

Beautiful Math with MathJax (optional)

It may be helpful to include mathematical notation on this website, especially in the abstracts of talks. This can be done using MathJax. For an example see the programs page of the template site. To include math in a page of this website, include the lines

<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>

in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.

Sitemap (optional)

The file sitemap.xml helps search engines understand the structure of your site. In this file, each instance of "WEBSITE" should be replaced with the actual address where this website is being hosted. See the sitemaps protocol page for more details.

Alternatives

The simplicity of the HTML/CSS source for this template is its strongest feature. For something more slick or modern or sophisticated or complicated:

About

Workshop for conference

Resources

Readme
GPL-3.0 license

Contributing

Contributing
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

Generated from mikepierce/conference-website-template
, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template

, '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
BranchesTags
Repository files navigation
Screenshot of the Website
An HTML/CSS website template perfect for a small academic or technology conference or seminar.
The template is quick to deploy and straightforward to customize.
You can explore it live here,
and see some folks' use of the template
here
and here
and here
and here
and here
and here.
I'd be happy to see the site you create from my template ☺
Installation
If you have access to a server for web hosting,
perhaps through your company/university or department,
then using this template is as easy as cloning this repository
directly into your public HTML directory.
If not you can pretty easily host a website using this template with GitHub Pages.
See that link for more details, but the basic procedure is this:
  1. Create a GitHub repository named username.github.io,
where username is your username on GitHub.
  2. Click the Use this template button above,
being sure to give your copy of this repository a more apt name,
like awesome-conference.
  3. In your copy go to Settings and scroll down to GitHub Pages.
Under Source choose the master branch of your forked copy.
Then your copy of the website will be hosted at username.github.io/awesome-conference.
Editing the Template
If you have not edited HTML/CSS to design a webpage before,
I encourage you to read
How to Build a Personal Webpage from Scratch
by Alex Rutar, particularly the
Crash course in HTML and CSS
section.
Beautiful Math with MathJax (optional)
It may be helpful to include mathematical notation on this website, especially in the abstracts of talks.
This can be done using MathJax.
For an example see the programs page of the template site.
To include math in a page of this website, include the lines
<scripttype="text/javascript" asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=default"></script>
in the <head> of the HTML file. Then math can by typeset by using LaTeX's math notation enclosed in \(...\) delimiters.
Sitemap (optional)
The file sitemap.xml helps search engines understand the structure of your site.
In this file, each instance of "WEBSITE" should be replaced
with the actual address where this website is being hosted.
See the sitemaps protocol page for more details.
Alternatives
The simplicity of the HTML/CSS source for this template is its strongest feature.
For something more slick or modern or sophisticated or complicated:
About
Workshop for conference 
Resources
Readme
GPL-3.0 license
Contributing
Contributing
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages
Generated from mikepierce/conference-website-template