{"id":22768120,"url":"https://github.com/tombenke/landingpage_creative_archetype","last_synced_at":"2025-09-20T22:38:55.953Z","repository":{"id":138588828,"uuid":"92737178","full_name":"tombenke/landingpage_creative_archetype","owner":"tombenke","description":"A project archetype for landing page creation using the creative Bootstrap theme","archived":false,"fork":false,"pushed_at":"2017-05-29T12:26:54.000Z","size":445,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-05T12:52:22.436Z","etag":null,"topics":["archetype","boilerplate","boilerplate-template","kickoff"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/tombenke.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,"publiccode":null,"codemeta":null}},"created_at":"2017-05-29T12:18:11.000Z","updated_at":"2017-08-04T19:23:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"6cd01cc5-7bf2-4d4b-8b63-1c36c47a9aac","html_url":"https://github.com/tombenke/landingpage_creative_archetype","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/tombenke%2Flandingpage_creative_archetype","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tombenke%2Flandingpage_creative_archetype/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tombenke%2Flandingpage_creative_archetype/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tombenke%2Flandingpage_creative_archetype/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tombenke","download_url":"https://codeload.github.com/tombenke/landingpage_creative_archetype/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246308051,"owners_count":20756482,"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":["archetype","boilerplate","boilerplate-template","kickoff"],"created_at":"2024-12-11T14:09:58.229Z","updated_at":"2025-09-20T22:38:50.900Z","avatar_url":"https://github.com/tombenke.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"landingpage_creative_archetype\n==============================\n\nThis is [kickoff](http://tombenke.github.io/kickoff/) project archetype for landing page creation.\nIt is based on the [Creative](http://startbootstrap.com/template-overviews/creative/)\none page Bootstrap theme for creative portfolios and businesses.\n\n## Usage\n\n### Prerequisites\n\nYou must have [Node.js](https://nodejs.org/en/) and the [kickoff](http://tombenke.github.io/kickoff/) utility installed.\n\n### Create a new project\n\nYou can create a new project with the following command:\n\n    kickoff -s tombenke/landingpage_creative_archetype -d new_project_name\n\nThe utility will download the project template from GitHub, then asks some qouestions,\nthat you may give, or simple press `Enter` in case you are satisfied with the default answers.\n\n    You are generating a single page website using the startbootstrap-creative template.\n\n    ? The name of the project: mysite\n    ? The short description of the project: This is my single page website.\n    ? The contact email address: contact@mydomain.com\n    ? The contact phone number: (+??) ?????-???\n    ? The full name of the author: Anonymous\n    ? The email address of the author: anonymous@some-domain.com\n    ? The github account (username) of the author: anonymous\n    ? The title of the page: My Site\n    ? The Home Heading text: The Home-Heading above the UVP\n    ? The Unique Value Proposition: This is the UVP, you can define it later\n    Converting package.json as Handlebars template\n    Converting src/parameters.json as Handlebars template\n\nAfter all the questions answered, the project will be generated.\nThe project has the following structure:\n\n    ├── dist\n    └── src\n        ├── css\n        ├── img\n        │   └── portfolio\n        ├── js\n        ├── less\n        ├── md\n        ├── partials\n        └── templates\n\nThe `src` folder contains the source files.\nThe additional vendor files will be copied from the corresponding node modules after installation.\nThe results will arrive into the `dist` folder.\n\nThe `src/templates` folder contains [`mustache`](https://www.npmjs.com/package/mustache) templates,\nthat may include files from the `src/partials` folder.\nThe `src/md` folder may contain [`markdown`](https://www.npmjs.com/package/markdown) format files,\nthat will be converted to HTML format and will be placed into the `partials` folder\nso page templates can be written to envelop these contents.\n\nThe `src/img` folder contains the sample images, that you should replace with your own photos.\nThe `src/less` folder contains the [`less`](http://lesscss.org/) files, that you may customize.\nEspecially the is important, [`src/less/variables.less`](src/less/variables.less) which contains the most relevant syling parameters.\n\n### Create and modify the content and the styles\n\nYou can do the following steps:\n\n1. Install the npm modules required by the newly generated application:\n\n       cd new_project_name\n       npm install\n\n2. Edit the template and the parameter files according to your needs:\n\n    - src/templates/index.html\n    - src/parameters.json\n\n3. Change the images under the `src/img` folder.\n4. To create the dist package, run either:\n\n       npm run build\n\n   or\n\n       npm run watch\n\nThe build process happens via the gulp utility. If you change the project structure, you may also modify the [gulpfile.js](gulpfile.js) as well.\nThe `npm run watch` uses the [browser-sync](https://www.browsersync.io/) utility, that starts a server too.\nWith this command, you can immediately view the results in a browser, that will be automatically refreshed,\nin case you modify any of the source content, can be found under the [`src`](src/) directory.\n\n### Deploy the final results\n\nThe final results will be written into the `dist` folder.\nYou can copy the whole content to the final place of deployment when you are ready.\n\n\n## References\n- [Creative](http://startbootstrap.com/template-overviews/creative/)\n- [browser-sync](https://www.browsersync.io/)\n- [gulp-markdown](https://github.com/sindresorhus/gulp-markdown)\n- [gulp-mustache](https://github.com/sindresorhus/gulp-markdown)\n- [mustache](https://www.npmjs.com/package/mustache)\n- [markdown](https://www.npmjs.com/package/markdown)\n- [The less CSS pre-processor](http://lesscss.org/)\n- [kickoff](http://tombenke.github.io/kickoff/)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftombenke%2Flandingpage_creative_archetype","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftombenke%2Flandingpage_creative_archetype","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftombenke%2Flandingpage_creative_archetype/lists"}