BranchesTags

Repository files navigation

Webpage for the HPMRG

This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).

It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.

The Hugo framework with the Academic theme

Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building websites". I use the Academic theme for Hugo as it implements many features for academic researchers.

It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run

brew install hugo

Creating a local website

First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io

You can preview the website by running

hugo server --baseURL https://localhost:1313/

from the website directory (e.g., "handcock.github.io"). This builds the website and creates a local web server to host it. It generates a link (the default is https://localhost:1313/) which can be pasted into a web browser. In the background, the hugo server also detects any change to the content and updates the website automatically.

Making it your website

The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files for website content.

├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a section of my webpage (take a look at it); in particular, home corresponds to the homepage of your website. Another unique folder is the authors, which contains basic information about the website owner and all other authors (not needed for a personal website). The publication corresponds to each of my publications.

Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).

See its documentation for more information.

Creating a public website

Commit your website as a repository on github (with <git hub ID>.github.io as a name).

After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".

After a minute a published link will appear on the page and it is live.

See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the .github/workflows/gh-pages.yml is already set up and you need not change it.

About

No description, website, or topics provided.

Resources

Readme
MIT license
Activity
Custom properties

Stars

0 stars

Watchers

3 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, '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
Webpage for the HPMRG
This is the core website code for the Hard-to-Reach Population Methods Research Group (HPMRG).
It based on an Academic style organizational template using the Hugo Academic theme. It is based on the work of of Qingyuan Zhao who deserved the credit for both creating the template and also publishing it so that others can benefit from it. Thank you, Qingyuan Zhao! See his post for a guide.
The Hugo framework with the Academic theme
Based on Qingyuan's work, I decided to use Hugo. It is renowned as "the world's fastest framework for building
websites". I use the Academic theme for Hugo as it implements many features for academic researchers.
It helps to have Hugo installed locally as you can compile the website and see what you will get. Installing Hugo in Mac OS X is straightforward with homebrew. Simply run
brew install hugo
Creating a local website
First, clone this repository. I put mine in "handcock.github.io". Rename it to <git hub ID>.github.io
You can preview the website by running
hugo server --baseURL https://localhost:1313/
from the website directory (e.g., "handcock.github.io"). This builds the website and creates a
local web server to host it. It generates a link (the default is https://localhost:1313/)
which can be pasted into a web browser. In the background, the hugo
server also detects any change to the content and updates the website
automatically.
Making it your website
The files are all writen as text files in markdown. The content sub-folder contains all the Markdown files
for website content.
├── content
│ ├── authors
│ ├── featured
│ ├── group
│ ├── home
│ ├── post
│ ├── project
│ ├── publication
│ ├── research
│ ├── talk
│ └── teaching

Most of its sub-directories correspond to a
section of my webpage (take a look at it); in particular, home corresponds to the
homepage of your website. Another unique folder is the authors,
which contains basic information about the website owner and all other
authors (not needed for a personal website). The publication corresponds to each of my publications.
Basically, you will edit the text files in each of these sub-directiries to change them to ones that are for you (as now they are all for me!).
See its documentation for more information.
Creating a public website
Commit your website as a repository on github (with <git hub ID>.github.io as a name).
After successfully committed, go to your repository and click on the “Settings” on the top right, then scroll down to the "Pages" section. Under "Build and deployment" set the branch to "gh-pages" and "Save".
After a minute a published link will appear on the page and it is live.
See [the official documentation(https://gohugo.io/hosting-and-deployment/hosting-on-github/) for how to do other things. Note that the
.github/workflows/gh-pages.yml is already set up and you need not change it.
About
No description, website, or topics provided.
Resources
Readme
MIT license
Activity
Custom properties
Stars
0 stars
Watchers
3 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages