SteemMakers' website now has pagination by jefpatat

View this thread on steempeak.com
utopian-io · @jefpatat · (edited)
$113.51
SteemMakers' website now has pagination
![](https://steemmakers.com/img/Title.png)

#### SteemMakers
SteemMakers is a community which focuses on uniting, helping and rewarding makers and DIYers on the Steem blockchain. You can find more info about us and how to contact us on our website [www.steemmakers.com](https://www.steemmakers.com).

#### Pagination
The last feature for the site's pre-alpha has been implemented. Before this the site only showed the 10 most recent entries. There was no way of checking the older entries, not really what we had in mind as the end goal.

![Capture.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516186923/baybt0iidemna4weinhb.png)

Say hello to pagination. All content can be discovered using a toolbar at the bottom of the page. An animation says more than a thousand words:

![testje.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516187115/s3atbwoj8zlg3ocym9oc.gif)

The feature was completely implemented in php. It took some time because of my limited experience but funny enough I spent a lot of time on the styling, which I didn't expect for this feature. I was really struggling to get the toolbar centered and in the end even resided to asking a [question on stackoverflow]().

#### Bugs fixed
Some minor bugs were fixed as well. One of them reported on Utopian by wieske [here](https://steemit.com/utopian-io/@wieske/footer-over-content). Keep 'em coming if you see them.
<center>![Capture2.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516186935/nblpudq5fzmj2fh1oyau.png)</center>

#### Next steps
This was the last big hurdle for this pre-alpha version. Now that the content is discoverable we can spend more time on the actual curation and focus more on the content. We are working on a first set of guidelines and then we will make some announcements, requests for help and input, a mini roadmap, ...

#### Help us out

Anyone interested is free to join and help out. We're especially looking for help on the guidelines and for curators. The code is available on [Github](https://github.com/JefPatat/SteemMakers), have a look and join us on Discord!

Utopian proof of work: GitHub [commit](https://github.com/JefPatat/SteemMakers/commit/7e276c8703b251dc1b47449dc8b43cbfa9fd9060)



<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@jefpatat/steemmakers-website-now-has-pagination">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , ,
properties (23)
post_id26,212,219
authorjefpatat
permlinksteemmakers-website-now-has-pagination
categoryutopian-io
json_metadata"{"repository": {"owner": {"login": "JefPatat"}, "id": 112375521, "full_name": "JefPatat/SteemMakers", "fork": false, "name": "SteemMakers", "html_url": "https://github.com/JefPatat/SteemMakers"}, "moderator": {"pending": false, "account": "ms10398", "reviewed": true, "flagged": false, "time": "2018-01-17T12:45:56.737Z"}, "format": "markdown", "platform": "github", "tags": ["utopian-io", "steemmakers", "steemdev", "diy", "community"], "community": "utopian", "type": "development", "pullRequests": [], "links": ["https://www.steemmakers.com", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1516186923/baybt0iidemna4weinhb.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1516187115/s3atbwoj8zlg3ocym9oc.gif", "https://steemit.com/utopian-io/@wieske/footer-over-content", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1516186935/nblpudq5fzmj2fh1oyau.png", "https://github.com/JefPatat/SteemMakers", "https://github.com/JefPatat/SteemMakers/commit/7e276c8703b251dc1b47449dc8b43cbfa9fd9060"], "app": "utopian/1.0.0", "users": ["wieske"], "image": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1516186923/baybt0iidemna4weinhb.png"]}"
created2018-01-17 11:07:00
last_update2018-01-17 16:27:06
depth0
children10
net_rshares16,857,631,542,060
last_payout2018-01-24 11:07:00
cashout_time1969-12-31 23:59:59
total_payout_value82.977 SBD
curator_payout_value30.534 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length2,404
author_reputation26,573,235,992,720
root_title"SteemMakers' website now has pagination"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (21)
@tarekadam ·
$0.10
Well done!! I am looking forward to the finished site but it looks you are making great progress.
👍  
properties (23)
post_id26,212,425
authortarekadam
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180117t110840049z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 11:08:39
last_update2018-01-17 11:08:39
depth1
children1
net_rshares12,278,937,186
last_payout2018-01-24 11:08:39
cashout_time1969-12-31 23:59:59
total_payout_value0.078 SBD
curator_payout_value0.021 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length97
author_reputation48,977,881,936,844
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@jefpatat · 
Thx. This is the very first alpha of everything. Database, bot, site, ..

Next will be several non tech things, content guidelines, branding, ...
properties (22)
post_id26,221,056
authorjefpatat
permlinkre-tarekadam-re-jefpatat-steemmakers-website-now-has-pagination-20180117t121135068z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 12:11:06
last_update2018-01-17 12:11:06
depth2
children0
net_rshares0
last_payout2018-01-24 12:11:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length145
author_reputation26,573,235,992,720
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@mahmoudh · 
https://steemitimages.com/DQmeqmis7PkwKxidSaZ9fp6GG7SSGD2Fje9r9iYTB1bVrrD/bravo%20meme.gif
properties (22)
post_id26,218,257
authormahmoudh
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180117t115040150z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "image": ["https://steemitimages.com/DQmeqmis7PkwKxidSaZ9fp6GG7SSGD2Fje9r9iYTB1bVrrD/bravo%20meme.gif"], "tags": ["utopian-io"]}"
created2018-01-17 11:50:06
last_update2018-01-17 11:50:06
depth1
children0
net_rshares0
last_payout2018-01-24 11:50:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length90
author_reputation594,900,651,370
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@ms10398 ·
$0.03
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/uTyJkNm).
**[[utopian-moderator]](https://utopian.io/moderators)**
👍  ,
properties (23)
post_id26,226,045
authorms10398
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180117t124608511z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-17 12:46:09
last_update2018-01-17 12:46:09
depth1
children0
net_rshares4,240,651,446
last_payout2018-01-24 12:46:09
cashout_time1969-12-31 23:59:59
total_payout_value0.026 SBD
curator_payout_value0.008 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length172
author_reputation27,542,287,033,381
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@dickturpin ·
$0.09
It's always the "Look & Feel" that saps your soul. :-D
👍  
properties (23)
post_id26,230,370
authordickturpin
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180117t131351108z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 13:13:51
last_update2018-01-17 13:13:51
depth1
children2
net_rshares11,353,389,157
last_payout2018-01-24 13:13:51
cashout_time1969-12-31 23:59:59
total_payout_value0.068 SBD
curator_payout_value0.021 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length54
author_reputation6,456,542,290,346
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@jefpatat · 
The branding still needs to be applied, it's a bit basic atm.
properties (22)
post_id26,241,844
authorjefpatat
permlinkre-dickturpin-re-jefpatat-steemmakers-website-now-has-pagination-20180117t142038645z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 14:20:09
last_update2018-01-17 14:20:09
depth2
children1
net_rshares0
last_payout2018-01-24 14:20:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length61
author_reputation26,573,235,992,720
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@dickturpin · 
Looks nice and clean though.
properties (22)
post_id26,261,516
authordickturpin
permlinkre-jefpatat-re-dickturpin-re-jefpatat-steemmakers-website-now-has-pagination-20180117t161150764z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 16:11:51
last_update2018-01-17 16:11:51
depth3
children0
net_rshares0
last_payout2018-01-24 16:11:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length28
author_reputation6,456,542,290,346
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@helena-m ·
$0.10
Well done!!
👍  
properties (23)
post_id26,230,856
authorhelena-m
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180117t131656675z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 13:16:57
last_update2018-01-17 13:16:57
depth1
children1
net_rshares12,032,124,378
last_payout2018-01-24 13:16:57
cashout_time1969-12-31 23:59:59
total_payout_value0.078 SBD
curator_payout_value0.021 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length11
author_reputation1,852,583,440,624
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@jefpatat · 
Thx.
properties (22)
post_id26,241,971
authorjefpatat
permlinkre-helena-m-re-jefpatat-steemmakers-website-now-has-pagination-20180117t142118932z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-17 14:20:48
last_update2018-01-17 14:20:48
depth2
children0
net_rshares0
last_payout2018-01-24 14:20:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length4
author_reputation26,573,235,992,720
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@utopian-io ·
$0.05
### Hey @jefpatat I am @utopian-io. I have just upvoted you!
#### Achievements
- You have less than 500 followers. Just gave you a gift to help you succeed!
- Seems like you contribute quite often. AMAZING!
#### Community-Driven Witness!
I am the first and only Steem Community-Driven 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 With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**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**
👍  
properties (23)
post_id26,448,417
authorutopian-io
permlinkre-jefpatat-steemmakers-website-now-has-pagination-20180118t154109423z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-18 15:41:09
last_update2018-01-18 15:41:09
depth1
children0
net_rshares6,053,494,776
last_payout2018-01-25 15:41:09
cashout_time1969-12-31 23:59:59
total_payout_value0.038 SBD
curator_payout_value0.008 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,084
author_reputation152,913,012,544,965
root_title"SteemMakers' website now has pagination"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
Help/Feedback