Repository
https://github.com/hispeedimagins/comstuff
Steem-Lite is a simple html, css, Javascript and reactjs based web app for interacting with the steem blockchain. It is fast and cheap to host. It can be used to help get a new project off the ground real fast by just entering the tag or be used as a personal website for showcasing your wonderful contributions to the world.
New Features
Use Steem-Lite as a personal website and load more articles
Simply change useAsPersonalWebsite to true and in personalWebsiteUsernameSteem enter your username in the constants.js file and your are done.
For ex. for my username the config would look like
const useAsPersonalWebsite = true;
//this username will be used for the personal site, change it to yours
const personalWebsiteUsernameSteem = "hispeedimagins";
.png)
procedure
New logic was written to make all of this work flawlessly. Passing the right calls and remaking a new react-Js component so all user data like name, rep, follow count etc. are loaded via one module.
commit
Profile page
Clicking on the username will now lead you to a profile page. Clicking on the author from the first screenshot leads us here.
procedure
Added a new html page, set the links in the react code and made one common profile intro view to use around the website.
commit
Bug Fixes
Comments were arranged wrong
Comments would appear to show be below the wrong one as the margin was not being set right. They also looked bulky.
procedure
If the margin is 1 then we set it to intial
The comment header was removed.
Result.
.png)
commit
Undefined tags would crash the app
If the tags field was undefined in json metadata the app would get hung and not display any comments.
procedure
Added a check in the comment and article view to make sure the tags were not undefined and were arrays.
commit
Bug fix and code comment additions
Future plans?
Hopefully we can either have steemconnect integration or some other way to perform actions on the blockchain.
Want to contact me?
My discord username - hispeedimagins#6619
email - hispeedimagins@gmail.com
Thank you @hispeedimagins for your contribution!
<ol> <li>Some of your style sheets can be re-used e.g. instead of appearing in many HTMLs, you could store it in a .css file <li>Same goes to some JS code, for example, your Google Analytics <li>Instead of asking user to configure the ID in the config file, you could simply obtain this by e.g. analysing the URL e.g. in the form of .../@steem_id <li>Please start using Pull Requests to group your commits and make your commit history a bit clean. <li>some code are appearing here and there e.g. <code>loadMoreNowPyou could refactor those common-used functions. <li>some commented-out code are commited . <p dir="auto">+1 for using React! <p dir="auto">Your contribution has been evaluated according to <a href="https://join.utopian.io/guidelines" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category. <p dir="auto">To view those questions and the relevant answers related to your post, <a href="https://review.utopian.io/result/3/2322312" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">click here. <hr /> <p dir="auto"><br /> Chat with us on <a href="https://discord.gg/uTyJkNm" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Discord.<br /> <a href="https://join.utopian.io/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">[utopian-moderator]<span>Need help? Write a ticket on <a href="https://support.utopian.io/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://support.utopian.io/.Thank you.
I don't think I have any css code laying around in html files, ill check it.
lol no you configure the id if you want to use it as a private website, you cannot use that in a private website. Like a wordpress blog.
loadmorenowp has to be changed, I know that but it is a bit tricky and I will change it with a component in the next update. As all js is shared enough to cause problems among the blog and the profile blog.
ahh yes, the commented out code. I always forget it, hehe.
Thank you for your review, @justyy! Keep up the good work!
Hi hispeedimagins,
This will determine your ultimate position when the results are tallied. (That being said, you are free to adopt any position you wish - we can recommend pantsless with beer in hand.)Thank you for your entry in to #comedyopenmic comedy contest. We have asked the judges below to review your entry and give it a funny rating. (They generally have no sense of humor, as the saying goes, those that can't do, start contests and judge).
Judges:
If you have any questions or queries please feel free to contact one of the judges or come say hi in discord: Click Here
Thank you to @matytan for the great banner @ComedyOpenMic For Witness And Disrupt The Steem Blockchain With Laughter!
Hi @hispeedimagins!
Feel free to join our @steem-ua Discord serverYour post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation! Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Hey, @hispeedimagins!
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Get higher incentives and support Utopian.io!
SteemPlus or Steeditor). Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Congratulations @hispeedimagins! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/comments.png?201811201947" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/comments.png?201811201947 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/comments.png?201811201947 2x" /><td>You made more than 400 comments. Your next target is to reach 500 comments. <p dir="auto"><sub><em><a href="https://steemitboard.com/@hispeedimagins" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard: <table><tr><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-the-results-the-winners-and-the-prizes" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-the-results-the-winners-and-the-prizes" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Meet the Steemians Contest - The results, the winners and the prizes<tr><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-special-attendees-revealed" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-special-attendees-revealed" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Meet the Steemians Contest - Special attendees revealed<tr><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-intermediate-results" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/meet-the-steemians-contest-intermediate-results" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Meet the Steemians Contest - Intermediate results <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!Congratulations @hispeedimagins!
You raised your level and are now a Minnow!
Congratulations @hispeedimagins! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/payout.png?201811251812" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/payout.png?201811251812 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@hispeedimagins/payout.png?201811251812 2x" /><td>You received more than 500 as payout for your posts. Your next target is to reach a total payout of 1000 <p dir="auto"><sub><em><a href="https://steemitboard.com/@hispeedimagins" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!