gallery trial

_includes/header.html

@@ -16,7 +16,7 @@
 		<li><a href="{{ site.url }}{{ site.baseurl }}/projects">Projects</a></li>
 		<li><a href="{{ site.url }}{{ site.baseurl }}/publications">Publications</a></li>
     <li><a href="{{ site.url }}{{ site.baseurl }}/contactus">Contact Us</a></li>
-		<li><a href="{{ site.url }}{{ site.baseurl }}/pictures">(Pics)</a></li>
+		<li><a href="{{ site.url }}{{ site.baseurl }}/pictures">Photos</a></li>
 	  </ul>
 	</div>
   </div>

_includes/image-gallery.html

@@ -1,9 +1,27 @@
 <style>
-    .image-gallery {overflow: auto; margin-left: -1%!important;}
-    .image-gallery li {float: left; display: block; margin: 0 0 1% 1%; width: 19%;}
-    .image-gallery li a {text-align: center; text-decoration: none!important; color: #777;}
-    .image-gallery li a span {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 3px 0;}
-    .image-gallery li a img {width: 100%; display: block;}
+  .image-gallery {overflow: auto; margin-left: -1%!important;}
+  .image-gallery a {float: left; display: block; margin: 0 0 1% 1%; width: 19%; text-align: center; text-decoration: none!important;}
+  .image-gallery a span {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 3px 0;}
+  .image-gallery a img {width: 100%; display: block;}
 </style>
 
-<ul class="image-gallery">{% for file in site.static_files %}{% if file.path contains include.folder %}{% if file.extname == '.jpg' or file.extname == '.jpeg' or file.extname == '.JPG' or file.extname == '.JPEG' %}{% assign filenameparts = file.path | split: "/" %}{% assign filename = filenameparts | last | replace: file.extname,"" %}<li><a href="{{ file.path | relative_url }}" title="{{ filename }}"><img src="//images.weserv.nl/?url={{https://raw.githubusercontent.com/odtu/odtu.github.io/master/ }}{{ file.path | relative_url }}&w=300&h=300&output=jpg&q=50&t=square" alt="{{ filename }}" title="{{ filename }}" /><span>{{ filename }}</span></a></li>{% endif %}{% endif %}{% endfor %}</ul>
+<div class="image-gallery">
+{% for file in site.static_files %}
+  {% if file.path contains include.folder %}
+    {% if file.extname == '.jpg' or 
+      file.extname == '.jpeg' or 
+      file.extname == '.jfif' or
+      file.extname == '.JPG' or 
+      file.extname == '.JPEG' %}
+
+      {% assign filenameparts = file.path | split: "/" %}
+      {% assign filename = filenameparts | last | replace: file.extname,"" %}
+
+      <a href="{{ file.path }}" title="{{ filename }}">
+        <img src="//images.weserv.nl/?url=https://raw.githubusercontent.com/odtu/odtu.github.io/master/{{ file.path }}&w=300&h=300&output=jpg&q=50&t=square" alt="{{ filename }}" />
+        <span>{{ filename }}</span>
+      </a>
+    {% endif %}
+  {% endif %}
+{% endfor %}
+</div>

_pages/allnews.md

@@ -1,14 +1,14 @@
 ---
-title: "News"
+title: "Latest News"
 layout: textlay
 excerpt: "Powerlab at METU."
 sitemap: false
 permalink: /allnews.html
 ---
 
-# News
+# Latest News
 
 {% for article in site.data.news %}
-<p>{{ article.date }} <br>
+<p><b>{{ article.date }} </b> <br>
 <em>{{ article.headline }}</em></p>
 {% endfor %}