Title: Add Emoji Rain Animation to Contact Form on Successful Submission

.github/workflows/playwright.yml

@@ -1,27 +1,27 @@
 name: Playwright Tests
 on:
-  push:
-    branches: [ main, master ]
-  pull_request:
-    branches: [ main, master ]
+    push:
+        branches: [main, master]
+    pull_request:
+        branches: [main, master]
 jobs:
-  test:
-    timeout-minutes: 60
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: 18
-    - name: Install dependencies
-      run: yarn
-    - name: Install Playwright Browsers
-      run: yarn playwright install --with-deps
-    - name: Run Playwright tests
-      run: yarn playwright test
-    - uses: actions/upload-artifact@v3
-      if: always()
-      with:
-        name: playwright-report
-        path: playwright-report/
-        retention-days: 30
+    test:
+        timeout-minutes: 60
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+            - name: Install dependencies
+              run: yarn
+            - name: Install Playwright Browsers
+              run: yarn playwright install --with-deps
+            - name: Run Playwright tests
+              run: yarn playwright test
+            - uses: actions/upload-artifact@v3
+              if: always()
+              with:
+                  name: playwright-report
+                  path: playwright-report/
+                  retention-days: 30

.prettierrc

@@ -1,7 +1,7 @@
-{
-    "endOfLine": "lf",
-    "semi": true,
-    "singleQuote": false,
-    "tabWidth": 4,
-    "trailingComma": "es5"
-}
+{
+    "endOfLine": "lf",
+    "semi": true,
+    "singleQuote": false,
+    "tabWidth": 4,
+    "trailingComma": "es5"
+}

README.md

@@ -1,4 +1,3 @@
-
 <p align="center">
   <img src="https://img.shields.io/badge/node-v10.16.0-brightgreen.svg?style=flat-square" alt="node" />
   <img src="https://img.shields.io/badge/npm-v5.6.0-blue.svg?style=flat-square" alt="npm" />
@@ -25,19 +24,19 @@ Hey there, Soldier! Welcome to the **Vets Who Code Web App**. This project serve
 
 This app is built using a jam-packed tech stack including:
 
-- Tailwind
-- Next.js
-- Playwright
-- Typescript
-- MDX
-- Lerna architecture
+-   Tailwind
+-   Next.js
+-   Playwright
+-   Typescript
+-   MDX
+-   Lerna architecture
 
 ### Our Mission :dart:
 
 1. **Empower Veterans and Military Spouses**: We're creating a production-grade app that addresses the unique needs of our community.
-  
+
 2. **Ever-Evolving Platform**: New features are continuously added to provide valuable tools for our users.
-  
+
 3. **Learn By Doing**: The project serves as a hands-on experience for our community to learn and grow their coding skills.
 
 ## Getting Started 🚀
@@ -46,11 +45,11 @@ To get a local copy up and running, you'll need a few things installed on your m
 
 ### Prerequisites 🛠️
 
-- [Git](http://git-scm.com/)
-- [Node](http://nodejs.org/)
-- [NVM](https://github.com/creationix/nvm)
-- [Yarn](https://yarnpkg.com/)
-- [NextJS](https://nextjs.org/)
+-   [Git](http://git-scm.com/)
+-   [Node](http://nodejs.org/)
+-   [NVM](https://github.com/creationix/nvm)
+-   [Yarn](https://yarnpkg.com/)
+-   [NextJS](https://nextjs.org/)
 
 ### Installation Steps :wrench:
 
@@ -72,32 +71,34 @@ We have a development container to help you quickly set up your dev environment.
 
 ### Requirements
 
-- [Docker](https://www.docker.com/products/docker-desktop)
-- [VS Code](https://code.visualstudio.com/)
-- [Remote - Containers extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)
+-   [Docker](https://www.docker.com/products/docker-desktop)
+-   [VS Code](https://code.visualstudio.com/)
+-   [Remote - Containers extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)
 
 ### Steps
 
 1. **Clone the repository**
+
     ```sh
     git clone https://github.com/Vets-Who-Code/vets-who-code-app.git
     cd vets-who-code-app
     ```
 
 2. **Open in VS Code**
+
     - Open the root directory in VS Code.
     - A notification will appear asking if you would like to reopen the project in a dev container. Choose "Reopen in Container".
     - If you don't see the notification, open the Command Palette (`F1`) and run `Remote-Containers: Reopen in Container`.
 
 3. **Wait for the Build**
+
     - The dev container will build based on the `Dockerfile` and `devcontainer.json` configuration. This may take a few minutes the first time.
 
 4. **Start Developing**
     - After the container is built, VS Code will attach to it. You're now developing inside the container!
 
 Remember, this is optional. If you prefer to set up your development environment manually, you can continue to do so.
 
-
 ## Contributing :handshake:
 
 We love contributions! Please read our [Contributing Guidelines](contributing.md) to get started.

blog-template.md

@@ -3,10 +3,7 @@ title: "Title of the Blog Post Here"
 postedAt: "YYYY-MM-DDTHH:mm:ss.sssZ"
 author: "Author Name Here"
 description: "Brief description of the blog post content."
-image:
-    {
-        src: "URL to the image here",
-    }
+image: { src: "URL to the image here" }
 category: "Specify category"
 tags:
     - List
@@ -36,4 +33,3 @@ Continue with additional sections as required for your blog post structure. Prov
 ## Conclusion
 
 Conclude your post by summarizing the key points discussed. You can also invite readers to take action, leave comments, or explain what they can expect from upcoming posts.
-

brand-style-guide.md

@@ -44,13 +44,13 @@ Do not manipulate, tweak, or otherwise alter the #VetsWhoCode logo in any way. A
 
 The #VetsWhoCode color palette is based on the exact Pantones used for the American Flag. Make sure to use the approved Pantone CMYK or RGB color values.
 
-- Navy Blue: `R: 9, G: 31, B: 64` - Pantone 282 C
-  - Navy Blue: `#091f40`
-- Red: `R: 197, G: 32, B: 62` - Pantone 193 C
-  - Red: `#c5203e`
-- White: `R: 255, G: 255, B: 255` - Pantone White
-  - White: `#ffffff`
-  
+-   Navy Blue: `R: 9, G: 31, B: 64` - Pantone 282 C
+    -   Navy Blue: `#091f40`
+-   Red: `R: 197, G: 32, B: 62` - Pantone 193 C
+    -   Red: `#c5203e`
+-   White: `R: 255, G: 255, B: 255` - Pantone White
+    -   White: `#ffffff`
+
 ## Typography
 
 #VetsWhoCode uses the typeface Gotham for all of its collateral.
@@ -76,4 +76,3 @@ Retool. Retrain. Relaunch.
 Our vision is to close the digital talent gap and ease career transition for military veterans through software development training.
 
 Visit us online at [vetswhocode.io](https://vetswhocode.io)
-

code_of_conduct.md

@@ -8,24 +8,24 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 ### Examples of behavior that contributes to creating a positive environment include:
 
-- Using welcoming and inclusive language.
-- Being respectful of differing viewpoints and experiences.
-- Gracefully accepting constructive criticism.
-- Focusing on what is best for the community.
-- Showing empathy towards other community members.
+-   Using welcoming and inclusive language.
+-   Being respectful of differing viewpoints and experiences.
+-   Gracefully accepting constructive criticism.
+-   Focusing on what is best for the community.
+-   Showing empathy towards other community members.
 
 ### Examples of unacceptable behavior by participants include:
 
-- The use of sexualized language or imagery and unwelcome sexual attention or advances.
-- Trolling, insulting/derogatory comments, and personal or political attacks.
-- Public or private harassment.
-- Deliberate intimidation, stalking, or following.
-- Harassing photography or recording.
-- Sustained disruption of talks or other events.
-- Inappropriate physical contact.
-- Advocating for, or encouraging, any of the above behaviors.
-- Publishing others' private information, such as a physical or electronic address, without explicit permission.
-- Other conduct that is inappropriate for a professional or shared professional environment.
+-   The use of sexualized language or imagery and unwelcome sexual attention or advances.
+-   Trolling, insulting/derogatory comments, and personal or political attacks.
+-   Public or private harassment.
+-   Deliberate intimidation, stalking, or following.
+-   Harassing photography or recording.
+-   Sustained disruption of talks or other events.
+-   Inappropriate physical contact.
+-   Advocating for, or encouraging, any of the above behaviors.
+-   Publishing others' private information, such as a physical or electronic address, without explicit permission.
+-   Other conduct that is inappropriate for a professional or shared professional environment.
 
 ## Our Responsibilities
 
@@ -45,4 +45,4 @@ Project maintainers who do not follow or enforce the Code of Conduct in good fai
 
 ## Attribution
 
-This Code of Conduct is adapted from the Contributor Covenant, version 1.4, code of conduct.
+This Code of Conduct is adapted from the Contributor Covenant, version 1.4, code of conduct.

contributing.md

@@ -19,19 +19,19 @@ Our community has a [Code of Conduct](code_of_conduct.md), and we ask that you r
 
 ## Getting Started
 
-- Make sure you have a [GitHub account](https://github.com/).
-- Fork the repository on GitHub.
-- Clone your fork to your local machine.
+-   Make sure you have a [GitHub account](https://github.com/).
+-   Fork the repository on GitHub.
+-   Clone your fork to your local machine.
 
 ## Reporting Bugs
 
-- Ensure the bug hasn't already been reported by searching the Issues.
-- If the bug hasn't been reported, open a new Issue. Be sure to provide a clear title, a detailed description, and steps to reproduce the issue.
+-   Ensure the bug hasn't already been reported by searching the Issues.
+-   If the bug hasn't been reported, open a new Issue. Be sure to provide a clear title, a detailed description, and steps to reproduce the issue.
 
 ## Feature Requests
 
-- Check if the feature has already been requested.
-- If it hasn't, open a new Issue with a clear title and detailed description of the feature you'd like to see.
+-   Check if the feature has already been requested.
+-   If it hasn't, open a new Issue with a clear title and detailed description of the feature you'd like to see.
 
 ## Pull Request Process
 
@@ -44,13 +44,13 @@ Our community has a [Code of Conduct](code_of_conduct.md), and we ask that you r
 
 ## Code Style and Linting
 
-- We use [Prettier](https://prettier.io/) and [ESLint](https://eslint.org/) for code styling and linting. Make sure your code adheres to our configurations.
-- Run the linter before submitting a PR to ensure your code passes.
+-   We use [Prettier](https://prettier.io/) and [ESLint](https://eslint.org/) for code styling and linting. Make sure your code adheres to our configurations.
+-   Run the linter before submitting a PR to ensure your code passes.
 
 ## Testing
 
-- Add tests for any new features or fixes.
-- Ensure all tests pass before submitting a PR.
+-   Add tests for any new features or fixes.
+-   Ensure all tests pass before submitting a PR.
 
 ## Further Help