SteemGigs #1 - 2 Open Issues/Tasks Solved and Minor Updates/Bug Hunting

Source
This Pull Request and A Separate Commit from me Solves some Opened issue/task of SteemGigs requested by @surpassinggoogle, This Post Briefly explains Implementations and Issue/Bugs with there Causes, Solutions & Developments.

<p dir="auto"><br /><span>Issue #188 : <a href="https://github.com/steemgigs/steemgigs/issues/188" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/issues/188<span> Issue #174: <a href="https://github.com/steemgigs/steemgigs/issues/174" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/issues/174 <h4>Repository <p dir="auto"><span><a href="https://github.com/steemgigs/steemgigs/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/ <h4>Website <p dir="auto"><span><a href="https://steemgigs.org/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://steemgigs.org/ <hr /> <h3>Index: <ol> <li>Pull Requests and Commits <li>Bug Fixes<br /> 2.1 'Surpassing Google' Category Fix <ul> <li>Minor Bugs<br /> 2.2 Portfolio URL Fix<br /> 2.3 Crop in the Bottom of Body <li>New Features/Updates<br /> 3.1 New Tab, Replacing the old one <li>Information About Project<br /> 4.1 Introduction<br /> 4.2 Development <li>My Work <li>Contact <hr /> <h3>1. Pull Request & Commits: <p dir="auto">This Pull Request is approved and Already Merged into the <code>master branch, These two Issues/Task was Solved by One Complete Pull Request and a Direct Commit to <code>develop branch. These both Commit & PR are now live on the Website. <p dir="auto"><strong><em><span>PR #189: <a href="https://github.com/steemgigs/steemgigs/pull/189" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/pull/189<br /> <strong><em><span>Commit: <a href="https://github.com/steemgigs/steemgigs/commit/bae8a55" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/commit/bae8a55 <hr /> <h3>2. Bug Fixes <p dir="auto">The Separate Commit Solved A Major Issue in the Website. <h3>2.1 'Surpassing Google' Category Fix: <p dir="auto">This Bug was Hunted by myself and I made a Issue on GitHub for this. While Navigating to the SurpassingGoogle Category/Main Tag, It won't show any Posts Under That Category. this bug can be seen in the picture Below:<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmZzkvYD7zhKxdC8m9XdQDWREjen8tqLQT1Xc9dxeL11qP" alt="pic2.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmZzkvYD7zhKxdC8m9XdQDWREjen8tqLQT1Xc9dxeL11qP 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmZzkvYD7zhKxdC8m9XdQDWREjen8tqLQT1Xc9dxeL11qP 2x" /><br /> <ul> <li><p dir="auto">Reason:<br /> <code><categoryPreview> Tag was Static for only Showing Gigs from Type <code>steemgigs_posts. SurpassingGoogle Category makes Post in <code>steemgigs_surpassinggoogle. due to this Reason Gigs/Posts was not being Loaded. <li><p dir="auto">Solution:<br /> This Bug was Solved by adding a Dynamic Attribute in <code><categoryPreview> Tag, which allows it to get <code>post_type attribute Value from <code>details.type variable. <code>details.type Variable is assigned to <code>steemgigs_surpassinggoogle Only when Category Name is SurpassingGoogle, due to a Switch Statement.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmYK7iM8dn77K2p8aSs99hNjqnSGvSNaFWd3vtXnqshyp8" alt="snip1.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmYK7iM8dn77K2p8aSs99hNjqnSGvSNaFWd3vtXnqshyp8 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmYK7iM8dn77K2p8aSs99hNjqnSGvSNaFWd3vtXnqshyp8 2x" /><br /> <a href="https://github.com/steemgigs/steemgigs/commit/160ac67" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Commit PR <li><p dir="auto">Result:<br /> The above solution Solves this Problem and now Shows all posts Under the main Category, <code>surpassinggoogle. Result can be seen in the picture Below:<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmbWKPRfBfvUAA7SFxgcoaCWE5hKxWpPdrNzzhuL2eF5SS" alt="pic3.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmbWKPRfBfvUAA7SFxgcoaCWE5hKxWpPdrNzzhuL2eF5SS 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmbWKPRfBfvUAA7SFxgcoaCWE5hKxWpPdrNzzhuL2eF5SS 2x" /><br /> <hr /> <h3>Minor Bugs: <p dir="auto">These Bugs below was solved in the PR. <h4>2.2. Portfolio URL Fix: <p dir="auto">Portfolio on Profile Extras is shown as Plain text which is not Expected Behavior. It Should be a Link which will direct us to the Portfolio of user. <ul> <li><p dir="auto">Reason: This bug was Occuring because this property was under a Static Tag <code><p> which is used mostly for Plain text. <li><p dir="auto">Solution: I solved Bug by Replacing the Static tag <code><p> and Added a Condition that if Portfolio is available, show it as a link, other wise a "Not Available" plain Text.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/Qmb5oxtq1oJcGPBsxQvzr9cwdXszi37HJgQfvMcVrokzEZ" alt="snip2.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/Qmb5oxtq1oJcGPBsxQvzr9cwdXszi37HJgQfvMcVrokzEZ 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/Qmb5oxtq1oJcGPBsxQvzr9cwdXszi37HJgQfvMcVrokzEZ 2x" /><br /> <a href="https://github.com/steemgigs/steemgigs/commit/2181a5c" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Commit PR <li><p dir="auto">Result: This bug is Compltely solved by the Solution above.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/Qmd9MGD5MAYc7hPiKfHdk1sJqG9j7VUvuvpfBhhrccMhpt" alt="pic4.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/Qmd9MGD5MAYc7hPiKfHdk1sJqG9j7VUvuvpfBhhrccMhpt 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/Qmd9MGD5MAYc7hPiKfHdk1sJqG9j7VUvuvpfBhhrccMhpt 2x" /><br /> <h4>2.3 Crop in the Bottom of Body: <p dir="auto">On every Page, there was a Little bit of Crop in the Last Button or element, I've Encountered this bug, info below: <ul> <li><p dir="auto">Reason: This bug was Occuring because the Class <code>el-main (The Class which holds the main Section/Page) was a Giver Hight a Little bit Higher, i.e <code>height: calc(100vh - 105px). Which made it big and overflowed out of the body. <li><p dir="auto">Solution: I solved Bug by Replacing Heigth property to get Subtracted by <em>130px Instead of <em>105px which Solved this bug.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmWdvTHz3zFAwsiGxUynhr5qkBVM7KDLsRMMkfEJysTcx8" alt="snip3.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmWdvTHz3zFAwsiGxUynhr5qkBVM7KDLsRMMkfEJysTcx8 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmWdvTHz3zFAwsiGxUynhr5qkBVM7KDLsRMMkfEJysTcx8 2x" /><br /> <a href="https://github.com/steemgigs/steemgigs/commit/9ab6b1f" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Commit PR <li><p dir="auto">Result: This bug is Compltely solved by the Solution above.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmUimrcxxNYL6QsKyyVoABvympTEfWRNZecMSoo3dVVYAq" alt="pic7.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmUimrcxxNYL6QsKyyVoABvympTEfWRNZecMSoo3dVVYAq 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmUimrcxxNYL6QsKyyVoABvympTEfWRNZecMSoo3dVVYAq 2x" /><br /> <h3>3. New Feature/Update: <p dir="auto">This is the Update I worked on: <h3>3.1 New Tab, Replacing the old one: <p dir="auto">This Commit Comes with a New Feature/Update which is to Replace the "Contribution" Tab on the Profile to "Resource Materials", Showing all the Post User did in the Main Category Labled <code>SurpassingGoogle or The Posts user made Through any of Editors from <a href="https://steemgigs.org/surpassing-google" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">steemgigs.org/surpassing-google as Requested in <a href="https://github.com/steemgigs/steemgigs/issues/174" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">This Task & This <a href="https://steemit.com/utopian-io/@surpassinggoogle/in-dire-need-of-help-are-you-ready-to-make-your-picks-1500-steem-and-20-000-teardrops-shared-among-a-collection-of-development" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Post on Utopian.io.<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmVWajWHeGBxLn9TjrBzEu3QKP9wPYd1NDMmmfjPTDcdgx" alt="snip4.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmVWajWHeGBxLn9TjrBzEu3QKP9wPYd1NDMmmfjPTDcdgx 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmVWajWHeGBxLn9TjrBzEu3QKP9wPYd1NDMmmfjPTDcdgx 2x" /><br /> <a href="https://github.com/steemgigs/steemgigs/commit/bae8a55" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Direct Commit <ul> <li><p dir="auto">Results are as Follow, This Tab (Resource Materials) now shows all the Posts from main Tag <code>surpassinggoogle:<br /> <center><br /> <img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmXSQsKYBi138bZKm5ZQRdhjbtS78AQSdJbfR5RqFk57cY" alt="pic.png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmXSQsKYBi138bZKm5ZQRdhjbtS78AQSdJbfR5RqFk57cY 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmXSQsKYBi138bZKm5ZQRdhjbtS78AQSdJbfR5RqFk57cY 2x" /><br /> <li><p dir="auto">This Update is live on the Website <a href="https://steemgigs.org/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemGigs.org. <hr /> <h3>4. Information About Project: <p dir="auto">This is the Introduction and Information about the Project I worked on: <h3>4.1 Introduction: <p dir="auto"><strong><em>steemgigs.org - <em>A revolutionary steem-based freelance services marketplace & dream-building ecosystem, with its own knowledge-base, community and 'an untalented paradigm'. <p dir="auto">Whether you an expert or non-expert, you can offer a service in exchange for STEEM, STEEM Dollars, Steem Power or 'for free'. SteemGigs has an un(dis)talented paradigm. This means that on SteemGigs, everyone has something to offer. <p dir="auto"><br /><span>Visit Website for More Information: <a href="https://steemgigs.org/about" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://steemgigs.org/about<span> Discord: <a href="https://discordapp.com/invite/wWrnSXK" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://discordapp.com/invite/wWrnSXK <h4>4.2 Development: <p dir="auto">If you are a Developer you can Contribute in this project and Pull your Work, There are List of Various Tasks in <a href="https://steemit.com/utopian-io/@surpassinggoogle/in-dire-need-of-help-are-you-ready-to-make-your-picks-1500-steem-and-20-000-teardrops-shared-among-a-collection-of-development" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">This Latest Post by<span> <a href="/@surpassinggoogle">@surpassinggoogle. <hr /> <h3>5. My Work: <p dir="auto">I'm currently also Working on some other Taks and Updates which includes Landing Page Enhancements and overall Navigation Improvements, Througout the Website. These Enhancements/Updates are Requested <a href="https://steemit.com/utopian-io/@surpassinggoogle/in-dire-need-of-help-are-you-ready-to-make-your-picks-1500-steem-and-20-000-teardrops-shared-among-a-collection-of-development" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Here<span> By <a href="/@surpassinggoogle">@surpassinggoogle. Follow me on Github to check out my Work on SteemGigs, Thank You. <ul> <li><span>Task on GitHub: <a href="https://github.com/steemgigs/steemgigs/issues" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/steemgigs/steemgigs/issues <h4>6. Contact Me: <p dir="auto">You can find me on GitHub <a href="https://github.com/alihassanah" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Here, <em><span><a href="/@alihassanah">@alihassanah.