{"id":19328379,"url":"https://github.com/tmhsdigital/template_portfolio-site-gh-pages","last_synced_at":"2026-05-08T16:43:24.062Z","repository":{"id":254347623,"uuid":"846265819","full_name":"TMHSDigital/TEMPLATE_Portfolio-Site-GH-Pages","owner":"TMHSDigital","description":null,"archived":false,"fork":false,"pushed_at":"2024-08-22T21:30:51.000Z","size":19,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T07:28:00.074Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tmhsdigital.github.io/TEMPLATE_Portfolio-Site-GH-Pages/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TMHSDigital.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":"2024-08-22T21:13:54.000Z","updated_at":"2024-08-22T21:30:55.000Z","dependencies_parsed_at":"2024-08-22T23:26:54.777Z","dependency_job_id":null,"html_url":"https://github.com/TMHSDigital/TEMPLATE_Portfolio-Site-GH-Pages","commit_stats":null,"previous_names":["tmhsdigital/template_portfolio-site-gh-pages"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTEMPLATE_Portfolio-Site-GH-Pages","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTEMPLATE_Portfolio-Site-GH-Pages/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTEMPLATE_Portfolio-Site-GH-Pages/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTEMPLATE_Portfolio-Site-GH-Pages/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TMHSDigital","download_url":"https://codeload.github.com/TMHSDigital/TEMPLATE_Portfolio-Site-GH-Pages/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240434181,"owners_count":19800546,"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":[],"created_at":"2024-11-10T02:21:56.330Z","updated_at":"2026-05-08T16:43:19.034Z","avatar_url":"https://github.com/TMHSDigital.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfolio Website\n\nThis is a modern, responsive portfolio website built using HTML, CSS, and JavaScript. It is designed to showcase your work, skills, and contact information in a clean and professional manner. This website is perfect for developers, designers, and other professionals who want to create an online presence.\n\n## Features\n\n- **Responsive Design**: The website is fully responsive and looks great on all devices, from mobile phones to desktop computers.\n- **Smooth Scrolling**: Navigation links provide smooth scrolling to different sections of the website.\n- **Fade-In Animations**: Sections of the website fade in as they come into view, adding a subtle yet elegant effect.\n- **Scroll-to-Top Button**: A scroll-to-top button appears when the user scrolls down the page, allowing for easy navigation back to the top.\n- **Contact Form**: A simple contact form is included, which can be easily connected to services like Formspree for email submissions.\n\n## Installation\n\nTo get started with this portfolio website, follow these steps:\n\n1. **Clone the Repository**\n   ```bash\n   git clone https://github.com/your-username/portfolio-website.git\n   ```\n   Alternatively, you can download the zip file from GitHub.\n\n2. **Navigate to the Project Directory**\n   ```bash\n   cd portfolio-website\n   ```\n\n3. **Open in Your Browser**\n   - Simply open `index.html` in your web browser to view the website locally.\n\n## Customization\n\n### 1. Update Your Name and Profession\n- Open `index.html` and find the `\u003ch1\u003e` and `\u003cp\u003e` tags under the `#home` section. Replace the placeholder text `[Your Name]` and `[Your Profession]` with your own.\n\n### 2. Add Your Own Background Image\n- Replace the placeholder `background.jpg` in the `#home` section with your own image. Update the file path in `style.css` under the `#home` selector:\n   ```css\n   #home {\n       background: url('your-background.jpg') no-repeat center center/cover;\n       /* other styles */\n   }\n   ```\n\n### 3. Customize Portfolio Items\n- In `index.html`, locate the `#portfolio` section. Replace the existing `portfolio-item` entries with your own projects. Update the image source (`src`), project name (`\u003ch3\u003e`), and description (`\u003cp\u003e`).\n\n### 4. Modify Contact Form\n- If using Formspree for the contact form, replace `{your-email}` in the `action` attribute of the form with your Formspree endpoint. \n   ```html\n   \u003cform action=\"https://formspree.io/f/{your-email}\" method=\"POST\"\u003e\n   ```\n\n### 5. Customize Styles\n- Open `style.css` and adjust colors, fonts, or any other styles to match your personal brand.\n\n### 6. JavaScript Enhancements\n- Open `animations.js` if you'd like to add or modify any JavaScript interactions or animations.\n\n## Deployment\n\n### GitHub Pages\n\nYou can easily deploy this portfolio on GitHub Pages by following these steps:\n\n1. **Create a New Repository on GitHub**\n   - Go to GitHub and create a new repository named `your-username.github.io`.\n\n2. **Push Your Code to GitHub**\n   - Add the remote repository and push your code.\n   ```bash\n   git remote add origin https://github.com/your-username/your-username.github.io.git\n   git push -u origin main\n   ```\n\n3. **Access Your Website**\n   - After pushing the code, your portfolio will be available at `https://your-username.github.io`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Ftemplate_portfolio-site-gh-pages","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftmhsdigital%2Ftemplate_portfolio-site-gh-pages","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Ftemplate_portfolio-site-gh-pages/lists"}