409 lines
20 KiB
HTML
409 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="auto" data-theme="auto">
|
||
|
||
<head><meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="robots" content="index, follow">
|
||
<title>About | HamPack & HamPack Server.</title>
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="A fast, clean, and responsive Hugo theme designed for bloggers and content creators.">
|
||
<meta name="author" content="Aditya Telange">
|
||
<link rel="canonical" href="https://hampack.net/about/">
|
||
<link crossorigin="anonymous" href="/assets/css/stylesheet.cd9298b33628769aa1bc1acebbbfd7aa11ce81dfe03484d479e1907760249a1d.css" integrity="sha256-zZKYszYodpqhvBrOu7/XqhHOgd/gNITUeeGQd2Akmh0=" rel="preload stylesheet" as="style">
|
||
<link rel="icon" href="https://hampack.net/favicon.ico">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="https://hampack.net/favicon-16x16.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="https://hampack.net/favicon-32x32.png">
|
||
<link rel="apple-touch-icon" href="https://hampack.net/apple-touch-icon.png">
|
||
<link rel="mask-icon" href="https://hampack.net/safari-pinned-tab.svg">
|
||
<meta name="theme-color" content="#2e2e33">
|
||
<meta name="msapplication-TileColor" content="#2e2e33">
|
||
<link rel="alternate" hreflang="en" href="https://hampack.net/about/">
|
||
<noscript>
|
||
<style>
|
||
#theme-toggle,
|
||
.top-link {
|
||
display: none;
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
@media (prefers-color-scheme: dark) {
|
||
:root {
|
||
--theme: rgb(29, 30, 32);
|
||
--entry: rgb(46, 46, 51);
|
||
--primary: rgb(218, 218, 219);
|
||
--secondary: rgb(155, 156, 157);
|
||
--tertiary: rgb(65, 66, 68);
|
||
--content: rgb(196, 196, 197);
|
||
--code-block-bg: rgb(46, 46, 51);
|
||
--code-bg: rgb(55, 56, 62);
|
||
--border: rgb(51, 51, 51);
|
||
color-scheme: dark;
|
||
}
|
||
|
||
.list {
|
||
background: var(--theme);
|
||
}
|
||
|
||
.toc {
|
||
background: var(--entry);
|
||
}
|
||
}
|
||
|
||
</style>
|
||
</noscript>
|
||
<script>
|
||
if (localStorage.getItem("pref-theme") === "dark") {
|
||
document.querySelector("html").dataset.theme = 'dark';
|
||
} else if (localStorage.getItem("pref-theme") === "light") {
|
||
document.querySelector("html").dataset.theme = 'light';
|
||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||
document.querySelector("html").dataset.theme = 'dark';
|
||
} else {
|
||
document.querySelector("html").dataset.theme = 'light';
|
||
}
|
||
|
||
</script><meta property="og:url" content="https://hampack.net/about/">
|
||
<meta property="og:site_name" content="HamPack & HamPack Server.">
|
||
<meta property="og:title" content="About">
|
||
<meta property="og:description" content="A fast, clean, and responsive Hugo theme designed for bloggers and content creators.">
|
||
<meta property="og:locale" content="en_us">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:published_time" content="2026-05-09T12:00:00+05:30">
|
||
<meta property="article:modified_time" content="2026-05-09T12:00:00+05:30">
|
||
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="About">
|
||
<meta name="twitter:description" content="A fast, clean, and responsive Hugo theme designed for bloggers and content creators.">
|
||
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BreadcrumbList",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 1 ,
|
||
"name": "About",
|
||
"item": "https://hampack.net/about/"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BlogPosting",
|
||
"headline": "About",
|
||
"name": "About",
|
||
"description": "A fast, clean, and responsive Hugo theme designed for bloggers and content creators.",
|
||
"keywords": [
|
||
|
||
],
|
||
"articleBody": "PaperMod is a fast, clean, and responsive Hugo theme designed for bloggers and content creators. It offers a modern design with a focus on readability and performance, making it an excellent choice for personal blogs, portfolios, and documentation sites.\nBased on hugo-paper, with additional features and customization options.\nPaperMod at Hugo Themes PaperMod@themes.gohugo.io Minimum Hugo Version Hugo v0.146.0+ Discord Community Join Discord to chat with the community Github Discussion Join Discussions on Github Live Demo adityatelange.github.io/hugo-PaperMod Documentation Github Wiki Example Site Source exampleSite branch Features 💥 ☄️ Fast | ☁️ Fluent | 🌙 Smooth | 📱 Responsive\nAsset pipeline – Hugo’s built-in asset generator with fingerprinting, bundling, and minification. Three layout modes – Regular, Home-Info, and Profile. Light and dark themes – Automatic switching based on browser preference, plus a manual toggle. Multilingual support – Includes a built-in language selector. Search – Client-side search powered by Fuse.js. SEO optimized – Open Graph, Twitter Cards, and Schema.org structured data out of the box. Cover images – Per-post cover images with responsive image support. Table of contents – Auto-generated from heading structure. Multiple authors – Native support for multi-author sites. Social icons and share buttons – Configurable social links and per-post sharing. Breadcrumb navigation Post archives and taxonomies Code block copy buttons – One-click copying with Chroma syntax highlighting. Related post suggestions Zero JS build dependencies – No webpack, Node.js, or other tooling required. Topic Description Installation guide Detailed installation and update instructions Features wiki page In-depth explanations of all features FAQ wiki Common questions and configuration walkthroughs Icons wiki Documentation for social icons and share icons Variables wiki List of all available template variables Overiding templates Guide to customizing templates without forking Releases Detailed history of releases Performance ☄️ PaperMod consistently scores near-perfect results on Pagespeed Insights.\nSupport 🫶 Star this repository to show your support. Share PaperMod with others who might find it useful. Sponsor the project on GitHub Sponsors or Ko-Fi. Special Thanks 🌟 Highlight.js Fuse.js Feather Icons Simple Icons All contributors and supporters Stargazers 📈 ",
|
||
"wordCount" : "337",
|
||
"inLanguage": "en",
|
||
"datePublished": "2026-05-09T12:00:00+05:30",
|
||
"dateModified": "2026-05-09T12:00:00+05:30",
|
||
"author":[{
|
||
"@type": "Person",
|
||
"name": "Aditya Telange"
|
||
}],
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https://hampack.net/about/"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "HamPack \u0026 HamPack Server.",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https://hampack.net/favicon.ico"
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body id="top">
|
||
<header class="header">
|
||
<nav class="header-nav">
|
||
<div class="logo">
|
||
<a href="https://hampack.net/" accesskey="h" title="HamPack & HamPack Server. (Alt + H)">HamPack & HamPack Server.</a>
|
||
<div class="logo-switches">
|
||
<button id="theme-toggle" class="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
|
||
<svg class="moon" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"
|
||
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round">
|
||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
||
</svg>
|
||
<svg class="sun" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"
|
||
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round">
|
||
<circle cx="12" cy="12" r="5"></circle>
|
||
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<ul id="menu" class="menu">
|
||
<li>
|
||
<a href="https://hampack.net/about" title="About">
|
||
<span class="active">About</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://hampack.net/archives" title="Archive">
|
||
<span>Archive</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://hampack.net/search/" title="Search (Alt + /)" accesskey=/>
|
||
<span>Search</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<main class="main">
|
||
|
||
<article class="post-single">
|
||
<header class="post-header">
|
||
|
||
<h1 class="post-title entry-hint-parent">
|
||
About
|
||
</h1>
|
||
<div class="post-description">
|
||
A fast, clean, and responsive Hugo theme designed for bloggers and content creators.
|
||
</div>
|
||
<div class="post-meta">
|
||
|
||
<span title='2026-05-09 12:00:00 +0530 +0530'>May 9, 2026</span> · <span>Aditya Telange</span>
|
||
|
||
</div>
|
||
</header>
|
||
<div class="post-content md-content"><p>PaperMod is a fast, clean, and responsive Hugo theme designed for bloggers and content creators. It offers a modern design with a focus on readability and performance, making it an excellent choice for personal blogs, portfolios, and documentation sites.</p>
|
||
<blockquote>
|
||
<p>Based on <a href="https://github.com/nanxiaobei/hugo-paper/tree/4330c8b12aa48bfdecbcad6ad66145f679a430b3">hugo-paper</a>, with additional features and customization options.</p>
|
||
</blockquote>
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td>PaperMod at Hugo Themes</td>
|
||
<td><a href="https://themes.gohugo.io/themes/hugo-papermod/">PaperMod@themes.gohugo.io</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Minimum Hugo Version</td>
|
||
<td><a href="https://github.com/gohugoio/hugo/releases/tag/v0.146.0">Hugo v0.146.0+</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Discord Community</td>
|
||
<td><a href="https://discord.gg/ahpmTvhVmp">Join Discord to chat with the community</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Github Discussion</td>
|
||
<td><a href="https://github.com/adityatelange/hugo-PaperMod/discussions">Join Discussions on Github</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Live Demo</td>
|
||
<td><a href="https://adityatelange.github.io/hugo-PaperMod/">adityatelange.github.io/hugo-PaperMod</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Documentation</td>
|
||
<td><a href="https://github.com/adityatelange/hugo-PaperMod/wiki">Github Wiki</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Example Site Source</td>
|
||
<td><a href="https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite">exampleSite branch</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td><a href="https://www.star-history.com/adityatelange/hugo-papermod"><img src="https://api.star-history.com/badge?repo=adityatelange/hugo-PaperMod&theme=dark" alt="Star History Rank" /></a></td>
|
||
<td><a href="https://ko-fi.com/H2H229ZWH"><img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="ko-fi" /></a></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p align="center">
|
||
<img src="https://user-images.githubusercontent.com/21258296/114303440-bfc0ae80-9aeb-11eb-8cfa-48a4bb385a6d.png" alt="Mockup image" title="Mockup"/>
|
||
</p>
|
||
<hr>
|
||
<h2 id="features-">Features 💥<a hidden class="anchor" aria-hidden="true" href="#features-">#</a></h2>
|
||
<p><code>☄️ Fast | ☁️ Fluent | 🌙 Smooth | 📱 Responsive</code></p>
|
||
<ul>
|
||
<li><strong>Asset pipeline</strong> – Hugo’s built-in asset generator with fingerprinting, bundling, and minification.</li>
|
||
<li><strong>Three layout modes</strong> – <a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Features#regular-mode-default-mode">Regular</a>, <a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Features#home-info-mode">Home-Info</a>, and <a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Features#profile-mode">Profile</a>.</li>
|
||
<li><strong>Light and dark themes</strong> – Automatic switching based on browser preference, plus a manual toggle.</li>
|
||
<li><strong>Multilingual support</strong> – Includes a built-in language selector.</li>
|
||
<li><strong>Search</strong> – Client-side search powered by Fuse.js.</li>
|
||
<li><strong>SEO optimized</strong> – Open Graph, Twitter Cards, and Schema.org structured data out of the box.</li>
|
||
<li><strong>Cover images</strong> – Per-post cover images with responsive image support.</li>
|
||
<li><strong>Table of contents</strong> – Auto-generated from heading structure.</li>
|
||
<li><strong>Multiple authors</strong> – Native support for multi-author sites.</li>
|
||
<li><strong>Social icons and share buttons</strong> – Configurable social links and per-post sharing.</li>
|
||
<li><strong>Breadcrumb navigation</strong></li>
|
||
<li><strong>Post archives and taxonomies</strong></li>
|
||
<li><strong>Code block copy buttons</strong> – One-click copying with Chroma syntax highlighting.</li>
|
||
<li><strong>Related post suggestions</strong></li>
|
||
<li><strong>Zero JS build dependencies</strong> – No webpack, Node.js, or other tooling required.</li>
|
||
</ul>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Topic</th>
|
||
<th>Description</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Installation">Installation guide</a></strong></td>
|
||
<td>Detailed installation and update instructions</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Features">Features wiki page</a></strong></td>
|
||
<td>In-depth explanations of all features</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs">FAQ wiki</a></strong></td>
|
||
<td>Common questions and configuration walkthroughs</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Icons">Icons wiki</a></strong></td>
|
||
<td>Documentation for social icons and share icons</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Variables">Variables wiki</a></strong></td>
|
||
<td>List of all available template variables</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/wiki/Template_Overrides">Overiding templates</a></strong></td>
|
||
<td>Guide to customizing templates without forking</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong><a href="https://github.com/adityatelange/hugo-PaperMod/releases">Releases</a></strong></td>
|
||
<td>Detailed history of releases</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<hr>
|
||
<h2 id="performance-">Performance ☄️<a hidden class="anchor" aria-hidden="true" href="#performance-">#</a></h2>
|
||
<p>PaperMod consistently scores near-perfect results on <a href="https://pagespeed.web.dev/report?url=https://adityatelange.github.io/hugo-PaperMod/">Pagespeed Insights</a>.</p>
|
||
<img width="481" height="116" alt="image" src="https://github.com/user-attachments/assets/497d831b-d143-4a46-bc11-b1d7f8ef4a83" />
|
||
<hr>
|
||
<h2 id="support-">Support 🫶<a hidden class="anchor" aria-hidden="true" href="#support-">#</a></h2>
|
||
<ul>
|
||
<li>Star this repository to show your support.</li>
|
||
<li>Share PaperMod with others who might find it useful.</li>
|
||
<li>Sponsor the project on <a href="https://github.com/sponsors/adityatelange">GitHub Sponsors</a> or <a href="https://ko-fi.com/adityatelange">Ko-Fi</a>.</li>
|
||
</ul>
|
||
<hr>
|
||
<h2 id="special-thanks-">Special Thanks 🌟<a hidden class="anchor" aria-hidden="true" href="#special-thanks-">#</a></h2>
|
||
<ul>
|
||
<li><a href="https://github.com/highlightjs/highlight.js">Highlight.js</a></li>
|
||
<li><a href="https://github.com/krisk/fuse">Fuse.js</a></li>
|
||
<li><a href="https://github.com/feathericons/feather">Feather Icons</a></li>
|
||
<li><a href="https://github.com/simple-icons/simple-icons">Simple Icons</a></li>
|
||
<li>All contributors and supporters</li>
|
||
</ul>
|
||
<hr>
|
||
<h2 id="stargazers-">Stargazers 📈<a hidden class="anchor" aria-hidden="true" href="#stargazers-">#</a></h2>
|
||
<p><a href="https://starchart.cc/adityatelange/hugo-PaperMod"><img alt="Stargazers over time" loading="lazy" src="https://starchart.cc/adityatelange/hugo-PaperMod.svg?background=%23ffffff00&axis=%23858585&line=%236b63ff"></a></p>
|
||
|
||
|
||
</div>
|
||
|
||
<footer class="post-footer">
|
||
<ul class="post-tags">
|
||
</ul>
|
||
</footer>
|
||
</article>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<span>© 2026 <a href="https://hampack.net/">HamPack & HamPack Server.</a></span> ·
|
||
|
||
|
||
|
||
<span>
|
||
Powered by
|
||
<a href="https://gohugo.io/?utm_source=papermod" rel="noopener" target="_blank">Hugo</a> &
|
||
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
|
||
</span>
|
||
</footer>
|
||
<a href="#top" id="top-link" class="top-link hidden" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||
stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
|
||
<polyline points="17 11 12 6 7 11"></polyline>
|
||
<polyline points="17 18 12 13 7 18"></polyline>
|
||
</svg>
|
||
</a>
|
||
|
||
<script>
|
||
let menu = document.getElementById('menu');
|
||
if (menu) {
|
||
|
||
const scrollPosition = localStorage.getItem("menu-scroll-position");
|
||
if (scrollPosition) {
|
||
menu.scrollLeft = parseInt(scrollPosition, 10);
|
||
}
|
||
|
||
menu.onscroll = function () {
|
||
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
|
||
}
|
||
}
|
||
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener("click", function (e) {
|
||
e.preventDefault();
|
||
var id = this.getAttribute("href").substr(1);
|
||
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
|
||
behavior: "smooth"
|
||
});
|
||
} else {
|
||
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
|
||
}
|
||
if (id === "top") {
|
||
history.replaceState(null, null, " ");
|
||
} else {
|
||
history.pushState(null, null, `#${id}`);
|
||
}
|
||
});
|
||
});
|
||
|
||
</script>
|
||
<script>
|
||
var toplink = document.getElementById("top-link");
|
||
window.onscroll = function () {
|
||
const scrollThreshold = window.innerHeight;
|
||
if (document.body.scrollTop > scrollThreshold || document.documentElement.scrollTop > scrollThreshold) {
|
||
toplink.classList.remove("hidden");
|
||
} else {
|
||
toplink.classList.add("hidden");
|
||
}
|
||
};
|
||
|
||
</script>
|
||
<script>
|
||
document.getElementById("theme-toggle").addEventListener("click", () => {
|
||
const html = document.querySelector("html");
|
||
if (html.dataset.theme === "dark") {
|
||
html.dataset.theme = 'light';
|
||
localStorage.setItem("pref-theme", 'light');
|
||
} else {
|
||
html.dataset.theme = 'dark';
|
||
localStorage.setItem("pref-theme", 'dark');
|
||
}
|
||
})
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|