Merge pull request #27 from PHS-TSA/images

Images

src/components/Content.tsx

@@ -2,7 +2,7 @@ import type { JSX, RenderableProps } from "preact";
 
 export function Content({ children }: RenderableProps<unknown>): JSX.Element {
   return (
-    <article class="prose prose-lg max-w-none bg-slate-200 px-10 md:px-20 lg:px-40 py-10 dark:prose-invert prose-headings:flex prose-headings:flex-row prose-headings:items-center dark:bg-slate-800">
+    <article class="prose prose-lg max-w-none flex flex-col place-items-center bg-slate-200 px-10 md:px-20 lg:px-40 py-10 dark:prose-invert prose-headings:flex prose-headings:flex-row prose-headings:items-center dark:bg-slate-800">
       {children}
     </article>
   );

src/content/geothermal/cost.mdx

@@ -4,6 +4,10 @@ description: The cost to install a geothermal system can range anywhere from $10
 sectionHeader: How Much Does It Cost?
 ---
 
+<img src="/img.png" alt="" />
+
 The cost to install a geothermal system can range anywhere from $10,000 all the way up to $25,000.
 These costs can vary depending on factors such as region, type of system, and how much renovation your house needs.
 Feel free to use our [price calculator](/calculator/) to get an estimate on much it would cost you!
+
+<img src="/images/geothermal_cost.avif" alt="Spacecraft solar power technicians"/>

src/content/geothermal/environment.mdx

@@ -10,3 +10,5 @@ But it still isn’t as efficient as solar as it produces roughly 3x more $$CO_{
 Possibly the biggest issue with geothermal though is the land it takes to build the infrastructure.
 The building of larger plants can often disrupt ecosystems but this effect comes with all types of energy.
 This effect is mitigated though with smaller systems such as ones installed on houses.
+
+<img src="/images/geothermal_enviormental.webp" alt="Spacecraft solar power technicians"/>

src/content/geothermal/what.mdx

@@ -11,3 +11,5 @@ That’s an incredible amount of energy.
 However, it’s important to remember that geothermal energy isn’t a new concept.
 Humans have been using it for over 10,000 years for functions such as heating hot springs, cooking, and even space heating in cities such as Pompeii.
 Nowadays, it’s still mainly used for heating; however, if you install a converter, it can also be used for electricity.
+
+<img src="/images/geothermal_what.avif" alt="Spacecraft solar power technicians"/>

src/content/geothermal/worth-it.mdx

@@ -11,3 +11,5 @@ Similar to solar energy, there are also federal tax credits that range from 22%
 However, geothermal can be much more efficient than wind and solar as it isn’t impacted by weather.
 It will always run as long as it’s powered.
 Overall, investing in geothermal can be a smart choice depending on your location and budget as it will save you money over time and lessen carbon emissions.
+
+<img src="/images/geothermal_worth.avif" alt="Spacecraft solar power technicians"/>

src/content/other/appliances.mdx

@@ -8,3 +8,5 @@ Nowadays, one can buy electric appliances.
 These appliances don’t run on natural gas.
 The extraction and transportation of natural gas isn’t very green.
 The next time you go to buy a stove, range, or other appliance, look to see if there’s an electric option.
+
+<img src="/images/appliances.jpeg" alt="Spacecraft solar power technicians"/>

src/content/other/atomics.mdx

@@ -7,3 +7,5 @@ sectionHeader: The Splitting of the Atom
 Nuclear power is controversial.
 On one hand, it provides a near-infinite source of energy.
 On the other hand, the same was said of coal until recently, and the waste from fission is far worse than than the waste from coal.
+
+<img src="/images/nuclear.avif" alt="Spacecraft solar power technicians"/>

src/content/other/billing.mdx

@@ -7,3 +7,5 @@ sectionHeader: Save the World Through Online Billing
 Many companies offer online billing, which are programs that allow you to pay digitally.
 By signing up for this, you can reduce the need to chop down trees.
 Fewer trees chopped down means more trees reducing your carbon footprint!
+
+<img src="/images/online_billing.avif" alt="Spacecraft solar power technicians"/>

src/content/other/electric-cars.mdx

@@ -11,3 +11,5 @@ Additionally, all major electric car brands now support the Tesla supercharger n
 Consumers who purchase EVs are eligible for a $7,500 tax credit on new EVs or a $4,000 tax credit for used EVs.
 States like California have made plans to ban the sale of all new gas powered vehicles by 2035.
 Overall, it’s a great time to invest in a electric car.
+
+<img src="/images/electric_cars.avif" alt="Spacecraft solar power technicians"/>

src/content/other/hydroelectric.mdx

@@ -10,3 +10,5 @@ Water is powerful.
 It generates a lot of power in Tennessee and Washington State.
 {/* Is the fact of Washington State true, or am I crazy? Both? */}
 While dams can damage local environments when done wrong, they can also promote diversity.
+
+<img src="/images/hydro_electric.avif" alt="Spacecraft solar power technicians"/>

src/content/other/led-lights.mdx

@@ -6,3 +6,5 @@ sectionHeader: LED Lights Use Up Less Energy to Produce More Light
 
 LED lights actually use 90% less energy than traditional light bulbs and last 25x longer!
 By using longer-lasting lights, you can reduce your carbon emissions.
+
+<img src="/images/led_lights.avif" alt="Spacecraft solar power technicians"/>

src/content/other/solar-lawn-lights.mdx

@@ -7,3 +7,5 @@ sectionHeader: Solar Powered Lights–Stylish and Green
 Solar-powered lawn lights are a convenient way to light up your yard while also staying green.
 They use solar panels to generate energy during the day and then use that energy to power themselves at night.
 This self-sustaining energy can save you up to $44.68 over the lifetime of a bulb!
+
+<img src="/images/lawn_lights.avif" alt="Spacecraft solar power technicians"/>

src/content/other/utilities.mdx

@@ -7,3 +7,5 @@ sectionHeader: Minimal-Hassle Green Energy Straight From Your Electric Company
 Electric companies such as Ameren offer programs where you can choose to specifically buy green energy.
 In the case of Ameren, they offer a “Community Solar” program, where you pay a $25 fee to help build solar panels and then they guarantee you get green energy.
 Yes, this will increase your energy bills slightly, but it will push power companies to do what’s right and help the environment.
+
+<img src="/images/utility_companies.avif" alt="Spacecraft solar power technicians"/>

src/content/other/wind.mdx

@@ -6,3 +6,5 @@ sectionHeader: Wind Turbines—Capturing Both Our Imaginations and Energy!
 
 While not readily available for American consumers, wind power is still a great source of green energy.
 You can help promote wind power in your community by calling your local representatives and asking them to take action.
+
+<img src="https://images.unsplash.com/photo-1466611653911-95081537e5b7?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fFNvbGFyJTIwcG93ZXJ8ZW58MHx8MHx8fDA%3D" alt="Wind turbine image"/>

src/content/recycling/cost.mdx

@@ -8,3 +8,6 @@ The cost to collect, transport, clean, and process recycled material can vary an
 However, the cost to recycle is not a complete loss: recycled materials that are made into new products and sold help make money back.
 
 It was reported that in Atlantic County, New Jersey, the sale of goods made from recycled material generated $2.45 million, while the cost of processing the recycled materials cost the county over $3 million.
+
+
+<img src="/images/rec_cost.avif" alt="Spacecraft solar power technicians"/>

src/content/recycling/environment.mdx

@@ -7,8 +7,12 @@ sectionHeader: How Does It Affect the Environment?
 The process of recycling prevents these waste materials from ending up in landfills or the environment, reducing pollution and emissions.
 Recycling also reduces the need to extract natural resources from the environment for new products, reduces carbon dioxide emissions, and conserves energy.
 
+<img src="/images/rec_impact.avif" alt="Spacecraft solar power technicians"/>
+
+
 However, material that is recycled doesn’t always get recycled: only around 32% of all recycling is actually recycled.
 This number is even worse when it comes to plastics specifically: only 5-6% of all plastics are recycled.
 This is due to the fact that many often don’t recycle them correctly: many throw non-recyclable plastics in the recycling bin, such as plastic bags, packing peanuts, batteries, straws, etc.
 Another issue is that there is a huge variety of plastics.
 Different types of plastics with different chemical additives and dyes are unable to be recycled together.
+

src/content/recycling/what.mdx

@@ -8,3 +8,5 @@ Recycling is the process of taking inorganic waste materials and turning them in
 These materials include paper, glass, metal, and plastic.
 Recyclable material is collected by consumers and businesses, which is then collected by private or government entities.
 The material is then sorted, cleaned, processed, and shipped to manufacturing facilities to be made into new products.
+
+<img src="/images/rec_what.avif" alt="Spacecraft solar power technicians"/>

src/content/recycling/worth-it.mdx

@@ -7,3 +7,5 @@ sectionHeader: Is It Worth It?
 While the monetary cost to recycle materials is a net loss, the benefits clearly outweigh the costs.
 In 2018, 69.1 million tons of waste was recycled in the U.S., saving million tons of waste from entering landfills and saving over 193 million tons of carbon dioxide from entering the atmosphere.
 Recycling also generates tax revenue, as well as hundreds of thousands of jobs.
+
+<img src="/images/rec_worth.avif" alt="Spacecraft solar power technicians"/>

src/content/solar/cost.mdx

@@ -7,3 +7,5 @@ sectionHeader: How Much Does It Cost?
 The cost of solar panels can vary depending on your state and region.
 In general, a single installation costs around $16,000.
 Feel free to use our [price calculator](/calculator/) to get an estimate on much it would cost you!
+
+<img src="/images/solar_cost.avif" alt="Spacecraft solar power technicians"/>

src/content/solar/environment.mdx

@@ -10,3 +10,5 @@ They can be placed on rooftops, which means that they are incredibly space-effic
 The only harmful effect of solar power on the environment is its production.
 A major component of solar panels is lithium, which is plagued by unsustainable mining practices.
 Nevertheless, such effects on the environment are negligible, as many solar panels are made using [recycled materials](/solutions/recycling/), and progress is being made to make lithium mining considerably more sustainable and ethical.
+
+<img src="/images/solar_enviorment.avif" alt="Spacecraft solar power technicians"/>

src/content/solar/what.mdx

@@ -12,6 +12,8 @@ Unlike coal and oil, it doesn’t emit greenhouse gasses, meaning that it doesn
 Nowadays, solar power is used for powering a wide array of things, from satellites to homes.
 The government has also been working on constructing solar farms, where thousands of solar panels are connected together to power an energy grid.
 
+<img src="/images/what-is-solar.jpg" alt="Spacecraft solar power technicians"/>
+
 <Admonition type="fun-fact">
   Solar power was first harnessed circa 213 B.C.E by the Greeks, who allegedly
   reflected the sun’s rays with mirrors to light enemy ships on fire during the

src/content/solar/worth-it.mdx

@@ -16,3 +16,6 @@ In places like Arizona, your panels will get more hours of sunlight and therefor
 Sunnier regions also tend to have more legislation that support solar panels, such as tax rebates.
 Even if you don’t live in one of those areas, there’s still a 30% federal tax credit on _all_ solar systems.
 In conclusion solar panels are a amazing investment that can help your budget and the environment
+
+
+<img src="/images/solar_worth.avif" alt="Spacecraft solar power technicians"/>

src/routes/index.tsx

@@ -51,8 +51,6 @@ function Card({
   );
 }
 
-const testImg = "https://fakeimg.pl/600x400";
-
 /**
  * Render the home page.
  *
@@ -73,7 +71,7 @@ export default function Home(): JSX.Element {
 
       <div class="gap-y-10 bg-slate-200 px-5 py-5 sm:px-10 sm:py-10 lg:px-20 lg:py-20 grid md:grid-cols-4 dark:bg-slate-800">
         <Card
-          image={testImg}
+          image="https://i2.pickpik.com/photos/557/825/311/solarpark-wind-park-renewable-energy-solar-modules-thumb.jpg"
           alt="test"
           cols="md:col-start-1 md:col-end-4"
           imgSide="right"
@@ -86,9 +84,9 @@ export default function Home(): JSX.Element {
           First though, what exactly is green energy?
         </Card>
         <Card
-          image={testImg}
+          image={"/images/impact.svg"}
           alt="test"
-          cols="md:col-start-2 md:col-end-5"
+          cols="md:col-start-1 md:col-end-5"
           imgSide="left"
         >
           According to the Environmental Protection Agency, or EPA, "green power
@@ -101,9 +99,9 @@ export default function Home(): JSX.Element {
           energy doesn't have this risk.
         </Card>
         <Card
-          image={testImg}
+          image={"/images/emissions.gif"}
           alt="test"
-          cols="md:col-start-1 md:col-end-4"
+          cols="md:col-start-2 md:col-end-5"
           imgSide="right"
         >
           How can you help invest in green energy and reduce carbon emissions?