---
title: Web-Log
description: 'Ramblings, announcenments and thoughts.'
tags:
  - music
  - news
  - blog
  - interviews
  - links
  - promotion
image: /images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg
---

{% include relBase.html %}
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">

  <div class="content">
    <h1>{{ page.title }}</h1>
    <p>{{ page.description }}</p>
    <ul class="actions stacked">
      <li><a href="#news" class="button large wide smooth-scroll">Read More</a></li>
    </ul>
  </div>

  <div class="image">
    <img src="{{ page.image }}" alt="unfound page" />
  </div>
</section>
<!-- NEWS -->
<section id="news" class="wrapper style1 align-center">
  <div class="inner editable" style="padding-top: 160px;">

    <ul class="actions stacked">
      <li><a href="{{ site.url }}/feed.xml" class="button large wide smooth-scroll icon solid fa-rss">RSS</a></li>
    </ul>
  </div>
</section>
{% for post in site.posts %}

<section id="second" class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
  <div class="content">
    <h2>{{ post.title }}</h2>
    <p>{{ post.description }}</p>
    <p style="font-size: 12px;">{% include forloop-dates.html %}</p>
    <p class="editor-link"><a class="btn" rel="nofollow" href="cloudcannon:collections/{{ post.path }}">
      <strong>&#9998;</strong> Edit Post
    </a></p>
    <ul class="actions stacked">
      <li><a href="{{ relBase }}{{ post.url }}" class="button">{{ site.data.translations[page.lang].read-post }}</a></li>
    </ul>
  </div>
  <div class="image">
    <img src="{{ relBase }}{{ post.image }}" alt="{{ page.title | smartify }}" />
  </div>
</section>

{% endfor %}
{% include footer.html %}