update gallery layout

InspireRobotics · Sep 26, 2018 · f09636c · f09636c
1 parent 490e0b1
commit f09636c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/docs/gallery.html b/docs/gallery.html
@@ -43,7 +43,7 @@
 
         <figcaption class="title-caption" itemprop="caption description">July 4th Fair</figcaption>
 
-        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" >
+        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" style="display: inline-block;">
     <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" style="margin:0px;">
         <a href="assets/team_pictures/sumobots/driving0.png" itemprop="contentUrl" data-size="810x555">
             <img class="gallery-img" src="assets/team_pictures/sumobots/driving0.png" itemprop="thumbnail" />
@@ -52,7 +52,7 @@
     </figure>
 </div>
 
-        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" >
+        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" style="display: inline-block;">
     <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" style="margin:0px;">
         <a href="assets/team_pictures/sumobots/driving1.png" itemprop="contentUrl" data-size="588x588">
             <img class="gallery-img" src="assets/team_pictures/sumobots/driving1.png" itemprop="thumbnail" />
@@ -61,7 +61,7 @@
     </figure>
 </div>
 
-        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" >
+        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" style="display: inline-block;">
     <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" style="margin:0px;">
         <a href="assets/team_pictures/sumobots/driving3.png" itemprop="contentUrl" data-size="578x773">
             <img class="gallery-img" src="assets/team_pictures/sumobots/driving3.png" itemprop="thumbnail" />
@@ -73,11 +73,11 @@
         <!-- Cannonbot -->
 
         <br><br>
-        <figcaption class="title-caption" itemprop="caption description">The 
+        <figcaption class="title-caption" itemprop="caption description">The
             T-Shirt Cannon</figcaption>
         <br>
 
-        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" >
+        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" style="display: inline-block;">
     <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" style="margin:0px;">
         <a href="assets/team_pictures/cannonbot/cannonbot.jpg" itemprop="contentUrl" data-size="2048x1365">
             <img class="gallery-img" src="assets/team_pictures/cannonbot/cannonbot.jpg" itemprop="thumbnail" />
@@ -86,7 +86,7 @@
     </figure>
 </div>
 
-        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" >
+        <div class="my-gallery-item" itemscope itemtype="http://schema.org/ImageGallery" style="display: inline-block;">
     <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" style="margin:0px;">
         <a href="assets/team_pictures/cannonbot/bright.png" itemprop="contentUrl" data-size="2048x1365">
             <img class="gallery-img" src="assets/team_pictures/cannonbot/bright.png" itemprop="thumbnail" />

diff --git a/src/gallery.html b/src/gallery.html
@@ -20,38 +20,43 @@
         {img}
         "src" : "assets/team_pictures/sumobots/driving0.png",
         "size" : "810x555",
-        "caption" : ""
+        "caption" : "",
+        "div_attr" : "style=\"display: inline-block;\""
         {img}
 
         {img}
         "src" : "assets/team_pictures/sumobots/driving1.png",
         "size" : "588x588",
-        "caption" : ""
+        "caption" : "",
+        "div_attr" : "style=\"display: inline-block;\""
         {img}
 
         {img}
         "src" : "assets/team_pictures/sumobots/driving3.png",
         "size" : "578x773",
-        "caption" : ""
+        "caption" : "",
+        "div_attr" : "style=\"display: inline-block;\""
         {img}
 
         <!-- Cannonbot -->
 
         <br><br>
-        <figcaption class="title-caption" itemprop="caption description">The 
+        <figcaption class="title-caption" itemprop="caption description">The
             T-Shirt Cannon</figcaption>
         <br>
 
         {img}
         "src" : "assets/team_pictures/cannonbot/cannonbot.jpg",
         "size" : "2048x1365",
-        "caption" : "The t-shirt cannon at the high school football game"
+        "caption" : "The t-shirt cannon at the high school football game",
+        "div_attr" : "style=\"display: inline-block;\""
         {img}
 
         {img}
         "src" : "assets/team_pictures/cannonbot/bright.png",
         "size" : "2048x1365",
-        "caption" : "A test of the t-shirt cannons LEDs"
+        "caption" : "A test of the t-shirt cannons LEDs",
+        "div_attr" : "style=\"display: inline-block;\""
         {img}