{"id":13611301,"url":"https://github.com/thiagorossener/jekflix-template","last_synced_at":"2025-05-15T08:11:04.243Z","repository":{"id":38786450,"uuid":"102964921","full_name":"thiagorossener/jekflix-template","owner":"thiagorossener","description":"A Jekyll theme inspired by Netflix. 🎬","archived":false,"fork":false,"pushed_at":"2024-08-03T11:28:07.000Z","size":2803,"stargazers_count":894,"open_issues_count":55,"forks_count":1220,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-04-11T19:55:16.156Z","etag":null,"topics":["blog","jekyll","netflix","netlify","template","theme"],"latest_commit_sha":null,"homepage":"https://jekflix.rossener.com/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thiagorossener.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"publiccode":null,"codemeta":null}},"created_at":"2017-09-09T15:29:54.000Z","updated_at":"2025-04-04T12:27:10.000Z","dependencies_parsed_at":"2023-12-10T02:28:15.067Z","dependency_job_id":"b90f4a9d-2019-4dc5-910c-2b91f7a5b61e","html_url":"https://github.com/thiagorossener/jekflix-template","commit_stats":{"total_commits":200,"total_committers":17,"mean_commits":"11.764705882352942","dds":0.14,"last_synced_commit":"0895bd94aaef8dbe7259a1c42d75eb10bc23a16d"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thiagorossener%2Fjekflix-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thiagorossener%2Fjekflix-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thiagorossener%2Fjekflix-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thiagorossener%2Fjekflix-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thiagorossener","download_url":"https://codeload.github.com/thiagorossener/jekflix-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254301432,"owners_count":22047904,"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":["blog","jekyll","netflix","netlify","template","theme"],"created_at":"2024-08-01T19:01:53.948Z","updated_at":"2025-05-15T08:11:04.214Z","avatar_url":"https://github.com/thiagorossener.png","language":"HTML","funding_links":["https://www.buymeacoffee.com/thiagorossener"],"categories":["HTML"],"sub_categories":[],"readme":"# Jekflix Template\n\n![Jekflix Template Cover Image](https://res.cloudinary.com/dm7h7e8xj/image/upload/v1505354182/jekflix-logo_mfngps.png)\n\nSee the [demo here](https://jekflix.rossener.com/).\n\n## What is it?\n\nA theme for Jekyll inspired by Netflix panel for who loves movies and series and would like to have a blog with this cool appearance.\n\n![Jekflix Screenshot Image](https://res.cloudinary.com/dm7h7e8xj/image/upload/v1566390829/jekflix-screenshot-2_zfiog2.jpg)\n\n## Features\n\n- [Live Search](docs/features.md#live-search)\n- [Estimated Reading Time](docs/features.md#estimated-reading-time)\n- [Reading Progress Bar](docs/features.md#reading-progress-bar) *(optional)*\n- [\"New Post\" tag](docs/features.md#new-post-tag)\n- [Load images on demand](docs/features.md#load-images-on-demand)\n- [Push Menu](docs/features.md#push-menu)\n- [SVG icons](docs/features.md#svg-icons)\n- [Shell script to create posts](docs/features.md#shell-script-to-create-posts)\n- [Tags page](docs/features.md#tags-page)\n- [About page](docs/features.md#about-page)\n- [Contact page](docs/features.md#contact-page)\n- [404 error page](docs/features.md#404-error-page)\n- [Feed RSS](docs/features.md#feed-rss)\n- [Disqus](docs/features.md#disqus) *(optional)*\n- [Featured post](docs/features.md#featured-post) *(optional)*\n- [Home page pagination](docs/features.md#home-page-pagination) *(optional)*\n- [Posts sidebar](docs/features.md#posts-sidebar) *(optional)*\n- [Paginated posts](docs/features.md#paginated-posts) *(optional)*\n- [\"Before you go\" modal](docs/features.md#before-you-go-modal) *(optional)*\n- [Post recommendation](docs/features.md#post-recommendation)\n- [Netlify CMS ready](docs/features.md#netlify-cms-ready)\n- [Translations](docs/setup.md#translations) **new!**\n- [Math Expressions](docs/features.md#math-expressions) *(optional)* **new!**\n\n## SEO\n\n- Google Analytics\n- Meta tags\n- JSON-LD\n- Sitemap.xml\n- Social Media ready\n\n## Quick Install\n\nIn the case you're installing to existing Jekyll project, add this line to your project's `Gemfile`:\n\n```\ngem \"jekflix\"\n```\n\nAdd this line to your project's `_config.yml`:\n\n```\ntheme: jekflix\n```\n\nAnd then run:\n\n```\n$ bundle\n```\n\nOr install it yourself as:\n\n```\n$ gem install jekflix\n```\n\n### Theme Colors\n\nCreate the file `/assets/css/styles.scss` and add:\n\n```\n---\n---\n\n$themeColor: #ff0a16;\n$primaryDark: #141414;\n$accentDark: #ffffff;\n$lightGray: #f2f2f2;\n$texts: #333333;\n\n@import \"jekflix\";\n```\n\nModify the variables above to change your theme colors.\n\n### Site configuration\n\nBelow are some properties you can change in your project `_config.yml`, check the [documentation](docs/settings.md#settings) for more details.\n\n```\n# Site Settings\nname: Jekflix\ntitle: Jekflix | A blog theme for Jekyll\ndescription: Jekflix is a template for Jekyll inspired by Netflix and made by Thiago Rossener.\ntags:\n  - blog\n  - template\n  - jekyll\n  - theme\n  - netlify\nemail: youremail@xyz.com\ndisqus_username: disqus_username\nshow_hero: true\nmenu:\n  - title: Home\n    url: /\n  - title: About\n    url: /about\n  - title: Contact\n    url: /contact\n  - title: Feed\n    url: /feed.xml\n\n# Social Media Settings\n# Remove the item if you don't need it\ngithub_username: github_username\nfacebook_username: facebook_username\ntwitter_username: twitter_username\ninstagram_username: instagram_username\nlinkedin_username: linkedin_username\nmedium_username: medium_username\n\n# Posts Settings\nshow_time_bar: true\nshow_modal_on_exit: false\nshow_modal_on_finish_post: true\ntwo_columns_layout: true\n\n# Advanced Settings\nbaseurl: \"\" # the subpath of your site, e.g. /blog\nurl: \"\" # the base hostname \u0026 protocol for your site\ngoogle_analytics: \"UA-XXXXXXXX-X\"\nlanguage: \"en\"\ncategories_folder: category\nsent_message_url: \"/contact/message-sent/\"\n\n# Build settings\nmarkdown: kramdown\nhighlighter: rouge\npermalink: /:title/\ncollections:\n  authors:\n    output: true\npaginate_path: \"/page/:num/\"\nshow_get_theme_btn: true\nuse_logo: false\n\n# Content paginator\npaginate_content:\n  enabled: true\n  debug: false\n  collections:\n    - posts\n  auto: false\n  separator: \"--page-break--\"\n  permalink: \"/:num/\"\n  seo_canonical: true\n  properties:\n    part:\n      is_generated: true\n    last:\n      is_generated: true\n    single:\n      is_generated: true\n\n# SASS\nsass:\n  style: compressed\n\n# Plugins\nplugins:\n  - jekyll-paginate\n  - jekyll-paginate-content\n```\n\n## Setup\n\nIn the case you're cloning this repo, follow those instructions:\n\n- [Environment](docs/setup.md#environment)\n- [Installing template](docs/setup.md#installing-template)\n- [Running local](docs/setup.md#running-local)\n\n### Customization\n\nSee the [settings documentation](docs/settings.md#settings) to customize layout, titles, social media and more.\n\n### Theme\n\nYou can easily change the theme colors by changing the file `src/yml/theme.yml`, then running `gulp build` in your terminal.\n\n#### GitHub pages\n\nIt's a known issue that you can't run Gulp when deploying the website into GitHub pages. So, you must change the theme colors and run `gulp build` locally, then push the changes into your repo, there is no other way.\n\nTo see how your website is going to look like when you deploy it, run `bundle exec jekyll serve` locally and access `http://127.0.0.1:4000/`.\n\n## Posts\n\nUse the [Front Matter properties](docs/post.md#front-matter-properties) to create posts.\n\n\u003e **Note:** In the case you're cloning this repo, you can use the available [script](docs/post.md#creating-a-post) to generate posts automatically.\n\n## Questions?\n\nFile a [GitHub issue](https://github.com/thiagorossener/jekflix-template/issues/new) please.\n\n## Author\n\n[Thiago Rossener](https://rossener.com/)\n\nDo you like my work? Buy me a coffee!\n\n\u003ca href=\"https://www.buymeacoffee.com/thiagorossener\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\n## License\n\n*Jekflix Template* is available under the MIT license. See the [LICENSE](https://github.com/thiagorossener/jekflix-template/blob/master/LICENSE) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthiagorossener%2Fjekflix-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthiagorossener%2Fjekflix-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthiagorossener%2Fjekflix-template/lists"}