Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Display logo of the programming language on the sidebar #52

Open
abdullah20401 opened this issue Dec 29, 2020 · 2 comments
Open

Display logo of the programming language on the sidebar #52

abdullah20401 opened this issue Dec 29, 2020 · 2 comments
Assignees
Labels
NJACK NJACK winter of code

Comments

@abdullah20401
Copy link

abdullah20401 commented Dec 29, 2020

Is your feature request related to a problem? Please describe.
On the sidebar I can't find out what language the snippet is in until I click on it.


Describe the solution you'd like
I can add all the icons to the the static folder:

{% static 'img/iconfolder/{{i.lang}}/{{i.lang}}.svg' %}

Describe alternatives you've considered

I can use something like https://devicon.dev/ to display the icon:

  • Flaw:: This won't work for ever language because the naming of the language from the models doesn't match the icon name
    • Ex: models.py -> html != devicon -> html5
<i class="devicon-{{i.lang|lower}}-plain">&nbsp; &nbsp;</i>

Additional context
How the alternative solution will look like:
image

@abdullah20401
Copy link
Author

abdullah20401 commented Dec 29, 2020

I would kindly liked to be assigned for this! And can I do this for NWOC?

Thanks

@PragatiVerma18 PragatiVerma18 added the NJACK NJACK winter of code label Jan 5, 2021
@PragatiVerma18
Copy link
Owner

That would be really helpful, go ahead @abdullah20401

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
NJACK NJACK winter of code
Projects
None yet
Development

No branches or pull requests

2 participants