Skip to content

Rod-Freedom/C4-The_Hall_of_Ideas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Hall of Ideas

Where Ideas Meet, Minds Flourish: Step into The Hall of Ideas!

ABOUT THE PROJECT

Overview

"The Hall of Ideas" is a digital sanctuary where creativity thrives, ideas converge, and inspiration ignites. Picture stepping into a grand hall adorned with the tapestries of innovation, each thread woven with the essence of human ingenuity. This blog is a vibrant mosaic of thoughts, musings, and discoveries spanning diverse realms of knowledge and imagination.

Whether you're seeking enlightenment, entertainment, or simply a moment of intellectual respite, "The Hall of Ideas" beckons you to step inside and explore the wonders that await within its virtual halls.

Overview description made with OpenAI. (2024). ChatGPT (3.5) [Large language model]. https://chat.openai.com

Find the repo here.

Table of Contents

Resources

  • For the HTML:
    • Favicon
    • Meta description.
    • defer attribute.
    • Multiple stylesheets links and scripts at once.
    • Fontawesome
    • Google Fonts
  • For the CSS:
    • Intuitive classes.
    • Single property selectors.
    • Flex display.
    • Grid display.
    • Calc() sizes for responsiveness.
    • Variables for dark and light mode.
    • Transitions.
  • For JavaScript
    • Changes in the DOM.
    • Creation of CSS variables depending on the color scheme.
    • Changes on the color-scheme in the :root element.
    • Event listeners.
    • Loops with forEach.
    • window.location.href to change page.
    • Local storage.
    • setTimeout executions.
    • Arrow functions.

Usage

The site will respond to your computer preferences to set it to dark or light mode. You can also click on the button at the top right corner to change the color scheme preference, and it will be saved for the next time you enter.

Landing Page Dark/Light Mode

You can access the feed from the landing site by clicking on Go to feed. If there aren't any posts to display, a message will appear.

Posts Feed

Posting is a straightforward process. Just click on New post. However, it's crucial to fill out the form correctly by adding your Username, Title, and Content. Failure to do so will prevent you from continuing. Once you've filled out the form, hit Post now and you'll be directed to the feed.

Landing Page

Get Started

Click here, and start sharing!

License

GitHub
See the license for more details.

Credits

All the code was created from scratch by Rod's Freedom.

About

Where Ideas Meet, Minds Flourish: Step into The Hall of Ideas!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published