Mason's Face: Open Source Edition

About the Project

Welcome to the open-source version of Mason's Face! This project is a humorous collection of images showcasing various expressions and moments of our fearless leader Mason.

Installation

To run this project locally:

1. Clone the repository to your local machine.
2. Open the index.html file in a web browser.

No additional setup or dependencies are required!

How to Contribute

Contributing your own Mason's Face is easy and encouraged! Follow these steps:

1. Fork the Repository: Create your own fork of the project.
2. Create a Branch: Make a new branch for your contribution.
3. Add Your Image: Follow the pattern in index.html for adding new images.
4. Commit Your Changes: With a clear commit message.
5. Open a Pull Request: Describe your changes and submit it for review.

Image Layout Example

Here's an example of how to layout an image in the HTML file:

<div class="rounded-lg overflow-hidden">
    <div class="flex justify-center">
        <img
            src="./yourImageFileName.png"
            alt="Your Image Description"
            class="w-full object-contain h-96"
        />
    </div>
    <div class="p-4">
        <h2 class="text-center text-xl font-bold">"Your Image Title"</h2>
        <div class="max-w-96 mx-auto">
            <p class="text-center">
                Your image caption goes here. Keep it fun and respectful.
            </p>
        </div>
    </div>
</div>

Remember to:

• Replace yourImageFileName.png with your image file name.
• Update the alt attribute with a brief description of your image.
• Provide a catchy title and a humorous caption.

Guidelines for Images

• Images should be fun and respectful.
• Use PNG format for consistency.
• Adhere to the size and quality standards as shown in the example.

Contact & Support

For questions or support, reach out at contact@bomoe.gg or open an issue.