data-open-modal example

This modal can be opened by clicking the window icon in the pre-header. Because the link uses data-open-modal (instead of an href anchor) nothing appears in the address bar. You also can't use the back/forward buttons to close or reopen the modal. However, if you know the ID of the modal, you can still manually type the anchor link in your address bar and it will open (handy for client previews).

To simulate an extremely long modal and show how modals scroll, here's a ton of lorem ipsum:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum fugit, aperiam qui ducimus incidunt quis ad saepe at! Quis pariatur id nemo iusto. Delectus doloremque, voluptates dicta ab ullam quibusdam!

Illo debitis nihil, labore impedit voluptates soluta asperiores dignissimos dolorem cupiditate optio possimus, accusamus sit libero magni saepe quae explicabo obcaecati laboriosam! Veniam nobis incidunt nam cum a quasi voluptas commodi voluptates rerum dolore nulla nihil numquam perspiciatis at blanditiis odio similique, consequuntur et.

Consequuntur doloremque distinctio quis aperiam quidem labore nisi aspernatur necessitatibus, perspiciatis quas nulla exercitationem voluptate cupiditate natus? Aperiam cum unde ut doloribus! Aliquid omnis aperiam, magni iure exercitationem numquam quas blanditiis repellendus. Debitis error reprehenderit, laboriosam praesentium neque porro placeat dignissimos dicta natus adipisci!

Ipsam blanditiis neque rerum, saepe nam assumenda odio sed nostrum dolorum sint exercitationem repellat necessitatibus provident aliquam quod tenetur voluptatibus sapiente perspiciatis! Maxime, consectetur quae. Repellendus vitae minima distinctio, esse, iste ut quibusdam nemo doloremque iure eum ex deserunt illum at voluptatum quisquam aperiam?

Dolorem facilis aspernatur explicabo deserunt a provident iste consequuntur, earum, odit iusto cupiditate odio. Molestias aspernatur quo reprehenderit voluptatem accusamus tenetur natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo magnam, totam omnis pariatur voluptatum ullam in, cumque error unde cupiditate molestias nihil accusantium dolorum accusamus quo odit. Nulla, nostrum ex.

Eum vel natus iusto provident atque quis officia, adipisci quibusdam. Esse, officia doloribus corporis eius optio accusamus natus error iure ducimus sed? Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius libero sequi quis sint reprehenderit accusantium laudantium nam eos delectus blanditiis, recusandae consectetur qui sed totam beatae et ratione dolorum quae?

How to Safely Take Your Workout Outdoors

With the weather heating up and summer around the corner, it’s time to trade the treadmill for trails and take your workout outdoors. There are tons of benefits to exercising outside and plenty of creative ways to enjoy the weather while working up a sweat. Let’s take a look!

The Benefits of an Outdoor Workout

Thanks to Mother Nature, summer exercise has its perks. Here are a few advantages to working out outside:

Mood-booster. Working out near greenery and water boosts your mood, increases self-esteem, and can reduce anger and depression.
Sunshine & Vitamin D. Sunshine aids in Vitamin D production within the body, preventing disease and reducing depression.
Burn more calories. Battling the elements requires extra energy, meaning more calories burned!

Fun and free. Stay active outdoors without a gym membership or class pass. Plus, what’s more fun than an outdoor adventure?

Outdoor Exercises

No equipment? No problem. Push-ups, burpees, air squats, and other body weight activities can be combined into calorie-crushing circuits. Utilize natural obstacles and inclines to imitate the treadmill, elliptical or spin bike. Resistance bands, suspension trainers, medicine balls and jump ropes are some lightweight and portable tools that may also be worth investing in. If traditional exercise isn’t your thing, get adventurous. Hop on a surfboard or paddleboard for a wavy workout or head out for a hike or bike ride in the mountains.

Staying Safe Outside

Exercising in extreme temperatures requires caution. A workout can quickly become dangerous without the the proper preparation. Heat-related illnesses kill hundreds of people each year. Here’s how you can stay safe from the heat this summer:

Dress for the weather. Lightweight, moisture-wicking fabric will help keep you cool under the summer sun.
Schedule your workout. On particularly hot days, workout earlier or later in the day to avoid the sun’s peak hours.
Warm up. A low-intensity warm up gives your body time to adjust to the heat, preparing you physically and mentally for exercise.
Adjust intensity and duration as needed. High temperatures increase the intensity of your workout. Dial down your training as needed to make up for the summer heat.
Watch out for warning signs. Cramping, confusion, vomiting, nausea, rapid heart rate, and headaches are all warnings signs of heat stroke, dehydration, and heat exhaustion. Stay in-tune with your body and be aware of your limitations.
Stay hydrated. Up to 75% of Americans suffer from chronic dehydration. As the weather warms up, your body sweats more. This extra heat-induced sweat is a real cause for concern, Drink plenty of water before, during, and after exercise. Products like Liquid I.V. can give an extra boost and multiply your hydration when exercising outside.

If you’re taking your workout outdoors this spring or summer, prepare for the heat, stay hydrated, and pay close attention to your body to safely enjoy the benefits of outdoor exercise.