Task request for Utopian.rocks - Responsiveness and improved filtering
![](https://steemitimages.com/640x0/https://i.imgur.com/5rAMEOj.png?1)
Credit to @podanrj
https://utopian.rocks/
Repository
https://github.com/amosbastian/utopian.rocks
Skills needed
To complete this task you will probably need some knowledge of:
- SCSS
- JavaScript
- HTML
- Python and Flask (maybe)
The task
About a week ago I updated Utopian.rocks' style and tried making it responsive. I failed a bit. When using it on mobile you have to zoom out to see everything, which isn't ideal. After spending a lot of time on trying to improve it I finally gave up and decided it would be better to ask for help instead.
Another thing problem was that I added a category filter a couple of days ago as well, which made it even less responsive.
In the meantime I also got a request to add the ability to filter based on the user that published the post or by keywords in the title. This means that this task covers the following two things:
- Add an input field that allows users to search by author, repository and title. It would be great if the user could do this by typing something like "author:amosbastian".
- Make everything responsive. Since part of this task is implementing the filter, which should obviously also be responsive, I'll leave it up to you to decide where exactly the input field should be. The only thing you should keep in mind is that the general style is inspired by GitHub's so you can make it look similar to theirs.
Components
For making everything responsive you will more than likely have to edit the following files:
and maybe the associated HTML files. For adding the input field and filtering you will more than likely need to edit the following files:
- index.html
- queue.html
- comments.html
- utils.js
- app.py (maybe)
If it's possible I would like the filtering to be done with JavaScript. However, if this isn't possible, then I don't mind if it is implemented using Python and Flask, but that will probably require a bit more work.
Deadline
I would like to see the task fulfilled within two weeks of the creation of this post.
Communication
I've updated the the README, which should include enough information to get everything up and running locally. Once you have done that, or are having trouble with the instructions, then you can contact me on Discord at Amos#4622.
I hope everything is clear, but if something isn't then please ask for clarification in the comments or on Discord!
Hey Amos, it is actually great to see that you want to involve other people in the project even if it is just to help you fix some of the issues.
Your submission has been evaluated according to Utopian policies and 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.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Thank you for your review, @espoem!
So far this week you've reviewed 1 contributions. Keep up the good work!
Thank you for your review, @espoem!
So far this week you've reviewed 1 contributions. Keep up the good work!
Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 22 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.
I upvoted your contribution because to my mind your post is at least 4 SBD worth and should receive 69 votes. It's now up to the lovely Steemit community to make this come true.
I am
TrufflePig
, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, you can find an explanation here!Have a nice day and sincerely yours,
![trufflepig](https://steemitimages.com/640x0/https://raw.githubusercontent.com/SmokinCaterpillar/TrufflePig/master/img/trufflepig17_small.png)
TrufflePig
Hi @amosbastian!
Your 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!
Feel free to join our @steem-ua Discord server
Hey, @amosbastian!
Thanks for contributing on Utopian.
We’re already looking forward to your next task request!
Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Nice repo, this is really good for learning new skills! :)