Welcome to the BinaryHeart website tutorial page! This page contains guides for getting started, making edits, and understanding the code. If any information is missing or unclear, please get in touch with Megan Lu ([email protected]). This page is currently incomplete.

Website and GitHub

BinaryHeart

https://github.com/BinaryHeartNT/binaryheart.git

Getting Started

If you’re interested in working on the website, please come to club. We’ll help you get started!

Equipment & Accounts

Start Coding

• Pushing changes to the site
• Pulling changes

CSS Styles

• Media queries
• Static cards
• About page leader table and press page table
• Colors Used

Colors Used

Making Edits

• Editing text (general)
  • Without Replit
  • With Replit
• Adding FAQs
• Adding leader bios
• Making new pages
• Adding upcoming events
• Adding images
• Viewing changes & Testing new changes (Google Chrome developer tools)
• Making comments

Website URL & Github Pages

• Github pages
• Connecting to the domain name
• Google Analytics

Other Resources

General information on HTML, CSS, and JavaScript. Helpful for information on HTML tags.

General information on HTML, CSS, and JavaScript. Helpful for information on HTML tags.

• W3Schools
  • HTML tags: https://www.w3schools.com/tags/
  • CSS properties: https://www.w3schools.com/CSSref/default.asp
  • CSS units: https://www.w3schools.com/CSSref/css_units.asp

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/23b6c418-6b39-4947-9ac9-f7c3918ebd01/Untitled_drawing.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/23b6c418-6b39-4947-9ac9-f7c3918ebd01/Untitled_drawing.png" width="40px" /> Created by Megan Lu BinaryHeart Leadership 2022-2023

</aside>