Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css] by cloh76

View this thread on: hive.blog | peakd.com | ecency.com

utopian-io · @cloh76 · Apr 17 '18 (edited)

$58.27

Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]

![image.png](https://cdn.utopian.io/posts/36575e21e47d6fb0b1ec1421ed43a9ae0eb5image.png)

#### Details

I originally submitted a separate Task Request for help building the Steemit Philippines Homepage. In speaking with @amosbastian, he recommended I simplify the Task Request In order to organize the project and follow a step-by-step project plan until the whole of the project was complete. In my previous post I had listed a number of different Tasks I needed help completing, which can overwhelm and divert focus away from any one given task leading to an incomplete and often buggy finished product.

With that in mind, I have decided to break my project down into smaller tasks that will eventually lead to a completed product.

The overall goal of this project is to establish a resource that will help our community grow and serve as a place where all community members can go for information and support.

In this first Task Request, I am seeking help from coders and developers to help design and create the front end for the Steemit Philippines homepage. The existing domain https://www.steemitphilippines.com will be used and below is an example of the mockup I have created and is potentially what I would like the site to look like.

![](https://steemitimages.com/DQmVUPmqnuAPZjLMMLvgLhX4guRGSUwNq9pWCt39Tvd9y3y/image.png)

Above is a fresh new design and layout that is much different than the existing placeholder we have in place.

#### Components and How it should look and work

This is the first part of an even bigger project so work should be uploaded to the same repository and easy to edit. It will be connected to existing technologies and code, so use of javascript and html is recommended.

1. The page should be clean and uncluttered
2. Please use a style.css for all fonts and formats
3. Page should be coded in html and javascript in order to allow for expandability, connectivity, and ease of use with existing code and technology from Steem
4. Please try to come up with a design that is as close to the mockup as possible
5. Navigation buttons and dropdowns should be at the top of the page in the header
6. The front page illustration should be PH related and any picture used needs to be high res and clear
7. An option for pictures to scroll would be nice, but is not necessary
8. below the front page illustration should be placeholders for future post thumbnails..

#### Roadmap

1. Build base Homepage and upload HTML/CSS files (beta)
2. Integrate Homepage to Condenser (files have already uploaded to the Repo
3. Integrate SteemConnect for a safe and Secure sign in and verification
4. Build voter app to follow, curate, and upvote good quality content posted through the website
5. Add additional features to Homepage (Post Categories, Calendar of Events, Personalized User Pages)
6. Add Next set of features to the Homepage (Hub Pages, Charity Pages, Wallet System, etc)
7. Continuous maintenance and addition of other features for better user experience

If you wish to contribute, head over to github and submit a pull request and upload your work directly to the repo itself.

The Github repo can be found <a href ="https://github.com/cloh76/steemitphilippines.com">Here</a>

You can also read more about the overall plan for the project <a href ="https://utopian.io/utopian-io/@cloh76/task-request-help-building-the-foundation-and-base-template-for-the-steemit-philippines-portal">Here</a>

#### Deadline

This is an ongoing project and I am constantly looking for help to make this page better. I would like sample submissions for this specific task request to be submitted starting 2 weeks from now on 28 April 12:00:00 (UTC) in order for us to start testing and working on additional features and functions.

#### Communication

You can contact me on discord or Steem.Chat at @cloh76 or @cloh76.witness to get more details about the task.

Through this series of Task Requests, I am hoping to find individuals and team members who I can bring on as staff to help grow and strengthen this community further. I have several projects and Ideas I am currently working on and need all the help I can get.

#### Sample Pictures of Ideas

Navigation button

![Untitled-1.gif](https://steemitimages.com/DQmQ2UYBJ4wb3wCdqpgZxfryJfUYrBTyinyVeGbVjpA4BVD/Untitled-1.gif)

Image Scrolling

![](https://steemitimages.com/DQmaCQXd7q58bk5YULKGcae8rp3bPYD7jYjzrxi682ZHngb/image.png)

Clean Homepage Layout

![](https://steemitimages.com/DQmVUPmqnuAPZjLMMLvgLhX4guRGSUwNq9pWCt39Tvd9y3y/image.png)

<hr/>Posted on <a href="https://utopian.io/utopian-io/@cloh76/task-request-help-building-the-steemit-philippines-portal-part-1-html-css">Utopian.io - Rewarding Open Source Contributors</a><hr/>

👍 utopian-io, sndbox, ace108, msp-lovebot, voronoi, teamsteem, hansikhouse, cloh76, whaleph, purepinay, amosbastian, bmwrider, bearone, erb, cifer, pnc, cloh76.witness, leotrap, east.autovote, grazz, mrblinddraw, themanualbot, loshcat, luvabi, kguanzon, jeffbernst, walnut1, coquiunlimited, jzroa, monomyth, mamicco, worldtraveler, antigenx, samia2211, greenorange, huhuya13, logan6230, doodleman, imamalkimas, greenstar, calm3, danielfinn, sagor5828, berkah, pinoy, heriafriadiaka, ubg, rajonx, lemondrops00, girlwithdreams, alfarisi, javicuesta, michealkey, sigmund, zcool, virgo27, asrizalmustafa, jose27117, anak123, fmbs25, talivet, debruyne844, abdullahall, mineopoly, and 10 others

properties (23)

author

cloh76

permlink

task-request-help-building-the-steemit-philippines-portal-part-1-html-css

category

utopian-io

json_metadata

"{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":114698181,"name":"steemitphilippines.com","full_name":"cloh76/steemitphilippines.com","html_url":"https://github.com/cloh76/steemitphilippines.com","fork":false,"owner":{"login":"cloh76"}},"platform":"github","type":"task-development","tags":["utopian-io","steemph","steemdev","javascript","sndbox"],"users":["amosbastian","cloh76","cloh76.witness"],"links":["https://www.steemitphilippines.com","https://github.com/cloh76/steemitphilippines.com","https://utopian.io/utopian-io/@cloh76/task-request-help-building-the-foundation-and-base-template-for-the-steemit-philippines-portal","https://utopian.io/utopian-io/@cloh76/task-request-help-building-the-steemit-philippines-portal-part-1-html-css"],"image":["https://cdn.utopian.io/posts/36575e21e47d6fb0b1ec1421ed43a9ae0eb5image.png","https://steemitimages.com/DQmVUPmqnuAPZjLMMLvgLhX4guRGSUwNq9pWCt39Tvd9y3y/image.png","https://steemitimages.com/DQmQ2UYBJ4wb3wCdqpgZxfryJfUYrBTyinyVeGbVjpA4BVD/Untitled-1.gif","https://steemitimages.com/DQmaCQXd7q58bk5YULKGcae8rp3bPYD7jYjzrxi682ZHngb/image.png"],"moderator":{"account":"amosbastian","time":"2018-04-17T18:39:36.040Z","pending":false,"reviewed":true,"flagged":false},"questions":null,"score":null,"total_influence":null,"staff_pick":null,"config":{"questions":[{"question":"Is the task described in great details?","question_id":"task-1","answers":[{"answer":"Yes, with great details.","answer_id":1,"value":10},{"answer":"Yes, but not much information.","answer_id":2,"value":5},{"answer":"No","answer_id":3,"value":0}]},{"question":"Is there a guide on completing the tasks?","question_id":"task-2","answers":[{"answer":"Yes, with great details.","answer_id":1,"value":10},{"answer":"Yes, but not much information.","answer_id":2,"value":5},{"answer":"No.","answer_id":3,"value":0}]},{"question":"Is there a deadline for this task request?","question_id":"task-3","answers":[{"answer":"Yes, considerably enough time to complete the task.","answer_id":1,"value":5},{"answer":"Yes, but too short.","answer_id":2,"value":2},{"answer":"No.","answer_id":3,"value":0}]},{"question":"Did the project owner provide enough details for the contributors to get in touch?","question_id":"task-4","answers":[{"answer":"Yes.","answer_id":1,"value":5},{"answer":"No.","answer_id":2,"value":0}]},{"question":"Did the project owner provide a liquid bounty (STEEM or other cryptos)?","question_id":"task-6","answers":[{"answer":"Yes.","answer_id":1,"value":20},{"answer":"No.","answer_id":2,"value":0}]},{"question":"Does the writing style meet the Utopian standard considering formalness, informativeness and clarity of the content?","question_id":"c-1","answers":[{"answer":"It is formal, informative and well written with clear content.","answer_id":1,"value":10},{"answer":"It is informative with clear content but not formal enough.","answer_id":2,"value":5},{"answer":"The contribution could be more informative or contains unrelated information, formality and clarity of the content are good enough.","answer_id":3,"value":4},{"answer":"Not all sections were clear enough but overall holds value for the project.","answer_id":4,"value":2},{"answer":"Not at all.","answer_id":5,"value":0}]},{"question":"Was the provided category template for the editor followed?","question_id":"c-2","answers":[{"answer":"All points of the template were included with additional points as well.","answer_id":1,"value":5},{"answer":"The template was followed without additions.","answer_id":2,"value":4},{"answer":"The template was edited but the points were covered in different way.","answer_id":3,"value":3},{"answer":"Not all points of the template were covered in the contribution but the structure is clear enough.","answer_id":4,"value":3},{"answer":"The template was not followed but the structure is clear enough.","answer_id":5,"value":2},{"answer":"The contents are not clearly structured at all.","answer_id":6,"value":0}]},{"question":"Did the contributor tag other users?","question_id":"c-3","answers":[{"answer":"No other users were tagged by the contributor.","answer_id":1,"value":5},{"answer":"Used tags are reasonable and all tagged people are connected to the project and/or the contribution.","answer_id":2,"value":5},{"answer":"The contribution contains mentions of other users that are not directly related to the contribution but related in other ways.","answer_id":3,"value":2},{"answer":"The contributor misuses tagging of other users.","answer_id":4,"value":0}]},{"question":"Did the contributor ask for upvotes, resteems, follows or witness vote?","question_id":"c-4","answers":[{"answer":"No","answer_id":1,"value":5},{"answer":"Yes, but not in a way that disturbs readability. ","answer_id":2,"value":5},{"answer":"Yes.","answer_id":3,"value":0}]},{"question":"Was a graphical content like images, charts, videos or screenshots included?","question_id":"c-5","answers":[{"answer":"Yes, the graphical content is included and adds more value to the contribution.","answer_id":1,"value":5},{"answer":"No but the contribution works well without graphical content well.","answer_id":2,"value":4},{"answer":"Yes, but most of the graphical content’s purpose is just for presentational matters.","answer_id":3,"value":3},{"answer":"No relevant or useful graphical content is included in the contribution.","answer_id":4,"value":0}]},{"question":"How would you rate the overall added value?","question_id":"c-6","answers":[{"answer":"Extraordinary value to both the project and the open source community overall.","answer_id":1,"value":20},{"answer":"Significant value to the project or open source community.","answer_id":2,"value":15},{"answer":"Some value to the project or open source community.","answer_id":3,"value":10},{"answer":"Little value to the project or open source community.","answer_id":4,"value":5},{"answer":"No obvious value to project or open source community.","answer_id":5,"value":0}]}]}}"

created

2018-04-16 22:07:18

last_update

2018-04-17 18:39:39

depth

children

last_payout

2018-04-23 22:07:18

cashout_time

1969-12-31 23:59:59

total_payout_value

42.613 HBD

curator_payout_value

15.657 HBD

pending_payout_value

0.000 HBD

promoted

0.000 HBD

body_length

4,772

author_reputation

37,996,316,912,544

root_title

"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"

beneficiaries

0.

`account`	utopian.pay
`weight`	1,500

max_accepted_payout

1,000,000.000 HBD

percent_hbd

10,000

post_id

50,454,986

net_rshares

13,058,878,658,302

author_curate_reward

vote details (74)

voter	rshares	pct
berkah	388,400,240	2%
pnc	6,600,540,040	2%
teamsteem	129,363,584,017	2%
cloh76	40,125,730,362	100%
ubg	305,334,630	1%
ace108	334,242,219,322	25%
themanualbot	3,991,750,697	10%
lemondrops00	228,786,296	100%
girlwithdreams	212,900,520	100%
worldtraveler	974,146,065	100%
bmwrider	25,653,284,027	100%
hansikhouse	90,344,469,820	12.5%
voronoi	184,918,664,525	25%
doodleman	557,789,518	12.5%
alfarisi	162,669,520	25%
heriafriadiaka	308,443,081	25%
erb	11,749,422,114	25%
greenstar	499,735,233	2%
luvabi	2,888,334,395	10%
grazz	4,137,207,258	100%
walnut1	1,985,107,081	1.25%
coquiunlimited	1,575,406,372	18%
monomyth	1,227,315,343	1.25%
bearone	23,182,891,378	25%
pinoy	351,722,562	10%
sndbox	4,399,733,232,540	25%
msp-lovebot	232,768,183,430	35%
leotrap	5,162,913,761	12.5%
logan6230	599,373,801	100%
cifer	7,212,465,709	65%
purepinay	26,825,262,974	5%
cloh76.witness	5,303,749,031	100%
danielfinn	420,692,799	100%
wers401	69,105,551	100%
whaleph	32,093,803,966	100%
apolinariya	60,719,884	100%
mrblinddraw	4,071,844,349	10%
imamalkimas	546,985,195	12.5%
jose27117	102,680,760	7.5%
loshcat	2,891,438,146	100%
utopian-io	7,432,135,665,695	5.01%
abdullahall	75,882,237	12.5%
jeffbernst	2,510,108,077	12.5%
greenorange	609,471,115	100%
mineopoly	75,215,368	0.12%
sagor5828	397,559,412	12.5%
jzroa	1,419,988,709	100%
amosbastian	25,743,241,038	100%
imnotasenuelo	61,355,105	12.5%
talivet	77,165,598	12.5%
deejee	73,780,104	12.5%
michealkey	121,657,172	12.5%
debruyne844	76,926,590	12.5%
east.autovote	4,249,802,765	100%
mamicco	1,187,911,871	100%
fmbs25	85,596,871	20%
tailslide	58,150,950	12.5%
antigenx	614,612,200	10%
farhad3322	61,380,596	10%
anak123	88,217,097	12.5%
asrizalmustafa	103,326,176	20%
virgo27	110,760,335	12.5%
zcool	113,988,480	10%
bit6in	58,455,379	12.5%
rajonx	257,754,814	50%
ayay	52,898,115	11%
samia2211	611,787,813	100%
keybordjp	55,027,347	12.5%
sigmund	119,312,895	12.5%
javicuesta	137,569,427	12.5%
kguanzon	2,542,301,652	100%
aksapphires	55,026,825	12.5%
huhuya13	599,713,136	100%
calm3	498,741,026	100%

@afterglow · Apr 16 '18

$0.22

This is great sir cloh. I wish I have the time to contribute.

👍 cloh76, afterglow

`author`	afterglow
`permlink`	re-cloh76-task-request-help-building-the-steemit-philippines-portal-part-1-html-css-20180416t224053199z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"app":"steemit/0.1"}
`created`	2018-04-16 22:40:06
`last_update`	2018-04-16 22:40:06
`depth`	1
`children`	2
`last_payout`	2018-04-23 22:40:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.207 HBD
`curator_payout_value`	0.015 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	61
`author_reputation`	309,173,702,253,295
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,458,919
`net_rshares`	44,513,842,861
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
cloh76	0 B		39,739,906,031	100%
afterglow	0 B		4,773,936,830	100%

@cloh76 · Apr 16 '18

$0.02

Take your time.  It's always open for contributions!

👍 afterglow

`author`	cloh76
`permlink`	re-afterglow-re-cloh76-task-request-help-building-the-steemit-philippines-portal-part-1-html-css-20180416t224909610z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"app":"steemit/0.1"}
`created`	2018-04-16 22:49:12
`last_update`	2018-04-16 22:49:12
`depth`	2
`children`	1
`last_payout`	2018-04-23 22:49:12
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.021 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	52
`author_reputation`	37,996,316,912,544
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,459,948
`net_rshares`	4,678,458,094
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
afterglow	0 B		4,678,458,094	100%

@afterglow · Apr 16 '18

I'll keep that in mind sir Cloh. Thanks.

properties (22)

`author`	afterglow
`permlink`	re-cloh76-re-afterglow-re-cloh76-task-request-help-building-the-steemit-philippines-portal-part-1-html-css-20180416t230601889z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"app":"steemit/0.1"}
`created`	2018-04-16 23:05:15
`last_update`	2018-04-16 23:05:15
`depth`	3
`children`	0
`last_payout`	2018-04-23 23:05:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	40
`author_reputation`	309,173,702,253,295
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,461,652
`net_rshares`	0

@amosbastian · Apr 17 '18

$0.14

Hi cloh, your task request has been approved. Could you add a license to the repository and put some information in the README about the project and how someone would get a local version installed and running? Thanks!

----------------------------------------------------------------------
Need help? Write a ticket on https://support.utopian.io.
Chat with us on [Discord](https://discord.gg/uTyJkNm).

**[[utopian-moderator]](https://utopian.io/moderators)**

👍 cloh76

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
cloh76	0 B		44,369,797,996	100%

@cloh76 · Apr 17 '18

$0.12

Updated the Repo.  Thanks for the support @amosbastian!

👍 amosbastian

`author`	cloh76
`permlink`	re-amosbastian-re-cloh76-task-request-help-building-the-steemit-philippines-portal-part-1-html-css-20180417t204623968z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"users":["amosbastian"],"app":"steemit/0.1"}
`created`	2018-04-17 20:46:27
`last_update`	2018-04-17 20:46:27
`depth`	2
`children`	0
`last_payout`	2018-04-24 20:46:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.093 HBD
`curator_payout_value`	0.030 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	55
`author_reputation`	37,996,316,912,544
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,636,694
`net_rshares`	24,784,716,106
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
amosbastian	0 B		24,784,716,106	100%

@masterroshi · May 2 '18

you are dealing with a similar need as me. reading this has really helped me formulate how I am going to format my task request.

properties (22)

@recommendbot · Apr 17 '18

Hello @cloh76 , I was designed to give advice to "steemit" users.

I recommend to increase this;

The most winning bid bot in the last 24 hours is "appreciator"

You can enter "steembottracker.com" to find more offers.

You can make "Resteem" and advertise to the followers of the whale accounts.

"Resteem Bot" for you;

✅  @byresteem ✅

properties (22)

`author`	recommendbot
`permlink`	20180417t052825673z
`category`	utopian-io
`json_metadata`	{"tags":["advice"],"app":"steemjs/test"}
`created`	2018-04-17 05:28:33
`last_update`	2018-04-17 05:28:33
`depth`	1
`children`	0
`last_payout`	2018-04-24 05:28:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	350
`author_reputation`	-860,813,832,228
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,507,075
`net_rshares`	0

@utopian-io · Apr 18 '18

$0.23

### Hey @cloh76 I am @utopian-io. I have just upvoted you!
#### Achievements
- Seems like you contribute quite often. AMAZING!
#### Suggestions
- Contribute more often to get higher and higher rewards. I wish to see you often!
- Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!
#### Utopian Witness!
<a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness</a>

**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**

👍 cloh76, fhe

`author`	utopian-io
`permlink`	re-cloh76-task-request-help-building-the-steemit-philippines-portal-part-1-html-css-20180418t000351472z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
`created`	2018-04-18 00:03:51
`last_update`	2018-04-18 00:03:51
`depth`	1
`children`	0
`last_payout`	2018-04-25 00:03:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.176 HBD
`curator_payout_value`	0.054 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	861
`author_reputation`	152,955,367,999,756
`root_title`	"Task Request: Help building the Steemit Philippines Portal [Part 1 - html/css]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	50,657,177
`net_rshares`	46,254,729,819
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
cloh76	0 B		45,639,409,819	100%
fhe	0 B		615,320,000	100%