Swipebox, Hero Area, Navigation, Font
- replaced Lightbox with Swipebox for better responsiveness - fixed navigation brand alignment - changed hero area appearance and improved responsiveness - added missing lato font
This commit is contained in:
Hendrik Blöß committed
1 parent
d7517b170a
commit
585dac8cb2
22 files changed
+107
-295
No files matched your search
@@ -9,7 +9,7 @@
|
||||
<div id="item-3" class="control-operator"></div>
|
||||
|
||||
<figure class="item col-lg-12">
|
||||
<img src="{{site.baseurl}}/img/posts/release-02.png" class="img-responsive" />
|
||||
<img src="{{site.baseurl}}/img/screenshot_sing.png" class="img-responsive" />
|
||||
</figure>
|
||||
|
||||
<figure class="item col-lg-12">
|
||||
@@ -17,7 +17,7 @@
|
||||
</figure>
|
||||
|
||||
<figure class="item col-lg-12">
|
||||
<img src="{{site.baseurl}}/img/posts/release-02.png" class="img-responsive" />
|
||||
<img src="{{site.baseurl}}/img/screenshot_sing.png" class="img-responsive" />
|
||||
</figure>
|
||||
|
||||
<div class="controls">
|
||||
|
||||
+12
-6
@@ -21,23 +21,29 @@
|
||||
<!-- Responsive Style -->
|
||||
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/responsive.css">
|
||||
|
||||
<!--Icon Fonts-->
|
||||
<!-- Icon Fonts -->
|
||||
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-awesome/font-awesome.min.css" />
|
||||
|
||||
<!--Arch Icon Fonts-->
|
||||
<!-- Arch Icon Fonts -->
|
||||
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-arch/arch.min.css" />
|
||||
|
||||
<!--Gallery-->
|
||||
<!-- 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" />
|
||||
|
||||
<!-- Extras -->
|
||||
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/animate.css">
|
||||
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/lightbox.css">
|
||||
<!-- Swipebox -->
|
||||
<link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/swipebox.min.css">
|
||||
|
||||
<!-- AnimateCSS -->
|
||||
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/animate.css">
|
||||
|
||||
|
||||
<!-- jQuery Load -->
|
||||
<script src="{{site.baseurl}}/js/jquery-min.js"></script>
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 animated fadeInLeft delay-0-5 hero-text">
|
||||
<div class="col-md-6 col-xs-12 animated fadeInLeft delay-0-5 hero-text">
|
||||
<h1 class="title">{{site.title}}</h1>
|
||||
<h2 class="subtitle">{{site.subtitle}}</h2>
|
||||
<p>{{ site.description }}</p>
|
||||
<a href="#download" class="btn btn-primary btn-lg blue-bg">Download Now!</a>
|
||||
<a href="#about" class="btn btn-common btn-lg">Learn More</a>
|
||||
</div>
|
||||
<img class="col-md-6 col-sm-6 col-xs-12 animated fadeInRight" src="{{site.baseurl}}/img/screenshot_sing.png" alt="">
|
||||
<img class="col-md-6 col-xs-12 animated fadeInRight" src="{{site.baseurl}}/img/notes.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+2
-2
@@ -4,8 +4,8 @@
|
||||
<!-- Smooth Scroll -->
|
||||
<script src="{{site.baseurl}}/js/smooth-scroll.js"></script>
|
||||
|
||||
<!-- Lightbox -->
|
||||
<script src="{{site.baseurl}}/js/lightbox.min.js"></script>
|
||||
<!-- Swipebox -->
|
||||
<script src="{{site.baseurl}}/js/jquery.swipebox.min.js"></script>
|
||||
|
||||
<!-- All JS plugin Triggers -->
|
||||
<script src="{{site.baseurl}}/js/main.js"></script>
|
||||
+47
-51
@@ -1,59 +1,55 @@
|
||||
<!-- Nav Menu Section -->
|
||||
<div class="logo-menu">
|
||||
<nav class="navbar navbar-default navbar-fixed-top affix" role="navigation" {% if page.section-type == "index" %} data-spy="affix" {% endif %} data-offset-top="50">
|
||||
<div class="container">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header col-md-3">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
|
||||
<div class="logo-menu">
|
||||
<nav class="navbar navbar-default navbar-fixed-top affix" role="navigation" {% if page.section-type=="index" %} data-spy="affix" {% endif %} data-offset-top="50">
|
||||
<div class="container">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header col-md-3">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
{% if page.section-type == "index" %}
|
||||
<a class="navbar-brand" href="#hero-area">
|
||||
{% else %}
|
||||
<a class="navbar-brand" href="{{site.baseurl}}/">
|
||||
</button>
|
||||
{% if page.section-type == "index" %}
|
||||
<a class="navbar-brand" href="#hero-area">
|
||||
{% else %}
|
||||
<a class="navbar-brand" href="{{site.baseurl}}/">
|
||||
{% endif %}
|
||||
{% if site.faviconPng %}
|
||||
<img class="faviconPng" src="{{site.baseurl}}{{ site.faviconPng }}" alt="">
|
||||
{% endif %}
|
||||
<div>
|
||||
{% if site.faviconPng %}
|
||||
<img class="faviconPng" src="{{site.baseurl}}{{ site.faviconPng }}" alt="">
|
||||
{% endif %}
|
||||
{{ site.title }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
{% if page.section-type == "index" %}
|
||||
|
||||
<!-- Scroll to section for each page in index -->
|
||||
{% for p in site.pages_list %}
|
||||
<li>
|
||||
<a href="#{{ p[1] }}"> {{p[0]}} </a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
{% else %}
|
||||
<!-- Blog, Post, Tag and Error pages -->
|
||||
{% for p in site.pages_list %}
|
||||
<li>
|
||||
{% if p[1] == "latest-post" %}
|
||||
{% if page.url == "/blog/index.html" | prepend: {{site.baseurl}} %}
|
||||
<a href="#page"> {{p[0]}} </a>
|
||||
{% else %}
|
||||
<a href="{{site.baseurl}}/blog/"> {{p[0]}} </a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a href="{{site.baseurl}}/#{{ p[1] }}"> {{p[0]}} </a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{{ site.title }}
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
{% if page.section-type == "index" %}
|
||||
<!-- Scroll to section for each page in index -->
|
||||
{% for p in site.pages_list %}
|
||||
<li>
|
||||
<a href="#{{ p[1] }}"> {{p[0]}} </a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<!-- Blog, Post, Tag and Error pages -->
|
||||
{% for p in site.pages_list %}
|
||||
<li>
|
||||
{% if p[1] == "latest-post" %}
|
||||
{% if page.url == "/blog/index.html" | prepend: {{site.baseurl}} %}
|
||||
<a href="#page"> {{p[0]}} </a>
|
||||
{% else %}
|
||||
<a href="{{site.baseurl}}/blog/"> {{p[0]}} </a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a href="{{site.baseurl}}/#{{ p[1] }}"> {{p[0]}} </a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Nav Menu Section End -->
|
||||
Reference in new issue
Block a user