Free website template with theme switcher and page switcher in Javascript
Home Page: https://omicreativedev.github.io/ThemeSwitcher/
License: Creative Commons Zero v1.0 Universal
Make an accessible color scheme theme for Achromatopsia.
This requires some research about what colors to use for this form of visual impairment.
More information can be found here.
How To:
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently the JavaScript for the themeswitcher and pagemenu are embeded scripts at the bottom of the index page and the html pages in the pages folder. Migrate the scripts to external files so that people wont accidentally edit them. Keep in mind that the scripts in the html files in the pages folder are slightly different than those in the index.html.
Most of all, be creative <3
Read the Docs.
Give a ⭐
Don't break anything. :)
Make a theme that promotes a new song. You can use any song you like from spotify, soundcloud, youtube, or something else. Theme for inspiration but you can be creative as you like. Embed the media in the page and make a theme to match.
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently each of the files in the /pages folder has Javascript to switch the theme.
Move this code to /pages/themeswitcher_subdir.js
Update thankyou.html and omicreativedev.html with the external script
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ⭐
Don't break anything. :)
Create a theme for Autumn/Fall.
Be creative.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently script.js in the root folder contains the scripts for both the theme switcher and the page switcher used in the index.html
Split the file into the following:
Change index.html to include both scripts.
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently, the only page in the pages folder is omicreativedev.html with my own information as an example.
Create a new page that can be used as default generic template for others to get started making pages.
Be sure to include lots of comments in the template explaining each line and what a new user can change.
The template can be based on the existing page example or you can create something new.
The file should be named profile_template.html - don't forget to add it to the pages_list.txt
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Make an accessible color scheme theme for Tritanopia.
This requires some research about what colors to use for this form of visual impairment.
More information can be found here.
How To:
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ?
Don't break anything. :)
Within CONTRIBUTING.md you will find:
PR 1 - Create A New Profile Page in Pages
Create a link to a new page entitled CONTRIBUTING_pages.md and remove the body of this section from CONTRIBUTING.md
In this new CONTRIBUTING_pages.md page, make a complete tutorial about how to create a page step by step including git instructions for CLI and Web. We want to make it SUPER EASY for anyone to make a page even if they have no experience. Someone who knows nothing about coding should be able to follow our instructions exactly and make their first successful contribution to this repository.
Read the Docs.
Give a ⭐
Don't break anything. :)
Use Markdown to make a cool looking Contributors.md file with instructions on how contributors can add themselves to the file, username (with link) to github username, twitter link, linkedin link, description of their contribution, mini-bio. Make a copy and paste code snippet that they can add their information to.
Check out this one here for inspiration (don't copy the contents but something similar would be fun)
https://github.com/Lissy93/git-into-open-source/blob/main/git-in-here.yml
Most of all be creative!
Read the Docs.
Give a ⭐
Don't break anything. :)
Make a Matrix Theme & Page using The Morpheus Effect <any color!>
Script here: https://github.com/Rezmason/matrix#customization
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.💗
Picture with Neo?
Be as creative as you want with color, animation, styling, etc.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently we are using SVG for the social media icons in the templates.
Integrate the cloud version of the following icon library
About the library and styling the icons: - https://tabler-icons.io/ - https://github.com/tabler/tabler-iconsIf assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.💗
Be as creative as you want with color, animation, styling, etc.
Read the Docs.
Give a ⭐
Don't break anything. :)
If you're reading this, you may be looking for your Issue that you were assigned.
All issues have been temporarily closed while a bug was fixed in the repository.
Also, one of the PRs was marked 'excluded' so I'm not sure yet if it is just that PR or all.
I have emailed [email protected] to try to resolve this.
As such I removed much of the festive changes I made to the repo.
It now looks more standard (sorry) and less celebratory of the occasion.
I'm really disappointed that Hacktoberfest is ruining so many small projects in their efforts to reduce spam.
Please accept my apologies for your hard work potentially lost.
I will work diligently to try to resolve this and to make sure your PRs are accepted fully.
Thank you.
Description
The default theme button have option to change the them of the page but the cursor is not pointer when someone is hovering on it.
Screenshot
Create an HTML page in the pages folder with a Haiku Poem.
You can use AI to write the Haiku Poem if you like.
Don't forget to add your new page to pages_list.txt
Add your name in Contributors.md
Be creative as you like.
Read the Docs First
Give a ⭐
Don't break anything. :)
The page should say Happy Birthday and work with all themes (at least the background should change)
Yes, you can use additional html or css right inside the page.
You can also make a new theme along with it if you like.
Don't forget to update pages_list.txt
Include a social media image with a picture of a GIFT in the og:image (see thankyou.html and respective folders for example)
You can use canva or AI or design the graphics yourself.
The objective will be that if this page is posted on social media, it will show the og:image from the meta data.
The title can be Happy Birthday and the description should say We have a Surprise For You!
When they click to the link, the page will show a Happy Birthday message :)
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently the Code of Conduct file references a link with a standard code of conduct. Please do some research and see what others are doing for their code of conduct file. Give a read over the CONTRIBUTION.md file to see some notes about do and don't do's.
Add when contributing to this repo, use only your own original resources, cc0 or public domain resources. Don't break any copyright laws.
Craft a meaningful reusable code of conduct file for this project. Keep it simple as possible.
Read the Docs.
Give a ⭐
Don't break anything. :)
Example Library (pure js)
https://github.com/KonstantinPankratov/JavaScript-Confetti
Your confetti can be ONCLICK on the logo, on page load or both. You don't have to use the library provided. It can be coded right on the thankyou.html page in a script tag.
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.💗
Be as creative as you want with color, animation, styling, etc.
Read the Docs.
Give a ⭐
Don't break anything. :)
Within CONTRIBUTING.md you will find:
PR 2 - Create A New THEME
Create a link to a new page entitled CONTRIBUTING_themes.md and remove the body of this section from CONTRIBUTING.md
In this new CONTRIBUTING_themes.md page, make a complete tutorial about how to create a theme step by step including git instructions for CLI and Web. We want to make it SUPER EASY for anyone to make a theme even if they have no experience. Someone who knows nothing about coding should be able to follow our instructions exactly and make their first successful contribution to this repository.
Read the Docs.
Give a ⭐
Don't break anything. :)
Make your own profile page :)
Copy omicreativedev.html
But then make it look different!
Don't forget to update pages_list.txt
Be as creative as you want!
Read the Docs.
Give a ⭐
Don't break anything. :)
The repository is using https://contrib.rocks/ to display contributors but it's not updating. I'm not sure why it doesn't work. Maybe I did the URL wrong.
I expected https://contrib.rocks/ to work.
You can see that they don't work when you see the README.md and thankyou.html
Resolve the issue in 1 of the following ways (select 1 method)
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Create a logo for the project with the same color scheme as the banner on the README.md
It should say THEMESWITCHER
You can use Canva or whatever you like
Fork and put the logo in the root folder with the filename logo
This is no-code. You shouldn't put the logo in the code.
Have fun!
Create a Winter style theme.
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently there is no template for feature suggestions.
This is a good starting point:
https://github.com/jfmartinz/ResourceHub/blob/main/.github/ISSUE_TEMPLATE/feature.yml
Most of all, be creative <3
Read the Docs.
Give a ⭐
Don't break anything. :)
Create A Theme for Summer.
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Please make yourself familiar with the types of issues and pages in this repository.
The pull request template will help identify related issues or other important factors before review.
Research may be neccessary. The final submission should be a working file that applies out the box.
There should be an option for:
Issue Related [] (if so, what issue #)
General Contribution[] (a)page (b)theme (c)debugging (e)enhancement
More information here:
https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository
Read the Docs.
Give a ⭐
Don't break anything. :)
Currently, all of the theme templates have primarily custom classes used in the few pages that are already in the website.
What this issue will resolve is the having a basic framework for creating new pages in the future. For instance, if we look at Bootstrap, there are classes already defined for what H1, H2, H3, code, etc. look like. Currently, the themes don't have this.
Trying to work around the current theme classes, create a default scheme that doesn't break any of the current pages.
Include the new scheme in all of the current theme files. It should not duplicate or alter any of the classes that are already there.
It may be needed to edit the pages and utilize some of your new classes so that things work smoothly.
The objective will be so that future pages have a broader option of classes to use when making pages.
You may also alter and diversify the existing themes. For instance, the galaxy theme might have a square profile picture where the light theme has a round avatar.
There may be some conflicts when merging (but that's what we want, practice!)
Be creative!
Read the Docs.
Give a ⭐
Don't break anything. :)
Make any page and any theme.
You will be assigned this task with another Assignee.
The first to comment will make the theme, and the second will make the page.
You will both be assigned to the issue.
The PR will be reviewed when you both finish and make a PR.
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Bonus: I hear that Github awards achievements for pair coding.
https://7.dev/github-achievements-list/
Make an accessible color scheme theme for Deuteranopia.
This requires some research about what colors to use for this form of visual impairment.
More information can be found here.
How To:
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ?
Don't break anything. :)
Create a Theme for Spring
Be creative as you like.
Read the Docs.
Give a ⭐
Don't break anything. :)
Change the header banner in the README.md
The banner should be Purple and be a unique. You will be designing the banner.
It should be 100% original or be comprised of elements that are public domain or otherwise openly permitted.
You can use AI to make elements for it.
It should be mostly purple and neon /bold colors in a darkish theme (galaxy style.)
It should promote this repo, call for contributions and be like a promotional flyer.
Please be appropriate and don't break any rules or laws.
Upload the file to the root folder and include the link in the README.md
Check out this example of a repo with a cool header for inspiration:
https://github.com/ossamamehmood/Hacktoberfest2023/tree/main
Index.html is currently very basic. The new index.html should have a clearer explanation of the project so please thoroughly familiarize yourself with the project before taking this issue on. Your update should utilize the themes in the themes folder and look good with all themes. You may edit the themes in the themes folder to add additional features and formatting but keep in mind that the pages in the pages folder will also be using the same themes. So your themes should also be universal to these pages. You may edit the pages in pages folder to make everything work together and not break, but try to preserve the original work on those pages (in the pages folder) without changing the way they look (even if you change some classes, add additional classes, etc.)
There is a blank box at the bottom of both the page and theme drop down. Clicking them have unintended consequences.
Clicking the blank one in the page switcher takes you to a 404 in the pages folder.
Clicking the blank one in the theme switcher takes you to no theme.
Expected no white box. Expected when clicking that nothing would happen.
Go to the main website and click either of the drop down boxes. The bottom option in both dropdowns is blank and causing the problem.
Create a solution for this problem. If it's possible to remove the whitespaces so these options aren't selectable, great. If not possible, perhaps having them redirect back or using a default might be fine.
Currently the contributor image (which updates dynamically every 24 hours) is falling below the layout. In general, there may be too much space.
Create a new layout for this page.
Make sure the logo badge is centered at the top.
You can make a new theme if you want or use some css within the html file directly as well.
Don't change the metadata.
The theme switcher should work with the page (even if only some elements switch, such as the background.)
Feel free to be creative.
This page is to thank everyone that contributed to the repository.
Read the Docs.
Give a ⭐
Don't break anything. :)
Make an accessible color scheme theme for Protanopia.
This requires some research about what colors to use for this form of visual impairment.
More information can be found here.
How To:
If assigned, please fork immediately.
Comment within 2 days (at least leave a comment) if you haven't done a PR yet.
Resign yourself if you won't get to it so someone else can.??
Be creative.
Read the Docs.
Give a ⭐
Don't break anything. :)
Make your own profile page :)
Copy omicreativedev.html
But then make it look different!
Don't forget to update pages_list.txt
Be as creative as you want!
Read the Docs.
Give a ⭐
Don't break anything. :)
Make your own profile page :)
Copy omicreativedev.html
But then make it look different!
Don't forget to update pages_list.txt
Be as creative as you want!
Read the Docs.
Give a ⭐
Don't break anything. :)
#Description
the logo of the twitter is not updated
Screenshot
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
