{"id":30586082,"url":"https://github.com/codecat1111/portfoliowebsite","last_synced_at":"2025-08-29T11:43:05.186Z","repository":{"id":309688103,"uuid":"984061272","full_name":"codecat1111/PortfolioWebsite","owner":"codecat1111","description":"Portfolio Website","archived":false,"fork":false,"pushed_at":"2025-08-13T07:46:53.000Z","size":9627,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-13T09:27:35.888Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://justinwil.netlify.app/","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/codecat1111.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,"zenodo":null}},"created_at":"2025-05-15T10:36:53.000Z","updated_at":"2025-08-13T07:46:56.000Z","dependencies_parsed_at":"2025-08-13T19:30:44.387Z","dependency_job_id":null,"html_url":"https://github.com/codecat1111/PortfolioWebsite","commit_stats":null,"previous_names":["codecat1111/portfoliowebsite"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/codecat1111/PortfolioWebsite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codecat1111%2FPortfolioWebsite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codecat1111%2FPortfolioWebsite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codecat1111%2FPortfolioWebsite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codecat1111%2FPortfolioWebsite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codecat1111","download_url":"https://codeload.github.com/codecat1111/PortfolioWebsite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codecat1111%2FPortfolioWebsite/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272679260,"owners_count":24975253,"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","status":"online","status_checked_at":"2025-08-29T02:00:10.610Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2025-08-29T11:43:04.458Z","updated_at":"2025-08-29T11:43:05.174Z","avatar_url":"https://github.com/codecat1111.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern Portfolio \u0026 Blog Template\n\nA modern, responsive portfolio website with an integrated blog system, built using vanilla JavaScript and CSS. Features a clean design, dark mode support, and markdown-based blog content management.\n\n## 🚀 Features\n\n### Portfolio\n\n- Responsive design that works on all devices\n- Dark/Light mode toggle\n- Smooth scrolling navigation\n- Dynamic skill bars animation\n- Project showcase with filtering\n- Contact form integration\n- Resume download option\n- Social media integration\n- Animated hero section with video background\n\n### Blog System\n\n- Markdown support for blog posts\n- Code syntax highlighting with Prism.js\n- Category and tag filtering\n- Reading time estimation\n- Copy code functionality\n- Table of contents generation\n- Social sharing options\n- Previous/Next post navigation\n- Responsive images\n- Search functionality\n\n## 🛠️ Technology Stack\n\n- HTML5\n- CSS3 (with CSS Grid and Flexbox)\n- Vanilla JavaScript\n- JSON for blog content\n- Markdown parsing\n- Prism.js for code highlighting\n\n## 📁 Project Structure\n\n```\nsimple-portfolio-template/\n├── index.html              # Main portfolio page\n├── blog/                   # Blog system\n│   ├── blog-post.js       # Blog post rendering logic\n│   ├── blog.css           # Blog styling\n│   ├── blog.js            # Blog listing functionality\n│   ├── index.html         # Blog listing page\n│   ├── post.html          # Individual post template\n│   └── posts.json         # Blog content database\n├── css/\n│   ├── main.css           # Main styling\n│   ├── media.css          # Responsive design\n│   └── reset.css          # CSS reset\n├── js/\n│   ├── form.js           # Contact form handling\n│   ├── main.js           # Main functionality\n│   └── skillbar.js       # Skill bars animation\n└── resume/               # Resume files\n```\n\n## 🚦 Getting Started\n\n1. **Clone the repository**\n\n```bash\ngit clone https://github.com/yourusername/portfolio-template.git\n```\n\n2. **Local Development**\n\n- Open `index.html` in your browser, or\n- Use a local server (recommended):\n\n```bash\n# Using Python\npython -m http.server 8000\n\n# Using Node.js\nnpx serve\n```\n\n3. **Adding Blog Posts**\n\n- Add new entries to `blog/posts.json`\n- Follow the Markdown formatting guidelines\n- Include necessary metadata (title, date, tags, etc.)\n\n## 📝 Blog Post Format\n\n```json\n{\n  \"id\": \"post-slug\",\n  \"title\": \"Post Title\",\n  \"excerpt\": \"Brief description\",\n  \"content\": \"Markdown content\",\n  \"category\": \"Category\",\n  \"tags\": [\"tag1\", \"tag2\"],\n  \"date\": \"YYYY-MM-DD\",\n  \"image\": \"image-url\"\n}\n```\n\n### Markdown Support\n\n- Headers (h1-h4)\n- Lists (ordered and unordered)\n- Code blocks with syntax highlighting\n- Blockquotes\n- Bold and italic text\n- Links and images\n- Line breaks\n\n## 🎨 Customization\n\n### Colors\n\nEdit `css/main.css` to change the color scheme:\n\n```css\n:root {\n  --primary-color: #your-color;\n  --secondary-color: #your-color;\n  /* Add other custom colors */\n}\n```\n\n### Content\n\n1. Update `index.html` with your information\n2. Modify project showcases in the portfolio section\n3. Update social media links\n4. Add your resume to the resume folder\n\n## 📄 License\n\nThis project is licensed under the MIT License\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create your feature branch\n3. Commit your changes\n4. Push to the branch\n5. Open a pull request\n\n---\n\nMade with ❤️ by Justin Wilson\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodecat1111%2Fportfoliowebsite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodecat1111%2Fportfoliowebsite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodecat1111%2Fportfoliowebsite/lists"}