create account

Knacksteem.org - Header, Footer and Editor (Responsive Layout). by sirfreeman

View this thread on: hive.blog |  peakd.com |  ecency.com
utopian-io · @sirfreeman · (edited)
$58.42
Knacksteem.org - Header, Footer and Editor (Responsive Layout).
<html>
<p>&nbsp;</p>
<h3>Repository</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org">https://github.com/knacksteem/knacksteem.org</a></p>
<h3>Pull Request</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org/pull/39">https://github.com/knacksteem/knacksteem.org/pull/33</a></p>
<h3>Issue</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org/issues/35">https://github.com/knacksteem/knacksteem.org/issues/34</a></p>
<h3>Task Request</h3>
<p><a href="https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty">https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty</a></p>
<h3>New Features</h3>
<h4>Responsive Layout</h4>
<p>Below is a new layout for the Header, footer and Editor of Knacksteem, the Layout was made responsive using Row and Col &nbsp;from the Antd Design System. Also media query were written at different Screen levels</p>
<p>handleEditorToggle() {<br>
this.setState({<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isMarkdownEditorActive: !this.state.isMarkdownEditorActive<br>
&nbsp;&nbsp;&nbsp;});<br>
&nbsp;}</p>
<p>![iphone](https://preview.ibb.co/mMJaSq/responsive2.png)</p>
<p>![desktop](https://preview.ibb.co/fFZX7q/responsive.png)</p>
<p>The editor state was toggle to add responsiveness and the width was set to 100% to increase the touch radius.</p>
<p>The ollow commit are used to achieve most of the layouts</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/dc76e08c5db45421b7f3586872237ec659de5eb8</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/ad7af0f29331915aa67ae25725e60c0610f0b74c</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/741e777ad9749329434ce210cef9a5241c292231</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/76e7e85aea444db18b681eb40cafe7f890608ec8</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/73e2bbe2f502ce249cf17159abeb180901cc9b89</p>
<h3>What's next?</h3>
<p>The next pull for this task will Add the responsive home feed with approved post&nbsp;</p>
<h3>Github Account</h3>
<p><a href="https://github.com/creatrixity">https://github.com/ogbiyoyosky</a>&nbsp;</p>
</html>
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 34 others
properties (23)
authorsirfreeman
permlinkknacksteem-org-header-footer-and-editor-responsive-layout
categoryutopian-io
json_metadata{"tags":["utopian-io","development","knacksteem","vlog"],"links":["https://github.com/knacksteem/knacksteem.org","https://github.com/knacksteem/knacksteem.org/pull/39","https://github.com/knacksteem/knacksteem.org/issues/35","https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty","https://github.com/knacksteem/knacksteem.org/pull/33/commits/dc76e08c5db45421b7f3586872237ec659de5eb8","https://github.com/knacksteem/knacksteem.org/pull/33/commits/ad7af0f29331915aa67ae25725e60c0610f0b74c","https://github.com/knacksteem/knacksteem.org/pull/33/commits/741e777ad9749329434ce210cef9a5241c292231","https://github.com/knacksteem/knacksteem.org/pull/33/commits/76e7e85aea444db18b681eb40cafe7f890608ec8","https://github.com/knacksteem/knacksteem.org/pull/33/commits/73e2bbe2f502ce249cf17159abeb180901cc9b89","https://github.com/creatrixity"],"app":"steemit/0.1","format":"html","image":["https://preview.ibb.co/mMJaSq/responsive2.png","https://preview.ibb.co/fFZX7q/responsive.png"]}
created2018-11-06 18:36:27
last_update2018-11-07 06:26:15
depth0
children3
last_payout2018-11-13 18:36:27
cashout_time1969-12-31 23:59:59
total_payout_value44.200 HBD
curator_payout_value14.217 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,263
author_reputation13,136,718,943,137
root_title"Knacksteem.org - Header, Footer and Editor (Responsive Layout)."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id74,804,641
net_rshares54,250,880,467,383
author_curate_reward""
vote details (98)
@helo ·
$9.09
- The hyperlinks of the PR and Bug are wrong
- The image markdowns are broken, please take a look at your post and fix it.
- There are spelling and grammar mistakes here:
> The ollow commit are used to achieve most of the layouts
- Great code review from @ms10398 on GitHub


Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/guidelines), as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, [click here](https://review.utopian.io/result/3/3211114).

---- 
Need help? Write a ticket on https://support.utopian.io/. 
Chat with us on [Discord](https://discord.gg/uTyJkNm). 
[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , , , , , , , , , , , ,
properties (23)
authorhelo
permlinkre-sirfreeman-knacksteem-org-header-footer-and-editor-responsive-layout-20181107t175353273z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["ms10398"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/3/3211114","https://support.utopian.io/","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2018-11-07 17:53:54
last_update2018-11-07 17:53:54
depth1
children1
last_payout2018-11-14 17:53:54
cashout_time1969-12-31 23:59:59
total_payout_value6.870 HBD
curator_payout_value2.215 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length765
author_reputation121,547,934,535,311
root_title"Knacksteem.org - Header, Footer and Editor (Responsive Layout)."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id74,867,155
net_rshares8,577,718,039,059
author_curate_reward""
vote details (13)
@utopian-io · 
Thank you for your review, @helo! Keep up the good work!
properties (22)
authorutopian-io
permlinkre-re-sirfreeman-knacksteem-org-header-footer-and-editor-responsive-layout-20181107t175353273z-20181109t185914z
categoryutopian-io
json_metadata"{"app": "beem/0.20.9"}"
created2018-11-09 18:59:15
last_update2018-11-09 18:59:15
depth2
children0
last_payout2018-11-16 18:59:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length56
author_reputation152,955,367,999,756
root_title"Knacksteem.org - Header, Footer and Editor (Responsive Layout)."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id74,992,312
net_rshares0
@utopian-io · 
Hey, @sirfreeman!

**Thanks for contributing on Utopian**.
We’re already looking forward to your next contribution!

**Get higher incentives and support Utopian.io!**
 Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via [SteemPlus](https://chrome.google.com/webstore/detail/steemplus/mjbkjgcplmaneajhcbegoffkedeankaj?hl=en) or [Steeditor](https://steeditor.app)).

**Want to chat? Join us on Discord https://discord.gg/h52nFrV.**

<a href='https://steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
properties (22)
authorutopian-io
permlinkre-knacksteem-org-header-footer-and-editor-responsive-layout-20181107t181154z
categoryutopian-io
json_metadata"{"app": "beem/0.20.9"}"
created2018-11-07 18:11:57
last_update2018-11-07 18:11:57
depth1
children0
last_payout2018-11-14 18:11:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length592
author_reputation152,955,367,999,756
root_title"Knacksteem.org - Header, Footer and Editor (Responsive Layout)."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id74,868,030
net_rshares0
Help/Feedback