updated the image scaling.

Signed-off-by: Nicholas Tan Jerome <nicholas.jerome@kit.edu>

static/css/style.css

@@ -47,6 +47,12 @@ table {
 	border-spacing: 0;
 }
 
+.clearfix:after {
+    content:" ";
+    display:table;
+    clear:both;
+}
+
 /* Main CSS Styling */
 
 @font-face {
@@ -162,6 +168,19 @@ hr {
 	width: 32%;
 	height: 280px;
 	border-radius: 10px;
-	right: 8%;
-    bottom: 8%;
+}
+
+.photowrapper img {
+    width: 100%;
+    height: 100%;
+}
+
+#details {
+    
+}
+
+#details img {
+    margin: 5%;
+    width: 90%;
+    height: 90%;
 }

templates/index.html

@@ -52,7 +52,9 @@
 	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                 <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
             </div>
-	        <div class="photowrapper"><img id="image1" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/left/0001.jpg"/></div>
+	        <div class="photowrapper">
+                <img src="{{ static_url("img/icon/nova.png") }}"/>
+            </div>
 	        <div id="slide1"></div>
         </div>
 
@@ -62,7 +64,9 @@
 	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                 <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
             </div>
-	        <div class="photowrapper"><img id="image2" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/top/0001.jpg"/></div>
+	        <div class="photowrapper">
+                <img src="{{ static_url("img/icon/nova.png") }}"/>
+            </div>
 	        <div id="slide2"></div>
         </div>
 
@@ -72,19 +76,21 @@
 	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                 <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
             </div>
-	        <div class="photowrapper"><img id="image3" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/front/0001.jpg"/></div>
+	        <div class="photowrapper">
+                <img src="{{ static_url("img/icon/nova.png") }}"/>
+            </div>
 	        <div id="slide3"></div>
         </div>
     </div>
     
+    <div class="clearfix"></div>
+    
     <div id="text">
         <div id="abstract">
             <p><span style="color:#72bcd4; font-weight:bold; font-size:20px">Description</span><i>Xenomorphia resurrecta</i>, male; well-preserved, head hollow</p>
         </div>
         <div id="details">
-            <div style="padding-left:30px">
-            
-            </div>
+            <img src="{{ static_url("img/icon/nova.png") }}"/>
         </div>
     </div>