{% extends "base_generic.html" %}

{% block head %}

<!-- Primary Meta Tags -->
<meta name="description" property="og:description" content="Find out the latest news from our chair! Science, technology and beyond!">
<meta name="title" content="Latest news from the Chair of Materials Science and Nanotechnology">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:image" itemprop="image"  content="" />
<meta property="og:title" content="Latest news from the Chair of Materials Science and Nanotechnology" />
<meta property="og:site_name" content="Latest news from the Chair of Materials Science and Nanotechnology">
<meta property="og:url" content="{{ request.get_full_path }}">

<!-- Twitter -->
<meta name="twitter:card" content="" />
<meta name="twitter:title" content="Latest news from the Chair of Materials Science and Nanotechnology">
<meta name="twitter:image" content="">
<meta name="twitter:description" content="Find out the latest news from our chair! Science, technology and beyond!">

{% endblock %}
{% block news %}
<a href="{% url 'news' %}" class="w3-bar-item w3-button navbutton" style="border-color:var(--colmenub)!important">news</a>
{% endblock %}
{% block content %}
{% block small %}

<h1>News</h1>

<div class='w3-center'>
	<form class="form-inline" action="" method="GET">
	        <div class='w3-large'>{{ form }}
			<button type="submit" class="btn w3-button w3-round" style='background-color:var(--colheader);color:white'>Search</button>
			</div>
	</form>
</div>
<br><br>


{% include "news_list.html" with show_year='true' %}

{% if 'news_all' in request.path %}
    <div class='w3-center w3-large'><a href="{% url 'news' %}">show less</a></div>
{% else %}
    <div class='w3-center w3-large'><a href="{% url 'show_all_news' %}">show all</a></div>
{% endif %}

{% endblock %}
{% endblock %}