Giter Club home page Giter Club logo

coderwised / techos-bell Goto Github PK

View Code? Open in Web Editor NEW
20.0 1.0 21.0 840 KB

http://techos-bell.netlify.app A growing non-profit tech+non-tech community for programmers and non-coders alike! You do not have to be a developer or a programmer to join yet another cool community! This Repository is made An Open Source Website for the same built using HTML, CSS and JavaScript

Home Page: https://discord.gg/thnWrSm6HU

License: MIT License

HTML 53.93% JavaScript 8.90% CSS 37.16%
community hacktoberfest hacktoberfest-accepted no-code non-tech open-source tech

techos-bell's Introduction

TechOS Bell Community Page

-Not that ordinary community!

A growing non-profit tech community for programmers and non-coders alike! Yes, you read that right, you do not have to be a developer or a programmer to join yet another cool community!

An Open Source Website for a growing tech community built using HTML, CSS and JavaScript

HacktoberFest Accepted

Instructions for successfully merged PR under HACKTOBERFEST 👩‍💻🏆👨‍💻

• Most efficient PR receives a Shout-Out under the Contributions Trophy of the month
• Most efficient PR is Merged the FASTEST (within 4 hours)
1. Star this repo ⭐
2. Solve the enhancement/bug/updates Issue
3. Submit Valid PR
4. Wait for your PR to be Merged
5. Yayy you're done!
Email Banners-Dark

Be initial part of the growing non-code Community on Discord🚀

So, there you go! Contribute to the Open Source Website of TechOS Bell🎉

Contributions are what make the open source community such a fantastic place to learn, inspire, and create. Hence, all your contributions to this Repo will be Highly Appreciated. Check out our contribution guidelines for more information.

🎀 Project Admin


TechOS Bell

🏆 Contributor's Trophy - Contributors Of the Month🏆

(Based on Most Efficient Contributions)


Aditya

BGS89

BE THE NEXT

🎖️Thanks to all Contributors🎖️

Contributors Contributors

Support 🙏

Your Star to this Repository is highly highly appreciated !!! ⭐ Thank you :)


© 2022 TechOS Bell and contributors
This project is licensed under the MIT license.

forthebadge

techos-bell's People

Contributors

adityageek avatar dianesaur avatar eddayavuz avatar fykaa avatar itsmanojthapa avatar jsvigneshkanna avatar shaynzz avatar tpadelis avatar xencialaur avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

techos-bell's Issues

Add Creative About Us Section Designs

Apply creative and professional Ideas to this About section | Take Ideas from the Internet
image

Samples (add random text) -
image
image
image

You can also update to any other similar UI design,that suites the website designing

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format
  5. More efficient contributions gets automatically listed here

New favicon and title

Issue:

The website title, meta desc and favicon to be updated to keep in tech standard

Please assign this issue to my name under hacktoberfest

Misleading links on the footer

I have noticed that the link on the footer are misleading.

  1. The "OpenSource ❤" link is invalid.
  2. The LinkedIn: doesn't lead anywhere.
  3. The github: doesn't lead anywhere.
  4. The instagram: doesn't lead anywhere and the text that display when I hover over the icon says "youtube" instead of instagram.
  5. Individual picture of the contributors all lead to the same page. It is better to either to put the alltogether in a same image, or put individual link the their personal profile.

I would be glad to work on this issue.

The headline text on the footer is not visible

I just noticed that the headline text of the footer has a dark text color (similar to the background), which makes it invisible.

Below are screenshots of the footer.

Footer when I do not underline the headline

Footer when underline the headline

I would be glad to work on this issue

Newsletter Submission - [Your Title]

Content Type: [News/PR/Update/Other]

Title: [Your Title]

Description:
[Provide a brief description of the content you'd like to feature in the newsletter.]

Link to Content: [Link to the content, if applicable]

Author: [Your Name]

Date: [Date of Submission]

Section: [Choose one: Developer News / Release Schedule / Featured PRs / Other Merges / Promotions / Deprecated / Version Updates]

Additional Information:
[Include any additional information or context related to your submission.]

Screenshots or Media (if applicable):
[Insert screenshots or media if relevant to your submission.]

Checklist:

  • I have reviewed the newsletter guidelines and ensured my submission aligns with them.
  • I have checked for any grammatical or spelling errors in my content.
  • I have provided all necessary information for the newsletter section I selected.

Notes:
[Add any notes or comments you have regarding your submission.]

By submitting this issue, I acknowledge that I have read and agree to the project's code of conduct.

[Optional: Add any relevant tags or additional information.]

Add a contributors section to the Home Page of website

Link -> https://github.com/fykaa/techOS-Bell/graphs/contributors to the homepage such that it presents the Contributors directly in the footer section of the Home Page

image

Rules -

  1. Comment below to Get Assigned
  2. The PR Should be sent within 48 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format
  5. Must Follow all the steps from Instructions

Make the COntributor's section Responsive

image

Must have in the PR -

  1. Fix the Contributor's Heading Font Color
  2. Make the Contributor's image Responsive

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add smooth Hamburger menu for responsive design to the navbar

image

Take help from - https://themewagon.com/responsive-navbar-collection/

Must have in the PR -

  1. Smooth Responsiveness for hamburger menu opening closing
  2. Responsive (add a Hamburger Menu for Mobile devices)
  3. Click anywhere to close the menu feature

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add a Testimonials Section with Attractive UI and Effects

Add a Testimonials Section to the Homepage below the about us section-
image

Samples -
image
image
image


Must have in the PR -

  1. Proper creative Hover effect to each Testimonial
  2. Responsive (add a Hamburger Menu for Mobile devices)
  3. Smooth scrolling and attractive design
  4. The testimonials should occupy a specific length and have a left-right scrolling effect for each

Rules -

  1. Comment below to Get Assigned
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

NO-CODE GRAPHIC/LOGO DESIGNING for Favicon

Designing A no-code Logo optimized for Coderwise's favicon

Must in The PR:

  • Brainstorm designs That Describe the brand
  • Pick Versatile Color Options
  • Decent and Professional design

Name - Coderwise
Tagline - Not that ordinary community!
Description - A growing non-profit tech community for programmers and non-coders alike! Yes, you read that right, you do not have to be a developer or a programmer to join yet another cool community!

Note -

  • THIS PR WON'T BE ASSIGNED but ALL THE VALID PRs will be accepted.
  • Most creative and relatable Designs will be applied to the site design

Rules -

  1. Must Follow all the steps from Instructions
  2. PR should be added in this file
  3. Most efficient contributions gets automatically listed here
  4. The logo MUST BE UNIQUE

Suggestions - Tacos bell / bell w technology / random decent design etc.

Create a Custom Attractive Scroll Bar with Gradient colors

Update to a creative Scroll Bar for the Site's homepage -

Take Reference/Examples from -
https://onaircode.com/html-css-custom-scrollbar-examples/

Must in The PR:

  • Attractive Scrollbar design
  • Gradient and creative features
  • Properly Functioning

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format
  5. Most efficient contributions gets automatically listed here

PRs Lacking the MUSTS and RULES mentioned above will be ignored.

Improve About Section UI

Apply creative and professional Ideas to this About section | Take Ideas from the Internet
image

Samples (add random text) -
image
image
image

Rules -

  1. Comment below to Get Assigned
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add a floating Scroll-to-Top Button on the right side

image

Must have in the PR -

  1. Responsive Scroll-to-Top button
  2. Suitable and Professional Design
  3. Smooth scrolling to the top

Take reference from -
https://www.freecodecamp.org/news/back-to-top-button-and-page-progressbar-with-html-css-and-js/
https://css-tricks.com/how-to-make-an-unobtrusive-scroll-to-top-button/

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add a fixed floating side bar for socials

image
image
image

Must have in the PR -

  1. On hover expands (like for the second link in the above picture) with transition effects
  2. Appropriate Color and Design

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add a suitable FAQs section to the Website

Add a new FAQ section to the Website just above Contributor's section
image

Take Reference from -
https://codyhouse.co/gem/css-faq-template
https://bootsnipp.com/snippets/z8e5d

Example -
image

Must Have in PR -

  • Add proper styling and Wrapping effect using JavaScript
  • The color and design should match the website theme
  • Smooth gliding is preferred

Rules -

  1. Must Follow all the steps from Instructions
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Add Creative Navbar design

Update the Navbar UI -
image

Take help from - https://themewagon.com/responsive-navbar-collection/

Must have in the PR -

  1. Proper creative Hover effect
  2. Responsive (add a Hamburger Menu for Mobile devices)
  3. Smooth scrolling and attractive design

Rules -

  1. Comment below to Get Assigned
  2. The PR Should be sent within 24 hours of Assignment, else will get reassigned to the next person.
  3. The PR should be valid and have no Merge Conflicts
  4. DON'T spoil the Code indentations with any formatting tools such as prettier or VSC format

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.