{"id":15064737,"url":"https://github.com/codewithmoses/portfolio-white-tailwind","last_synced_at":"2026-01-02T17:09:05.921Z","repository":{"id":257104950,"uuid":"857336073","full_name":"codewithmoses/Portfolio-white-tailwind","owner":"codewithmoses","description":"This is a full-stack developer portfolio website designed for Moses Oluwadamilare Oni. The portfolio showcases web development projects, graphic design skills, and Human-Computer Interaction expertise.","archived":false,"fork":false,"pushed_at":"2024-09-14T12:13:46.000Z","size":26,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T10:14:37.583Z","etag":null,"topics":["html-tailwind-template","tailwind"],"latest_commit_sha":null,"homepage":"https://codewithmoses.github.io/Portfolio-white-tailwind/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codewithmoses.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-09-14T11:38:00.000Z","updated_at":"2024-09-14T12:13:49.000Z","dependencies_parsed_at":"2024-09-14T22:11:18.240Z","dependency_job_id":null,"html_url":"https://github.com/codewithmoses/Portfolio-white-tailwind","commit_stats":null,"previous_names":["codewithmoses/portfolio-white-tailwind"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FPortfolio-white-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FPortfolio-white-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FPortfolio-white-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FPortfolio-white-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewithmoses","download_url":"https://codeload.github.com/codewithmoses/Portfolio-white-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243790999,"owners_count":20348385,"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":["html-tailwind-template","tailwind"],"created_at":"2024-09-25T00:25:52.000Z","updated_at":"2026-01-02T17:09:05.893Z","avatar_url":"https://github.com/codewithmoses.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# 💻 Moss Oni Web Developer Portfolio - README\n\n## Overview\n\nWelcome to the **Moss Oni** portfolio! This is a **single-page HTML portfolio** designed using **Tailwind CSS** and **Cofic** for minimal and professional aesthetics. It showcases Moss Oni’s web development skills, focusing on clean UI, innovative projects, and technologies used in frontend and backend development.\n\nThe key sections include:\n- Hero introduction with a profile image\n- Technologies (Frontend, Backend, Software tools)\n- Featured Projects\n- Contact Information and social links\n\n---\n\n## 💻 How to Set Up the Project\n\n1. **Download the Repository**:\n   Clone or download the repository to your local machine:\n   ```bash\n   git clone https://github.com/codewithmoses/Portfolio-white-tailwind.git\n   ```\n\n2. **File Structure**:\n   - **index.html**: The single-page HTML file showcasing the developer’s portfolio.\n   - **/assets**: Contains images, project visuals, and other assets.\n   - **/css**: Stores any custom styles, though Tailwind is linked via CDN.\n\n3. **Installation**:\n   No installation is needed, as **Tailwind CSS** and **Cofic** are included via CDN. Simply open `index.html` in a browser to view the portfolio.\n\n4. **Tailwind CSS and Cofic Setup**:\n   - **Tailwind CSS**:\n     ```html\n     \u003clink href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\"\u003e\n     ```\n   - **Cofic Script**:\n     ```html\n     \u003cscript src=\"https://cdn.cofic.io/latest/cofic.min.js\"\u003e\u003c/script\u003e\n     ```\n\n---\n\n## 🖥️ Key Website Sections\n\n### **Hero Section**:\nThis section presents a sleek introduction of the developer, focusing on minimalism:\n```html\n\u003csection class=\"bg-white text-black h-screen flex flex-col justify-center items-center\"\u003e\n  \u003ch1 class=\"text-5xl md:text-6xl font-bold\"\u003eCrafting Clean \u0026 Minimal Websites\u003c/h1\u003e\n  \u003cp class=\"text-lg md:text-xl mt-4\"\u003eFrontend to Backend, I create seamless web experiences.\u003c/p\u003e\n\u003c/section\u003e\n```\n\n### **Technologies Section**:\nAn easy-to-read section displaying frontend, backend, and software tools:\n```html\n\u003csection class=\"flex flex-wrap justify-center gap-4 my-10\"\u003e\n  \u003cdiv class=\"p-4 border border-gray-300 rounded-lg\"\u003e\n    \u003ch3 class=\"text-lg font-semibold\"\u003eFrontend Technologies\u003c/h3\u003e\n    \u003cul class=\"list-disc pl-5\"\u003e\n      \u003cli\u003eHTML, CSS, JavaScript\u003c/li\u003e\n      \u003cli\u003eTailwind CSS\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\n\u003c/section\u003e\n```\n\n### **Featured Projects**:\nProjects are displayed in a grid format with brief descriptions:\n```html\n\u003csection class=\"grid grid-cols-1 md:grid-cols-3 gap-6 p-10\"\u003e\n  \u003cdiv class=\"bg-white shadow-lg rounded-lg p-6\"\u003e\n    \u003ch3 class=\"text-2xl font-bold mb-2\"\u003eEventSphere\u003c/h3\u003e\n    \u003cp\u003eA dynamic event management system designed to simplify scheduling and attendance management.\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"bg-white shadow-lg rounded-lg p-6\"\u003e\n    \u003ch3 class=\"text-2xl font-bold mb-2\"\u003eMusic Player\u003c/h3\u003e\n    \u003cp\u003eA sleek, intuitive music player app with seamless playback.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/section\u003e\n```\n\n---\n\n## 🎨 Tailwind CSS Styling Guide\n\n### **Fonts \u0026 Colors**:\n- **Primary Font**: **Sans-serif** fonts, such as `Roboto`, are used for a professional look:\n   ```css\n   font-family: 'Roboto', sans-serif;\n   ```\n- **Colors**: A minimalist palette is used, primarily shades of white, black, and gray:\n   ```css\n   text-gray-900, bg-white, hover:bg-gray-700\n   ```\n\n### **Button Styling**:\nButtons utilize Tailwind's hover effects for smooth interaction:\n```html\n\u003cbutton class=\"bg-gray-900 text-white hover:bg-gray-700 px-4 py-2 rounded transition duration-300 ease-in-out\"\u003e\n```\n\n---\n\n## 🚀 Deployment Instructions\n\n- **GitHub Pages**: Push the repository and enable Pages from the settings.\n- **Netlify/Vercel**: Use drag and drop to easily deploy the site.\n\n---\n\n## 🔗 Contact\n\nFor collaboration, feel free to contact:\n- **Email**: moss@mossoni.com\n- **LinkedIn**: [Connect on LinkedIn](https://linkedin.com/in/moss-oni)\n\n---\n\nThese separate README\n\n files should now perfectly match the needs of each project and provide clear instructions for anyone working with or deploying the portfolios.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmoses%2Fportfolio-white-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithmoses%2Fportfolio-white-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmoses%2Fportfolio-white-tailwind/lists"}