updated 1.0-4.4

Assets/Screen UI/AboutGR.uxml

@@ -5,11 +5,11 @@
         <ui:Label tabindex="-1" text="What is the Green Revolution" parse-escape-sequences="true" display-tooltip-when-elided="true" name="title" class="title-text" style="font-size: 75px; white-space: normal; -unity-text-align: middle-center; color: rgb(0, 0, 0); margin-top: 0; background-color: rgba(0, 0, 0, 0); -unity-text-outline-color: rgba(0, 0, 0, 0); text-overflow: clip; -unity-font-style: normal; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; top: auto; flex-direction: column; justify-content: center;" />
     </ui:VisualElement>
     <ui:VisualElement name="info-text" focusable="false" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; justify-content: space-around; align-self: auto; align-items: center; flex-direction: column; position: relative; overflow: visible; top: 200px;">
-        <ui:Label tabindex="-1" text="The Green Revolution is a wave of mostly technological developments that spread&#10;to developing countries like Mexico, Brazil, China, and India starting in the 1940s&#10;which vastly increased crop productivity. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" class="normal-text" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE OF SEEDS " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE OF PESTICIDES" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE OF FERTILIZER/SOIL" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE OF TRACTOR" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
+        <ui:Label tabindex="-1" text="The Green Revolution is a wave of mostly technological developments that spread&#10;to developing countries like Mexico, Brazil, China, and India starting in the 1940s&#10;which vastly increased crop productivity. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" class="normal-text" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px; align-items: auto; justify-content: flex-start; align-self: auto; text-overflow: clip; bottom: 230px;" />
+        <ui:VisualElement name="seeds-pic" style="flex-grow: 1; background-image: url(&apos;project://database/Assets/Sprites/seeds.jpg?fileID=21300000&amp;guid=f4742e42c9521414ca618ba5a096ce46&amp;type=3#seeds&apos;); -unity-background-scale-mode: stretch-to-fill; width: 300px; height: 300px; min-height: 300px; min-width: 300px; left: 200px; right: auto; top: 400px; position: absolute;" />
+        <ui:VisualElement name="pesticde-pic" style="flex-grow: 1; width: 300px; height: 300px; min-height: 300px; min-width: 300px; position: absolute; top: 400px; right: 200px; background-image: url(&apos;project://database/Assets/Sprites/pest.jpg?fileID=21300000&amp;guid=e9ce92b7c2774ca458420fa38c372a3b&amp;type=3#pest&apos;);" />
+        <ui:VisualElement name="soil-pic" style="flex-grow: 1; width: 300px; height: 300px; min-width: 300px; min-height: 300px; background-image: url(&apos;project://database/Assets/Sprites/soil.jpg?fileID=21300000&amp;guid=a5dea12970890ea4190dc2e2211cdcf2&amp;type=3#soil&apos;); position: absolute; top: 1000px; left: 200px;" />
+        <ui:VisualElement name="tractor-pic" style="flex-grow: 1; background-image: url(&apos;project://database/Assets/Sprites/tractor.jpg?fileID=21300000&amp;guid=156e623637c6f134691c9350575c2a6b&amp;type=3#tractor&apos;); width: 300px; height: 300px; min-width: 300px; min-height: 300px; position: absolute; top: 1000px; right: 200px;" />
     </ui:VisualElement>
     <ui:VisualElement name="buttons" class="sideways-buttons">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="Welcome" name="back" class="load-scene-button" style="background-color: rgb(136, 199, 2);" />

Assets/Screen UI/AboutHYC.uxml

@@ -6,8 +6,8 @@
     </ui:VisualElement>
     <ui:VisualElement name="info-text" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; top: 200px;">
         <ui:Label tabindex="-1" text="New versions of important crops such as wheat, rice, and potatoes were developed&#10;to provide more food and grow quicker than traditional varieties, but they require&#10;more water and fertilizers to achieve their full potential and are not as tough as&#10;their natural cousins." parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE PLACEHOLDER" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
     </ui:VisualElement>
+    <ui:VisualElement style="flex-grow: 1; width: 300px; align-items: center; height: 300px; min-width: 300px; max-width: 300px; max-height: 300px; min-height: 300px; position: absolute; left: 425px; top: 800px; background-image: url(&apos;project://database/Assets/Sprites/seeds.jpg?fileID=21300000&amp;guid=f4742e42c9521414ca618ba5a096ce46&amp;type=3#seeds&apos;);" />
     <ui:VisualElement name="buttons" class="sideways-buttons">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutGR" name="back" class="load-scene-button" />
         <ui:Button text="Next" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutSyntheticPest" name="next" class="load-scene-button" />

Assets/Screen UI/AboutMechanization.uxml

@@ -6,8 +6,8 @@
     </ui:VisualElement>
     <ui:VisualElement name="info-text" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; top: 200px;">
         <ui:Label tabindex="-1" text="While tools like ploughs and sickles have been used by farmers for hundreds of&#10;years, use of gasoline-powered tractors and other machines took off in the 1940s&#10;in North America and Europe and later in Asia and South America, completely&#10;replacing beasts of burden. While these machines are much faster than people or&#10;animals, they are more expensive and use lots of fuel. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE PLACEHOLDER" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px; -unity-text-outline-color: rgba(255, 255, 255, 0);" />
     </ui:VisualElement>
+    <ui:VisualElement style="flex-grow: 1; max-width: 300px; width: 300px; height: 300px; max-height: 300px; position: absolute; left: 425px; top: 800px; background-image: url(&apos;project://database/Assets/Sprites/tractor.jpg?fileID=21300000&amp;guid=156e623637c6f134691c9350575c2a6b&amp;type=3#tractor&apos;);" />
     <ui:VisualElement name="buttons" class="sideways-buttons">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutSyntheticFert" name="back" class="load-scene-button" />
         <ui:Button text="Next" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="PositiveEffects" name="next" class="load-scene-button" />

Assets/Screen UI/AboutSyntheticFert.uxml

@@ -6,8 +6,8 @@
     </ui:VisualElement>
     <ui:VisualElement name="info-text" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; top: 200px;">
         <ui:Label tabindex="-1" text="Natural products like manure and compost can be used to make soil more fertile.&#10;Man-made fertilizers, on the other hand, provide nitrogen and other plant&#10;nutrients that plants can absorb directly. While synthetic fertilizers have been&#10;around since the 1800s, their use really took off after the 1940s. Ammonia from&#10;natural gas is used to produce fertilizers, and the process also creates carbon&#10;dioxide gas emissions. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px; -unity-text-outline-color: rgba(0, 0, 0, 0);" />
-        <ui:Label tabindex="-1" text="PICTURE PLACEHOLDER" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
     </ui:VisualElement>
+    <ui:VisualElement style="flex-grow: 1; max-width: 300px; max-height: 300px; min-width: 300px; min-height: 300px; width: 300px; height: 300px; position: absolute; left: 425px; top: 800px; background-image: url(&apos;project://database/Assets/Sprites/soil.jpg?fileID=21300000&amp;guid=a5dea12970890ea4190dc2e2211cdcf2&amp;type=3#soil&apos;);" />
     <ui:VisualElement name="buttons" class="sideways-buttons">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutSyntheticPest" name="back" class="load-scene-button" />
         <ui:Button text="Next" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutMechanization" name="next" class="load-scene-button" />

Assets/Screen UI/AboutSyntheticPest.uxml

@@ -6,8 +6,8 @@
     </ui:VisualElement>
     <ui:VisualElement name="info-text" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; top: 200px;">
         <ui:Label tabindex="-1" text="While natural substances like salts and plant compounds were used in the past to&#10;control or kill pests, man-made chemicals produced in large quantities since the&#10;1940s were used and are very effective at eliminating insects. However, some&#10;pesticides were found to have negative effects on the environment, killing helpful&#10;insects like bees or even larger animals. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="PICTURE PLACEHOLDER" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
     </ui:VisualElement>
+    <ui:VisualElement style="flex-grow: 1; background-image: url(&apos;project://database/Assets/Sprites/pest.jpg?fileID=21300000&amp;guid=e9ce92b7c2774ca458420fa38c372a3b&amp;type=3#pest&apos;); width: 300px; height: 300px; max-width: 300px; max-height: 300px; min-width: 300px; min-height: 300px; position: absolute; left: 425px; top: 800px;" />
     <ui:VisualElement name="buttons" class="sideways-buttons">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutHYC" name="back" class="load-scene-button" />
         <ui:Button text="Next" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="AboutSyntheticFert" name="next" class="load-scene-button" />

Assets/Screen UI/LearnMore.uxml

@@ -6,12 +6,17 @@
     </ui:VisualElement>
     <ui:VisualElement name="info-text" style="flex-grow: 1; min-height: 750px; max-height: 750px; margin-top: 0; width: 1125px; top: 200px;">
         <ui:Label tabindex="-1" text="Engineers Without Borders (EWB) volunteers deliver workshops like this one to&#10;elementary, high school, and university students across Canada. To explore&#10;workshop opportunities within the Greater Toronto Area (GTA), you can contact&#10;the Toronto Professional Chapter of EWB Canada. " parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
+        <ui:Label tabindex="-1" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
         <ui:Label tabindex="-1" text="Email us:&#10;[email protected]" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="Take a look at our website: website logo" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="Visit us on social media: FB logo, LinkedIn logo, Instagram logo" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
-        <ui:Label tabindex="-1" text="Privacy Policy" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
+        <ui:Label tabindex="-1" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
+        <ui:Label tabindex="-1" text="Visit us on :" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px;" />
     </ui:VisualElement>
     <ui:VisualElement name="buttons" class="sideways-buttons" style="flex-grow: 1; height: 200px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 1125px; justify-content: space-around; align-items: stretch; max-height: 200px; min-height: 200px; bottom: 0; position: absolute;">
         <ui:Button text="Back" parse-escape-sequences="true" display-tooltip-when-elided="true" tooltip="Welcome" name="back" class="load-scene-button" />
     </ui:VisualElement>
+    <ui:Button parse-escape-sequences="true" display-tooltip-when-elided="true" name="ewb" style="position: absolute; left: 100px; bottom: 800px; width: 200px; height: 200px; max-width: 200px; max-height: 200px; min-width: 200px; min-height: 200px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-image: url(&apos;project://database/Assets/Sprites/ewb.jpg?fileID=21300000&amp;guid=93eb6e532fc9f1042b6389cc2e1ba481&amp;type=3#ewb&apos;); background-color: rgba(188, 188, 188, 0); -unity-background-scale-mode: scale-to-fit; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" />
+    <ui:Button parse-escape-sequences="true" display-tooltip-when-elided="true" name="fb" style="position: absolute; left: 340px; bottom: 800px; width: 200px; height: 200px; max-width: 200px; max-height: 200px; min-width: 200px; min-height: 200px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-image: url(&apos;project://database/Assets/Sprites/facebook.jpg?fileID=21300000&amp;guid=96ba48ba560ca5942820d225cae9cb0a&amp;type=3#facebook&apos;); border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" />
+    <ui:Button parse-escape-sequences="true" display-tooltip-when-elided="true" name="linkedin" style="position: absolute; left: auto; bottom: 800px; width: 200px; height: 200px; max-width: 200px; max-height: 200px; min-width: 200px; min-height: 200px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; right: 340px; background-image: url(&apos;project://database/Assets/Sprites/linkedin.jpg?fileID=21300000&amp;guid=1e405a25fb1551b4eae246e20549be56&amp;type=3#linkedin&apos;); border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" />
+    <ui:Button parse-escape-sequences="true" display-tooltip-when-elided="true" name="ins" style="position: absolute; left: auto; bottom: 800px; width: 200px; height: 200px; max-width: 200px; max-height: 200px; min-width: 200px; min-height: 200px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; right: 100px; background-image: url(&apos;project://database/Assets/Sprites/instagram.jpg?fileID=21300000&amp;guid=e7f7de9c124731641a26efa30d72b6e9&amp;type=3#instagram&apos;); -unity-background-scale-mode: scale-to-fit; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" />
+    <ui:Label tabindex="-1" text="Privacy Policy" parse-escape-sequences="true" display-tooltip-when-elided="true" name="description" enable-rich-text="false" style="color: rgb(0, 0, 0); -unity-text-align: middle-center; font-size: 45px; white-space: normal; padding-left: 50px; padding-right: 50px; position: absolute; bottom: 600px; left: 370px;" />
 </ui:UXML>