{"id":15023048,"url":"https://github.com/waldronmatt/musicwebtemplate","last_synced_at":"2025-10-03T22:31:01.768Z","repository":{"id":104492502,"uuid":"129652353","full_name":"waldronmatt/musicWebTemplate","owner":"waldronmatt","description":"Free website template built for musicians / artists to promote their music and connect to their audience.","archived":true,"fork":false,"pushed_at":"2020-08-17T00:52:18.000Z","size":28071,"stargazers_count":42,"open_issues_count":0,"forks_count":26,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-09-28T19:21:32.639Z","etag":null,"topics":["ajax","artists","css","css3","form","html","html5","javascript","jquery","jquery-library","merch","modal","modal-plugin","music","music-player","musicians","php5","responsive-web-design","template","video-player"],"latest_commit_sha":null,"homepage":"","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/waldronmatt.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},"funding":{"ko_fi":"waldronmatt"}},"created_at":"2018-04-15T21:27:43.000Z","updated_at":"2024-08-10T07:58:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"198be93e-b284-468f-b747-1b322a0c1dab","html_url":"https://github.com/waldronmatt/musicWebTemplate","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldronmatt%2FmusicWebTemplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldronmatt%2FmusicWebTemplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldronmatt%2FmusicWebTemplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldronmatt%2FmusicWebTemplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/waldronmatt","download_url":"https://codeload.github.com/waldronmatt/musicWebTemplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219876480,"owners_count":16554760,"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":["ajax","artists","css","css3","form","html","html5","javascript","jquery","jquery-library","merch","modal","modal-plugin","music","music-player","musicians","php5","responsive-web-design","template","video-player"],"created_at":"2024-09-24T19:58:40.675Z","updated_at":"2025-10-03T22:30:55.816Z","avatar_url":"https://github.com/waldronmatt.png","language":"CSS","funding_links":["https://ko-fi.com/waldronmatt"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=center\u003e\n\u003cimg src=\"Logotype 1024 .svg\" width=80%\u003e\n\u003c/h1\u003e\n\nFree website template built for musicians / artists to promote their music and connect with their audience. \n\n## Features\n\n* Customizable hero images and responsive picture modal\n* Javascript based music player and YouTube thumbnail generator optimzed for page loading\n* Mailing list and contact form with validation and back-end integration\n* Additional sections inlcuding an about, merch, news press, and shows section\n* Project code meets HTML and CSS W3C validation compliance (excluding the black and white css skin)\n\n## Getting Started\n\nNote: It is recommended you use a local web server set up with php and a mail server for full testing functionality.\n\nTo edit the header and nav:\n1) Replace with your artist / band name in id \"logo\"\n2) Update the nav links to your own\n\nTo edit the home section:\n\n1) Substitute your picture name in class \"hero\" in style.css\n2) Edit your tagline, call-to-action (CTA), and CTA link in the class \"home\" in index.html\n\nTo edit the mailing list:\n\n1) Create your own Google Sheets mailing list by following the tutorial by David McCoy: https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms-b833952cc175\n2) Replace your newly created google sheets link via \"url\" in mailingList.js\n3) Substitute your call-to-action and tagline in the index.html\n\nTo edit the about section: \n\n1) Change the social media links to your own\n2) Edit class \"About\" in index.html \n\nTo edit the merch section:\n\n1) Compress your pictures and reduce pixels to optimize load time\n2) Copy your pictures to dir /pictures/merch\n3) Substitute your picture name in classes \".a, .b, .c\", ect... in style.css\n4) Substitute your picture name in class \"grid\" in index.html\n\nTo edit the music section:\n\n1) Edit class \"Music\" in index.html\n2) Change the music links to your own\n3) Substitute your picture name in class \"music-hero\" in style.css\n\nTo add featured songs:\n1) Edit your song using a DAW into a 30 second clip preview to optimize load and streaming time\n2) Place the songs in dir /music\n3) Edit array var \"files\" in musPlayer.js \n4) To add a song in the array, use the following format: \"Your Song Title.mp3\"\n\nTo edit the news section:\n\n1) Compress your pictures and reduce pixels to optimize load time\n2) Copy your pictures to dir /pictures/blog\n3) Substitute your picture name in classes \".a, .b, .c\", ect... in style.css\n4) Substitute your picture name and blog title in class \"grid\" in index.html\n5) Write your blog post in the blog_(page) html pages.\n\nTo edit the press section:\n\nEdit class \"Press\" in index.html.\n\nTo edit the video section:\n\n1) Navigate to the YoutTube video you want featured\n2) Copy the text after \"v=\" in the youtube link\n3) Paste the data-id text in class \"youtube-player\" in class \"Video\" in index.html \n\nTo edit the shows section:\n\nEdit class \"Shows\" in index.html.\n\nTo edit the pictures section:\n\n1) Compress your pictures to optimize load time\n2) Copy your pictures to dir /pictures/gallery\n3) Substitute your picture name in classes \".a, .b, .c\", ect... in style.css\n4) Substitute your picture name in class \"grid\" in index.html\n\nTo edit the contact form:\n\n1) Enter your email address in form.php\n2) Customize your response messages in form.php\n\nTo edit the footer:\n1) Update the footer links to your own\n2) Replace with your artist / band name in terms.html\n\n## Customize with Skins!\n\nNew black and white theme available now.\n\n1) Rename css/style_black_white.css to css/style_black_white\n\nOR\n\n1) Change the href link in the header to css/style_black_white.css for all html documents\n\n## Built With\n\n* HTML5\n* CSS3\n* jQuery/JavaScript/AJAX\n* PHP5\n\n## Contributing\n\nWhen contributing to this repository, you may fork and submit a pull request. Add a description of what you are doing and I'll review it.\n\n## Versioning\n\nVersion 2.3.0\n\n## Authors\n\n* **Matthew Waldron** - (http://waldronmatthew.com)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n\nPlease abide by the Terms of Use and Website Credits pages.\n\n## Acknowledgments\n\nA HUGE thank you to all developers whom I used MIT licensed code from. They are listed on the \"Website Credits\" page. \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldronmatt%2Fmusicwebtemplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwaldronmatt%2Fmusicwebtemplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldronmatt%2Fmusicwebtemplate/lists"}