{"id":16761343,"url":"https://github.com/irevoire/fenced_code_tabs","last_synced_at":"2025-10-11T22:48:21.621Z","repository":{"id":103468491,"uuid":"331433566","full_name":"irevoire/fenced_code_tabs","owner":"irevoire","description":"A shortcode for zola","archived":false,"fork":false,"pushed_at":"2021-01-22T19:52:35.000Z","size":46,"stargazers_count":5,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-11T19:18:55.559Z","etag":null,"topics":["markdown","markdown-extension","shortcode","zola"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/irevoire.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-20T21:12:20.000Z","updated_at":"2024-06-07T23:46:03.000Z","dependencies_parsed_at":"2023-03-05T20:15:42.483Z","dependency_job_id":null,"html_url":"https://github.com/irevoire/fenced_code_tabs","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/irevoire%2Ffenced_code_tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irevoire%2Ffenced_code_tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irevoire%2Ffenced_code_tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irevoire%2Ffenced_code_tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/irevoire","download_url":"https://codeload.github.com/irevoire/fenced_code_tabs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234454680,"owners_count":18835311,"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":["markdown","markdown-extension","shortcode","zola"],"created_at":"2024-10-13T04:42:23.439Z","updated_at":"2025-09-27T19:31:34.299Z","avatar_url":"https://github.com/irevoire.png","language":"SCSS","readme":"Fenced Code Tabs\n================\n\nThis is a port of the original [markdown fenced code tabs](https://yassir.dev/markdown-fenced-code-tabs/) project for [zola](https://github.com/getzola/zola).\n\n\n![an illustration of the result](example.png)\n\n\n## How to use it\n\n\t{% fenced_code_tab(tabs=[\"rust\", \"C\", \"java\"]) %}\n\t```rust\n\tprinln!(\"Hello World!\");\n\t```\n\t---\n\t```C\n\tprinf(\"Hello World!\\n\");\n\t```\n\t---\n\t```java\n\tsystem.out.println(\"Hello World!\");\n\t```\n\t{% end %}\n\nThis is the code we used to generate the previous picture.\n\n\t{% fenced_code_tab(tabs=[\"rust\", \"C\", \"java\"]) %}\n\t...\n\t...\n\t...\n\t{% end %}\n\nThis is how you call the shortcode, you need to specify the title of each tabs or it'll throw an error.\nEach code block needs to be separated by an empty line containing only `---`.\nThe number of codeblock needs to be equal to the number of tab titles.\n\n## How to include it in you project\n\nYou'll need to put the [this](templates/shortcodes/fenced_code_tab.md) file in your `templates/shortcodes` directory.\nYou can read more about shortcodes [here](https://www.getzola.org/documentation/content/shortcodes/).\nYou'll also need to include the [css](scss/fenced_code_tab.scss) file in the `scss` directory.\nYou can read more about css in zola [here](https://www.getzola.org/documentation/content/sass/).\n\n---\n\nOnce this is done you'll need to find a way to include the associated css in the pages where the shortcode is used.\nThere is multiple way to do it:\n\nIf you are using your own theme you can add the following line to the `head` part of your `index.html`: `\u003clink rel=\"stylesheet\" href=\"fenced_code_tab.css\"\u003e`\n\n---\n\nIf you are using another theme and it supports rewriting the header create a file called `templates/index.html` containing these lines:\n```\n{% extends \"sam/templates/index.html\" %}\n{% block head %}\n\t{{ super() }}\n\t\u003clink rel=\"stylesheet\" href=\"fenced_code_tab.css\"\u003e\n{% endblock head %}\n```\n\n---\n\nIf your theme does not supports this option and you don't want to patch it / fork it.\nCopy the file called `themes/[theme_name]/templates/index.html` from your theme to your own `templates/index.html` add this line to the header part of the file: `\u003clink rel=\"stylesheet\" href=\"fenced_code_tab.css\"\u003e`\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firevoire%2Ffenced_code_tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Firevoire%2Ffenced_code_tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firevoire%2Ffenced_code_tabs/lists"}