various improvements

- removed gallery (didn't like it)
- added "more news" button
- reworked navigation between posts
- updated font-awesome
- some things i already forgot
This commit is contained in:
Hendrik Blöß committed 2017-08-03 20:47:50 +02:00
1 parent a8afe3ee8a
commit a9da333599
25 files changed
+2779 -911

No files matched your search

-33
View File
@@ -1,33 +0,0 @@
<!-- Contribute Section -->
<section id="{{ page.section-type }}">
<div class="container">
<div class="row">
<h1 class="title">{{ page.title }}</h1>
<div class="gallery autoplay items-3 img-responsive">
<div id="item-1" class="control-operator"></div>
<div id="item-2" class="control-operator"></div>
<div id="item-3" class="control-operator"></div>
<figure class="item col-lg-12">
<img src="{{site.baseurl}}/img/screenshot_sing.png" class="img-responsive" />
</figure>
<figure class="item col-lg-12">
<img src="{{site.baseurl}}/img/posts/release-01.png" class="img-responsive" />
</figure>
<figure class="item col-lg-12">
<img src="{{site.baseurl}}/img/screenshot_sing.png" class="img-responsive" />
</figure>
<div class="controls">
<a href="#item-1" class="control-button">•</a>
<a href="#item-2" class="control-button">•</a>
<a href="#item-3" class="control-button">•</a>
</div>
</div>
</div>
</div>
</section>
<!-- Contribute Section End -->
+7 -10
View File
@@ -22,17 +22,13 @@
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/responsive.css">
<!-- Icon Fonts -->
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-awesome/font-awesome.min.css" />
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/font-awesome.min.css" />
<!-- Arch Icon Fonts -->
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-arch/arch.min.css" />
<!-- Lato Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<!-- Gallery -->
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/gallery.css" />
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/gallery.theme.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<!-- Swipebox -->
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/swipebox.min.css">
@@ -40,17 +36,18 @@
<!-- AnimateCSS -->
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/animate.css">
<!-- jQuery Load -->
<script src="{{site.baseurl}}/js/jquery-min.js"></script>
<!-- IE11 -->
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/ie.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery Load -->
<script src="{{site.baseurl}}/js/jquery-min.js"></script>
{% include color-browser.html %}
</head>
<!-- HEAD End -->
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="container">
<div class="row">
<h1 class="title">{{ page.title }}</h1>
<p style="text-align:center">{{ page.content | markdownify }}</p>
<p>{{ page.content | markdownify }}</p>
<div class="flex-box-row">
{% for help in site.data.help %}
<div class="col-md-4 flex-box-col card hover-card dark-text">
+41 -37
View File
@@ -2,54 +2,58 @@
{% assign post_1 = site.posts[0] %}
{% assign post_2 = site.posts[1] %}
{% assign post_3 = site.posts[2] %}
<section id="{{ page.section-type }}">
<section id="{{ page.section-type }}" class="content-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="title">{{ page.title }}</h1>
{% if post_1 != nil %}
<div class="col-md-8">
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_1.date | date_to_long_string }}
<h1 class="title">{{ page.title }}</h1>
{% if post_1 != nil %}
<div class="col-md-8">
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_1.date | date_to_long_string }}
</div>
<h3><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h3>
</div>
<h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
</div>
</div>
</div>
{% endif %}
<div class="col-md-4">
{% if post_2 != nil %}
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_2.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_2.date | date_to_long_string }}
</div>
<h3><a href="{{site.baseurl}}{{ post_2.url }}">{{post_2.title}} </a></h3>
</div>
</div>
{% endif %}
{% if post_3 != nil %}
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_3.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_3.date | date_to_long_string }}
<div class="col-md-4">
{% if post_2 != nil %}
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_2.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_2.date | date_to_long_string }}
</div>
<h3><a href="{{site.baseurl}}{{ post_2.url }}">{{post_2.title}} </a></h3>
</div>
<h3><a href="{{site.baseurl}}{{ post_3.url }}">{{post_3.title}} </a></h3>
</div>
{% endif %}
{% if post_3 != nil %}
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_3.image }}" class="img-responsive" />
<div class="news-card-text dark-bg">
<div class="post-info red-text">
<i class="fa fa-calendar" aria-hidden="true"></i>
{{ post_3.date | date_to_long_string }}
</div>
<h3><a href="{{site.baseurl}}{{ post_3.url }}">{{post_3.title}} </a></h3>
</div>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
<p class="col-md-12 more">
<a href="#" class="btn btn-lg">
<i class="fa fa-newspaper-o" aria-hidden="true"></i>
More News
</a>
</p>
</div>
</div>
</section>
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="container">
<div class="row">
<h1 class="title">{{ page.title }}</h1>
{{ page.content | markdownify }}
<p>{{ page.content | markdownify }}</p>
<div class="flex-box-row">
{% for song in site.data.songs %}
<div class="col-md-6 flex-box-col card hover-card dark-text">