Projects/Vocaluxe
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small fixes and improvements

Browse Source 
- fixed footer not staying at bottom
- fixed some bugs with news section
This commit is contained in:
Hendrik Blöß committed 2017-07-14 15:49:07 +02:00
1 parent 5969ffab71
commit ce225e401b
4 files changed
+68 -45
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

_includes/footer.html
+18 -22
View File
@@ -1,33 +1,29 @@
<!-- Footer -->
<footer>
<div class="footer">
<div class="container">
<div class="footer-left">
{% if page.section-type == "index" %}
<a href="#"><h3>Vocaluxe</h3></a>
{% else %}
<a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a>
{% endif %}
</div>
<ul class="footer-right">
<li>
<a href="https://github.com/Vocaluxe/Vocaluxe">
<footer class="footer">
<div class="container">
<div class="footer-left">
{% if page.section-type == "index" %}
<a href="#"><h3>Vocaluxe</h3></a> {% else %}
<a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a> {% endif %}
</div>
<ul class="footer-right">
<li>
<a href="https://github.com/Vocaluxe/Vocaluxe">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://facebook.com/Vocaluxe">
</li>
<li>
<a href="https://facebook.com/Vocaluxe">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="{{site.baseurl}}/feed.xml">
</li>
<li>
<a href="{{site.baseurl}}/feed.xml">
<i class="fa fa-rss" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</footer>
_includes/news.html
+10 -8
View File
@@ -10,14 +10,16 @@
<h1 class="title">{{ page.title }}</h1>
{% if post_1 != nil %}
<div class="col-md-8 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 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>
<h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
</div>
<h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
</div>
</div>
{% endif %}
@@ -36,7 +38,7 @@
{% endif %}
{% if post_3 != nil %}
<div class="col-lg-12 news-card">
<img src="{{site.baseurl}}/img/posts/{{ post_2.image }}" class="img-responsive" />
<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>
_posts/2017-07-14-test-post.md
+25
View File
@@ -0,0 +1,25 @@
---
layout: post
section-type: post
title: This is a test post!
tags: [ 'test' ]
author: "hendrikbl"
image: "release-01.png"
---
Dear Vocaluxe fans,
This is a test post.
<!--more-->
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy e
irmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam v
oluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
css/main.css
+15 -15
View File
@@ -97,6 +97,9 @@ body {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: 100vh;
display: flex;
flex-direction: column;
}
a {
@@ -359,13 +362,6 @@ a:hover {
width: 100%;
}
#news .col-md-8,
#news .col-lg-12 {
border: 1px solid #2C3E50;
border-radius: 8px;
overflow: hidden;
}
#news h2,
#news h3 {
margin-top: 0;
@@ -376,12 +372,12 @@ a:hover {
font-size: 12pt;
}
#news .btn {
align-items:
}
.news-card {
padding: 0;
margin: 10px 0px;
border: 1px solid #2C3E50;
border-radius: 8px;
overflow: hidden;
}
.news-card-text {
@@ -594,6 +590,10 @@ a:hover {
/*****Post*****/
.post {
flex: 1;
}
.post .post-banner {
width: 100%;
}
@@ -649,8 +649,8 @@ a:hover {
background-color: #243342;
color: white;
/*border-top: 1px solid rgba(255,255,255,0.1);*/
padding-top: 20px;
padding-bottom: 10px;
padding-top: 15px;
padding-bottom: 5px;
}
.footer-left {
@@ -664,11 +664,11 @@ a:hover {
.footer li {
display: inline-block;
list-style-type: none;
margin-right: 10px;
margin-left: 10px;
}
.footer li i {
font-size: 20pt;
font-size: 18pt;
}
.footer a {