{"id":14981483,"url":"https://github.com/sudorook/capsule","last_synced_at":"2026-02-24T11:32:06.482Z","repository":{"id":55677947,"uuid":"105379544","full_name":"sudorook/capsule","owner":"sudorook","description":"A Hugo theme based on the CSS-only Bulma framework.","archived":false,"fork":false,"pushed_at":"2026-01-19T06:53:39.000Z","size":9392,"stargazers_count":23,"open_issues_count":0,"forks_count":9,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-19T15:07:24.307Z","etag":null,"topics":["bulma","bulma-css","css","css-only","hugo","hugo-theme"],"latest_commit_sha":null,"homepage":"https://sudorook.gitlab.io/capsule-demo","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sudorook.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2017-09-30T15:29:45.000Z","updated_at":"2026-01-19T06:53:43.000Z","dependencies_parsed_at":"2023-02-16T17:16:10.427Z","dependency_job_id":"28fd9484-b210-47e0-b62b-c078675d983f","html_url":"https://github.com/sudorook/capsule","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"purl":"pkg:github/sudorook/capsule","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudorook%2Fcapsule","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudorook%2Fcapsule/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudorook%2Fcapsule/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudorook%2Fcapsule/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sudorook","download_url":"https://codeload.github.com/sudorook/capsule/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudorook%2Fcapsule/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29780604,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-24T10:45:18.109Z","status":"ssl_error","status_checked_at":"2026-02-24T10:45:09.911Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bulma","bulma-css","css","css-only","hugo","hugo-theme"],"created_at":"2024-09-24T14:03:41.536Z","updated_at":"2026-02-24T11:32:06.464Z","avatar_url":"https://github.com/sudorook.png","language":"HTML","readme":"# Capsule\n\nA CSS-only Hugo theme using the\n[Bulma CSS framework](https://github.com/jgthms/bulma) and\n[Font-Awesome icons](https://github.com/FortAwesome/Font-Awesome).\n\n# Install\n\nFrom the base of your website, run:\n\n```bash\ngit submodule add https://github.com/sudorook/capsule themes/capsule\n```\n\nYou can then either build Hugo on the command line and pass the `-t capsule`\nflag, or you can add `theme = \"capsule\"` to your config.toml file.\n\n**Note: Any additional documentation will be added to the\n[Capsule Demo](https://sudorook.gitlab.io/capsule-demo) site, not here.**\n\n## Notes:\n\n### 1. Syntax highlighting (via pygments)\n\nFor code blocks, pick the highlighter style in config.toml by setting:\n\n```toml\npygmentsstyle = \"\u003cstyle\u003e\"\n```\n\nFor dark highlighter themes, you should rebuild capsule CSS with\n`build/extra/syntax.sass`. Uncomment it from the capsule.sass file and run\n`npm run build`.\n\nWithout that file, the background color will default to Bulma's light\nbackground-color, and light colored elements meant to be displayed against dark\nbackgrounds from dark themes will be hard to read.\n\n### 2. Unused classes in Bulma\n\nCapsule is set to only compile the classes it needs. To enable more Bulma\nclasses, uncomment the relevant sass files in `build/bulma/bulma.sass`.\n\n### 3. Enable automatic generation of nav menus\n\nIn your config.toml files, set:\n\n```toml\nSectionPagesMenu = \"main\"\n```\n\nWith this set, capsule with automatically generate a navigation menu in the\nnavbar based on all the sections (the directories inside the content/ directory)\npresent in your site.\n\n### 4. Add git metadata to your pages\n\nIf you host your site on a public git vc server, you can set capsule to build a\n\"Last edited on ...\" note to each page that uses git metadata to display the\ndate of the last commit and add a link to its blob on your public repo.\n\nIn your config.toml file, set:\n\n```toml\nenableGitInfo = true\n\n[params]\n  repo = \"https://github.com/\u003cuser\u003e/\u003crepo\u003e\n\n```\n\nThe `repo` variable should point to the url of your repo for your website. The\nabove example uses GitHub, but GitLab and any other site that follows the format\nof `\u003csiteurl\u003e/\u003cuser\u003e/\u003crepo\u003e/commit/\u003chash\u003e` will work, too.\n\n### 5. Add custom javascript or CSS to a page\n\nIn the toml header, add:\n\n```toml\ncss = \"\"\"\n\u003cstyle\u003e\n ...\n\u003c/style\u003e\n\"\"\"\n\njs = \"\"\"\n\u003cscript\u003e\n ...\n\u003c/script\u003e\n\"\"\"\n```\n\nAny CSS or JS specified here will add to the site \\\u003chead\\\u003e when Hugo renders the\npage.\n\n### 6. Enable table of contents\n\nTo generate a table of contents for a specific page, add to the toml header:\n\n```toml\ntoc = true\n```\n\nThe table of contents will contain all the header items defined in the markdown.\nThe nesting levels for each match the header weight (h1, h2, etc.).\n\n# Build\n\nTo (re)build the CSS, you need to have npm and installed. Clone the capsule\nrepository and once in it run:\n\n```bash\nnpm install\n```\n\nand then build by:\n\n```bash\nnpm run build\n```\n\nYou can enable/disable sass components by editing build/sass/capsule.sass before\nbuilding. To use your own customized version of capsule, a) fork this repository\nand set the Git submodule to use it, or b) make a symlink to your custom build\nin the Hugo themes/ directory, assuming your build system allows this.\n\n![Capsule Corp.](https://raw.githubusercontent.com/sudorook/capsule/master/assets/capsule-corp.png)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudorook%2Fcapsule","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsudorook%2Fcapsule","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudorook%2Fcapsule/lists"}