{"id":13706811,"url":"https://github.com/selfire1/obsidian-publish-css","last_synced_at":"2025-05-05T23:31:37.805Z","repository":{"id":46319469,"uuid":"356839140","full_name":"selfire1/obsidian-publish-css","owner":"selfire1","description":"The CSS for my Obsdian publish site.","archived":false,"fork":false,"pushed_at":"2022-08-10T10:15:12.000Z","size":1914,"stargazers_count":42,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-13T15:49:06.690Z","etag":null,"topics":["obsidian-md","publish"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/selfire1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-04-11T10:39:19.000Z","updated_at":"2024-08-02T05:40:36.000Z","dependencies_parsed_at":"2022-08-20T15:50:55.571Z","dependency_job_id":null,"html_url":"https://github.com/selfire1/obsidian-publish-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfire1%2Fobsidian-publish-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfire1%2Fobsidian-publish-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfire1%2Fobsidian-publish-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfire1%2Fobsidian-publish-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/selfire1","download_url":"https://codeload.github.com/selfire1/obsidian-publish-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252593108,"owners_count":21773408,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["obsidian-md","publish"],"created_at":"2024-08-02T22:01:08.892Z","updated_at":"2025-05-05T23:31:33.941Z","avatar_url":"https://github.com/selfire1.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/joschua","https://www.patreon.com/kepano","https://www.patreon.com/joschua"],"categories":["CSS"],"sub_categories":[],"readme":"# Obsidian Publish CSS\n\nThe CSS for my Obsidian publish site: [joschuasgarden.com](https://joschuasgarden.com/).\n\n![picture of my digital garden](https://github.com/selfire1/obsidian-publish-css/blob/main/site-overview.png?raw=true)\n\n\u003e You can help me keep creating tools like this by [buying me a coffee](https://www.buymeacoffee.com/joschua).\n\n\u003ca href=\"https://www.buymeacoffee.com/joschua\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" height= \"48\" width=\"173\"\u003e\u003c/a\u003e\n\n## Noteworthy inspirations:\nI like to [Steal from my heroes](https://joschuasgarden.com/Steal+from+your+heroes). I copied, changed and pasted a lot to come up with a style I cherish.\n* Themes:\n    * This theme is built on [Minimal Obsidian 2.5.4](https://github.com/kepano/obsidian-minimal) by @kepano: \n        * Sponsor his work on Patreon: https://www.patreon.com/kepano\n    * [Chad Bennet's Publish CSS](https://github.com/chad-bennett/obsidian-publish-css/blob/main/publish.css)\n    * [Eric Gregorich's Publish CSS](https://github.com/ericgregorich/Obsidian-Publish-CSS/blob/main/publish.css) \n* Tips:\n    * Eric's [Publish CSS tips](https://ericgregorich.com/obsidian-publish-css/)\n    * Importing custom fonts tip from [quantumgardener.blog](https://quantumgardener.blog/garden/Changing+the+look+of+your+Obsidian+site+using+fonts+and+CSS)\n* Snippets / Inspiration:\n    * Callout boxes from [Vileplume](https://github.com/hungsu/vileplume-obsidian)\n    * Epistemic status from [devonzuegel](https://devonzuegel.com/post/epistemic-statuses-are-lazy-and-that-is-a-good-thing)\n    * Icon from [iconmonstr](https://iconmonstr.com/)\n\n## Special tweaks\n### Callout Codeblocks\n![picture of callouts](https://github.com/selfire1/obsidian-publish-css/blob/main/site-callout.png?raw=true)\n\nCallouts help to make important things pop out.\nEverything I put in three backticks followed by \"co\" gets formatted this way. ` ```co `\n\nHowever, since I am using a codeblock, links won't work in here.\n\n\n```css\npre.language-co {\nborder-radius: 10px;\nborder: 1px solid rgba(255,255,255,0.03);\npadding: 10px 20px;\nposition: relative;\nbox-shadow: -10px -10px 30px rgba(255,255,255,0.05), 10px 10px 30px rgba(0,0,0,0.2);\nbackground-color: var(--background-primary-alt) !important;\n}\n\ncode.language-co.is-loaded {\n  font-family: var(--text);\n  white-space: normal;\n}\n```\n\n### Annotation formatting\nI want to include Levels of certainty and effort in some of my notes. Therefore I adapted the highlighting syntax `==…==`. Everything between these two equal signs will get formatted. Links still work.\n\n![picture of annotations](https://github.com/selfire1/obsidian-publish-css/blob/main/annotations.png?raw=true)\n\n```css\n/* || Epistemological status styling via Highlighting */\n.markdown-preview-view mark {\n    background-color: var(--background-primary);\n    color: var(--text-faint);\n    font-size: var(--font-small);\n    font-style: italic;\n}\n\n/* unresolved links */\n.markdown-preview-view mark .internal-link.internal-link.is-unresolved {\n  color: #a4a4a4\n}\n\n/* formatting internal links */\n.markdown-preview-view mark .internal-link {\n  color: var(--text-faint);\n  font-style: normal;\n}\n /* hover on internal links */\n.markdown-preview-view mark .internal-link:hover {\n  color: var(--text-faint);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--text-accent-hover-rgba);\n}\n\n/* Special formatting for \"Level of Certainty\" and \"Level of Effort\" */\n.markdown-preview-view mark .internal-link[data-href^='Level of Certainty'] {\n      font-weight: 500;\n      font-style: normal;\n      color: var(--text-muted);\n\n}\n\n.markdown-preview-view mark .internal-link[data-href^='Level of Effort'] {\n      font-weight: 500;\n      font-style: normal;\n      color: var(--text-muted);\n\n}\n```\n\n### Site logo\n\n![picture of my digital garden](https://github.com/selfire1/obsidian-publish-css/blob/main/site-overview.png?raw=true)\n\nHaving a nice logo can make all the difference.\n\n```css\n.site-body-left-column-site-name {\n  text-align: center;\n  margin: 0 auto;\n}\n.site-body-left-column-site-name::before {\n    background: none;\n    display: block;\n    content: url(path-to-your-logo.png);\n    width: 60%;\n    margin: 0 auto;\n}\n```\n\n\n### Hiding files in navigation\nI use this to simplify navigation for the user while keeping the search bar. Be aware that your notes are only *hidden* in the overview, they are still visible in search.\n\nHere, you specify which items you do *not* want to be hidden. So swap these for which ones you want to be *visible*.\n\n```css\n.tree-item-self:not([data-path^='Bible Study Kit']):not([data-path^='Scripture (WEB)']):not([data-path^='+Welcome']):not([data-path^='Books MOC']):not([data-path^='Contact me']) {\n  display: none;\n}\n```\n***\nIf you find value in this and want to contribute, I'd love for you to sponsor my reading habit [on patreon](https://www.patreon.com/joschua).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfire1%2Fobsidian-publish-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fselfire1%2Fobsidian-publish-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfire1%2Fobsidian-publish-css/lists"}