{"id":18622357,"url":"https://github.com/marcanuy/hugotube","last_synced_at":"2025-04-11T03:31:16.362Z","repository":{"id":46075271,"uuid":"113040298","full_name":"marcanuy/hugotube","owner":"marcanuy","description":"Responsive Hugo theme inspired in YouTube layout","archived":false,"fork":false,"pushed_at":"2023-04-25T21:20:58.000Z","size":1677,"stargazers_count":10,"open_issues_count":1,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T08:42:32.833Z","etag":null,"topics":["bootstrap","hugo","hugo-theme","theme","youtube"],"latest_commit_sha":null,"homepage":"https://marcanuy.github.io/hugotube/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/marcanuy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-12-04T12:35:17.000Z","updated_at":"2023-05-01T16:59:42.000Z","dependencies_parsed_at":"2023-01-22T22:15:13.469Z","dependency_job_id":null,"html_url":"https://github.com/marcanuy/hugotube","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/marcanuy%2Fhugotube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcanuy%2Fhugotube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcanuy%2Fhugotube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcanuy%2Fhugotube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marcanuy","download_url":"https://codeload.github.com/marcanuy/hugotube/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248335429,"owners_count":21086589,"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":["bootstrap","hugo","hugo-theme","theme","youtube"],"created_at":"2024-11-07T04:16:34.700Z","updated_at":"2025-04-11T03:31:14.763Z","avatar_url":"https://github.com/marcanuy.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"HugoTube - Responsive Bootstrap 4 Youtube-like theme\n================================================================\n\n[Hugo](https://gohugo.io) [theme](https://gohugo.io/themes/) based on\nthe [Youtube](https://youtube.com/) layout.\n\n\u003chttps://marcanuy.github.io/hugotube/\u003e.\n\n![HugoTube Theme screenshot](https://raw.githubusercontent.com/marcanuy/hugotube/master/images/screenshot.png)\n\n\u003c!-- markdown-toc start - Don't edit this section. Run M-x markdown-toc-refresh-toc --\u003e\n**Table of Contents**\n\n- [HugoTube - Responsive Bootstrap 4 Youtube-like theme](#hugotube---responsive-bootstrap-4-youtube-like-theme)\n- [Customize styles for your website](#customize-styles-for-your-website)\n- [Installation](#installation)\n    - [Theme](#theme)\n- [Developing Theme](#developing-theme)\n    - [Bootstrap variables customization](#bootstrap-variables-customization)\n    - [Updating Bootstrap](#updating-bootstrap)\n    - [Deps](#deps)\n    - [Build css](#build-css)\n\n\u003c!-- markdown-toc end --\u003e\n\n# Features\n\n- Mobile design first with Bootstrap 4 grid\n- Using Hugo pipes to generate one \n  - CSS file from SCSS\n  - Javascript file from multiple JS\n- Choose Share Buttons type\n  - static https://sharingbuttons.io/\n  - each site javascript share buttons (Google, Twitter and Facebook\n    with counter)\n\n# Customize styles for your website\n\nIf you want to change some styling to fit your own website needs, copy\nthe following files to your website root path and edit them:\n\n- `assets/sass/custom_variables.scss`: customize variables used by Bootstrap.\n- `assets/sass/styles.scss`: your main website styles with all\n  Bootstrap variables avaiable.\n\n# Installation\n\n## Theme\n\nRun the following commands inside your Hugo site folder:\n\n    $ git clone https://github.com/marcanuy/hugotube.git themes/hugotube\n\nAlternatively use git submodules in order to have a way to easily update the theme from the source in case you have your site in git as well.\nFor this run the following commands inside your Hugo site folder:\n\n    $ git submodule add https://github.com/marcanuy/hugotube.git themes/hugotube\n\nIf you checkout your site from a repository which has this added as a submodule (e.g. if you are using CI to deploy), execute following commands or put them into a initgit.sh file in your repository which can be executed by your CI:\n\n    $ git submodule init\n    $ git submodule update\n\nIn order to update all the existing submodules from their upstreams, you can either go into each submodule root folder and do the normal git pull or execute following command:\n\n    $ git submodule foreach git pull\n\n## Using theme\n\nAfter installing In order to see your site in action, run Hugo's built-in local server.\n\n    $ hugo server -t hugotube\n\nNow enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.\n\nOr just set `theme = \"hugotube\"` in your configuration.\n\n# Developing Theme\n\n## Bootstrap variables customization\n\nIn `assets/scss/custom_variables.scss` we can customize any Bootstrap\n[variable](https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss)\nand then import the complete Bootstrap styles which will incorporate\nour custom design:\n\nThen use all Bootstrap variables theme's styles at\n`assets/scss/styles.scss`.\n\nMore on Bootstrap 4 customization: \u003chttps://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults\u003e.\n\n## Updating Bootstrap\n\nBootstrap is a `package.json` dependency, it can easily be updated\nwith `make update`.\n\n## Deps\n\nRun `make install` to install theme dependencies.\n\n## Build css\n\nRun `make build` to generate CSS styles and copy the necessary\nJavascript libraries.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcanuy%2Fhugotube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarcanuy%2Fhugotube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcanuy%2Fhugotube/lists"}