Changed images to contain within the dimensions

_pages/3d-printable-materials.md

@@ -25,7 +25,7 @@ The 3D Printable Materials research area is focused on developing new materials
         Our software pipeline enables the fabrication of materials with strongly anisotropic damping properties, tunable elastic and viscoelastic properties, locally varying stiffness and buckling responses, and dynamically adjustable stiffness. 
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/3d-printable-materials/3d1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/3d-printable-materials/3d1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -38,7 +38,7 @@ The 3D Printable Materials research area is focused on developing new materials
         Dynamically adjustable material properties are an interesting field of research and additive manufacturing allows for rapid development of metamaterials that exhibit interesting properties. One such example is that with 3D printing we can make hollow lattice structures that can be stiffened by inflating the lattice tubes.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/3d-printable-materials/3d2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/3d-printable-materials/3d2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>

_pages/biotracking.md

@@ -15,7 +15,7 @@ social: true # includes social icons at the bottom of the page
         Like the marine application above, terrestrial acoustic signals can be used to assess wildlife behavior, including abundance, and spatio-temporal patterns. Synchronized recorders permit arrival-time based estimates of position. 
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/biotracking/b1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/biotracking/b1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -26,7 +26,7 @@ social: true # includes social icons at the bottom of the page
         Marine animals have evolved to utilize acoustic communication; marine animal scientists can exploit natural vocalizations to learn about wildlife behavior without ever interacting with (tagging) the animal. We led a team of engineers at the Cornell Lab of Ornithology who designed a fleet (>200) of underwater recording systems that have been deployed throughout the world's oceans. After deployment, these recorders sit on the ocean floor, recording according to a schedule, and can do so for more than a year. When commanded to resurface, the "popup" releases an anchor and floats back to the surface for retrieval, after which its data can be read.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/biotracking/b2.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/biotracking/b2.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -37,7 +37,7 @@ social: true # includes social icons at the bottom of the page
         Existing wildlife monitoring devices (tags) are special-purpose custom designed tools that are built specifically for a particular user or experiment. This makes them slow to produce, expensive, and difficult to adapt to new study scenarios or technological changes. Instead, we have recently designed and built a software-defined tag that is very lightweight (300mg) and is solar-powered, allowing an indefinite lifetime. This tag can be adapted for use with existing tracking receivers (OOK), data telemetry receivers (ASK,FSK,FM), or with time-of-arrival receivers.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/biotracking/b3.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/biotracking/b3.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -49,7 +49,7 @@ social: true # includes social icons at the bottom of the page
         Free-flying organisms can carry a small percentage of their body mass as additional payload; for birds the widely-used guideline is 3%. This means that roughly half of all bird species can carry no more than 1 gram of added payload, which imposes a very tight mass budget on the design of any systems added to them in order to monitor their behavior. The mass-specific energy density of electro-chemical batteries has improved slowly over the years, but there is currently no battery than can provide sufficient energy storage per gram to enable multi-year tag lifetimes, a duration which has significant behavioral relevance. For this reason, we have investigated and developed various forms of energy harvesting as a supplement to tag batteries, focusing on vibration harvesting (for nocturnal animals) and solar harvesting. Because the exact amount of energy that will be harvested during the tag's deployment cannot be known a priori, this work also incorporates energy-aware computing to manage the energy stored on the tag.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/biotracking/b4.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/biotracking/b4.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -62,7 +62,7 @@ social: true # includes social icons at the bottom of the page
         Location information is a requirement common to many applications, and though GPS is now a ubiquitous technology, the size, cost and energy consumption of GPS receivers limit their use. For example, fewer than 15 percent of bird species are large enough to carry currently available GPS trackers, which require a relatively heavy battery. To address this limitation, we designed and built an alternative radio-frequency locating system that uses pseudorandom-encoded transmissions from very small mobile units (tags) to locate mobile transmitters using a matched filter detector approach based on time-of-arrival. This method uses 1000x less energy at the tag than GPS, is capable of tracking several hundred transmitters simultaneously with no operator intervention, has high spatiotemporal resolution (+/- 10 m, 1 second position updates), and uses tags (Fig 5.A) that are inexpensive (<$50), long-lived (years), and lightweight ( less than 1 gram)
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/biotracking/b5.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/biotracking/b5.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>

_pages/design-automation.md

@@ -26,7 +26,7 @@ Designing modular robots that employ heterogeneous modules aligned with a grid c
         <br>
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/design-automation/da1.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/design-automation/da1.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 
@@ -40,7 +40,7 @@ Designing modular robots that employ heterogeneous modules aligned with a grid c
 Learn more about our work in lowering barriers to soft actuator design through creation of novel design tools that allow for interactive GUI-based specification of geometry and material distribution, one-click design evaluation via FEA simulation, and automated generation of design files.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/soft-actuator-synthesis/sas1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/soft-actuator-synthesis/sas1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -52,7 +52,7 @@ Learn more about our work in lowering barriers to soft actuator design through c
         Explore our work in automatically synthesizing pneumatic bending soft actuators which are simultaneously compliant and forceful. The designs automatically discovered by our method are easily fabricated by 3D printing, and we compare their performance to published results in simulation and by experimentation.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/soft-actuator-synthesis/sas2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/soft-actuator-synthesis/sas2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -64,7 +64,7 @@ Learn more about our work in lowering barriers to soft actuator design through c
 Learn more about our work in lowering barriers to soft actuator design through creation of novel design tools that allow for interactive GUI-based specification of geometry and material distribution, one-click design evaluation via FEA simulation, and automated generation of design files.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/numerical-simulation/ns1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/numerical-simulation/ns1.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -77,7 +77,7 @@ Learn more about our work in lowering barriers to soft actuator design through c
 Learn why we leverage not only traditional volumetric finite element simulations, but also simulations over dimensionally reduced shell finite elements.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/numerical-simulation/ns2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/numerical-simulation/ns2.png" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -91,7 +91,7 @@ We apply automated design techniques to soft robots made from rigid plastics, so
         Simulating soft robots is a challenging task, made even more difficult by the geometric complexity of the robots we fabricate. We employ finite element and material point methods to efficiently simulate soft robots, which enables our automated design algorithms to efficiently explore a vast and rugged design space and discover novel soft robot designs.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/numerical-simulation/ns3.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/numerical-simulation/ns3.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>

_pages/fabrication-automation.md

@@ -21,7 +21,7 @@ We explore 3D printing of microfluidics to enable customizability, multi-materia
         Liquid-solid co-printing of multi-material 3D fluidic devices via material jetting.</a>
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa1.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa1.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -36,7 +36,7 @@ Here we present an actuator with an integrated print-in-place strain sensor whic
         See more details here, or see the whole paper <a href ="https://41310ed7-1a60-489f-888a-1aa520d0c9ca.filesusr.com/ugd/39a42a_fab92126ddce474db9dccb2fd3c7c302.pdf"> here</a>.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa2.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa2.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -47,7 +47,7 @@ Here we present an actuator with an integrated print-in-place strain sensor whic
         As the capability of designing and utilizing multiple materials used within additive manufacturing processes develops, it has become clear that various types of printers each have niche specialties. We are combining two of these printing processes to leverage each of their benefits, we are using an FDM framework and adapting it to coextrude liquids through a syringe pump. This allows for diverse combinations of the printing processes such as hydraulic actuators or more conductive electrical conduits.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa3.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa3.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -59,7 +59,7 @@ Here we present an actuator with an integrated print-in-place strain sensor whic
 Printing large-scale electromechanical parts from raw materials is not currently feasible because state of the art printers and inks yield large transistors with low performance. Instead, electromechanical assemblies can be built, automatically, from small heterogeneous modules: BitBlox. BitBlox are small, modular, interconnecting blocks that embed simple electromechanical connectivity and functionality. They can be automatically placed by a 3D printer. Not all blocks are identical; instead the unique combinations and positions of BitBlox within an assembly determine the mechanical and electrical properties of the assembly. BitBlox can be used to build recyclable electrical circuits and robots.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa4.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa4.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -71,7 +71,7 @@ Printing large-scale electromechanical parts from raw materials is not currently
 This work demonstrates a new method for 3D printing viscoelastic materials with specified material properties. This method allows arbitrary net-shape material geometries to be rapidly fabricated and enables continuously varying (yet fully-specified) material properties throughout the finished part. This new ability allows robot designers to tailor the properties of viscoelastic damping materials in order to reduce impact forces and isolate vibrations.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa5.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa5.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>
@@ -83,7 +83,7 @@ This work demonstrates a new method for 3D printing viscoelastic materials with
 This work introduces a novel technique for fabricating functional robots using 3D printers. Simultaneously depositing photopolymers and a non-curing liquid allows complex, pre-filled fluidic channels to be fabricated. This new printing capability enables complex hydraulically actuated robots and robotic components to be automatically built, with no assembly required.
     </div>
     <div class="col-md-4">
-        <img src="/assets/img/fabrication-automation/fa6.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/fabrication-automation/fa6.gif" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>

_pages/other.md

@@ -14,7 +14,7 @@ social: true # includes social icons at the bottom of the page
         As coronavirus disease 2019 rapidly spread across the globe many hospitals lacked the necessary supplies to treat all of the incoming cases. The virus proved to be deadly and to address the large number of cases rapid prototyping and manufacturing was implemented. UCHealth Memorial Hospital approached the robotics laboratory in the mechanical engineering department of the University of Colorado Boulder to rapidly design a bag valve mask compressor in anticipation of a shortage of incubators on the projected peak case day of April 17th. A collaboration between the Matter Assembly through Computation (MAC) lab, the Advanced Medical Technologies Lab (AMTL), and the Bio-Inspired Perception and Robotics Lab (BPRL) produced two prototypes for the hospital to pass through their IRB. One of these designs was a digitally controlled compression device.
     </div>
         <div class="col-md-4">
-        <img src="/assets/img/other/o1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/other/o1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>

_pages/presurgical-planning-models.md

@@ -17,7 +17,7 @@ We develop software workflows and advanced multimaterial 3D printing capabilitie
     <a href = "https://app.jove.com/v/63214/voxel-printing-anatomy-design-and-fabrication-of-realistic-presurgical-planning-models-through-bitmap-printing">Voxel Printing Anatomy: Design and Fabrication of Realistic, Presurgical Planning Models through Bitmap Printing</a>
     </div>
 <div class="col-md-4">
-        <img src="/assets/img/presurgical-planning-models/ppm1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: cover;">
+        <img src="/assets/img/presurgical-planning-models/ppm1.jpg" alt="Image Description" style="width: 300px; height: 300px; object-fit: contain;">
     </div>
 </div>
 <br/><br/>