mirror of
				https://github.com/ZetaKebab/kesper.git
				synced 2025-11-04 08:09:49 +00:00 
			
		
		
		
	Refactor site navigation
This commit is contained in:
		
							
								
								
									
										27
									
								
								author.hbs
									
									
									
									
									
								
							
							
						
						
									
										27
									
								
								author.hbs
									
									
									
									
									
								
							@@ -7,32 +7,7 @@
 | 
			
		||||
{{#author}}
 | 
			
		||||
<header class="site-header outer {{#if cover_image}}" style="background-image: url({{cover_image}}){{else}}no-cover{{/if}}">
 | 
			
		||||
    <div class="inner">
 | 
			
		||||
        <nav class="site-nav">
 | 
			
		||||
            <div class="site-nav-left">
 | 
			
		||||
                {{#if @blog.logo}}
 | 
			
		||||
                    <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
                {{#if @blog.navigation}}
 | 
			
		||||
                    {{!-- The blog navigation links from /ghost/settings/design --}}
 | 
			
		||||
                    {{navigation}}
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="site-nav-right">
 | 
			
		||||
                <div class="social-links">
 | 
			
		||||
                    {{#if @blog.facebook}}
 | 
			
		||||
                        <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank">{{> "icons/facebook"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                    {{#if @blog.twitter}}
 | 
			
		||||
                        <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank">{{> "icons/twitter"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                </div>
 | 
			
		||||
                {{#if @labs.subscribers}}
 | 
			
		||||
                    <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
        {{> "site-nav"}}
 | 
			
		||||
        <div class="site-header-content">
 | 
			
		||||
            {{#if profile_image}}
 | 
			
		||||
                <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										24
									
								
								index.hbs
									
									
									
									
									
								
							
							
						
						
									
										24
									
								
								index.hbs
									
									
									
									
									
								
							@@ -15,29 +15,7 @@ into the {body} of the default.hbs template --}}
 | 
			
		||||
            </h1>
 | 
			
		||||
            <h2 class="site-description">{{@blog.description}}</h2>
 | 
			
		||||
        </div>
 | 
			
		||||
        <nav class="site-nav">
 | 
			
		||||
            <div class="site-nav-left">
 | 
			
		||||
                {{#if @blog.navigation}}
 | 
			
		||||
                    {{!-- The blog navigation links from /ghost/settings/design --}}
 | 
			
		||||
                    {{navigation}}
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="site-nav-right">
 | 
			
		||||
                <div class="social-links">
 | 
			
		||||
                    {{#if @blog.facebook}}
 | 
			
		||||
                        <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank">{{> "icons/facebook"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                    {{#if @blog.twitter}}
 | 
			
		||||
                        <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank">{{> "icons/twitter"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                </div>
 | 
			
		||||
                {{#if @labs.subscribers}}
 | 
			
		||||
                    <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
        {{> "site-nav"}}
 | 
			
		||||
    </div>
 | 
			
		||||
</header>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										27
									
								
								page.hbs
									
									
									
									
									
								
							
							
						
						
									
										27
									
								
								page.hbs
									
									
									
									
									
								
							@@ -5,32 +5,7 @@ into the {body} of the default.hbs template --}}
 | 
			
		||||
{{!-- The big featured header, it uses blog cover image as a BG if available --}}
 | 
			
		||||
<header class="site-header outer">
 | 
			
		||||
    <div class="inner">
 | 
			
		||||
        <nav class="site-nav">
 | 
			
		||||
            <div class="site-nav-left">
 | 
			
		||||
                {{#if @blog.logo}}
 | 
			
		||||
                    <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
                {{#if @blog.navigation}}
 | 
			
		||||
                    {{!-- The blog navigation links from /ghost/settings/design --}}
 | 
			
		||||
                    {{navigation}}
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="site-nav-right">
 | 
			
		||||
                <div class="social-links">
 | 
			
		||||
                    {{#if @blog.facebook}}
 | 
			
		||||
                        <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}">{{> "icons/facebook"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                    {{#if @blog.twitter}}
 | 
			
		||||
                        <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}">{{> "icons/twitter"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                </div>
 | 
			
		||||
                {{#if @labs.subscribers}}
 | 
			
		||||
                    <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
        {{> "site-nav"}}
 | 
			
		||||
    </div>
 | 
			
		||||
</header>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +0,0 @@
 | 
			
		||||
<div class="nav-menu">
 | 
			
		||||
    <ul>
 | 
			
		||||
        {{#foreach navigation}}
 | 
			
		||||
            <li class="nav-item nav-item-{{slug}}{{#if current}} nav-item-current{{/if}}"><a href="{{url absolute="true"}}">{{label}}</a></li>
 | 
			
		||||
        {{/foreach}}
 | 
			
		||||
    </ul>
 | 
			
		||||
</div>
 | 
			
		||||
							
								
								
									
										38
									
								
								partials/site-nav.hbs
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										38
									
								
								partials/site-nav.hbs
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,38 @@
 | 
			
		||||
<nav class="site-nav">
 | 
			
		||||
    <div class="site-nav-left">
 | 
			
		||||
        {{^is "home"}}
 | 
			
		||||
            {{#if @blog.logo}}
 | 
			
		||||
                <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
 | 
			
		||||
            {{else}}
 | 
			
		||||
                <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
 | 
			
		||||
            {{/if}}
 | 
			
		||||
        {{/is}}
 | 
			
		||||
        {{#if @blog.navigation}}
 | 
			
		||||
            {{#navigation}}
 | 
			
		||||
            {{!-- Outputting nav links from Ghost admin settings/design --}}
 | 
			
		||||
            <div class="nav-menu">
 | 
			
		||||
                <ul>
 | 
			
		||||
                    {{#foreach navigation}}
 | 
			
		||||
                        <li class="nav-item nav-item-{{slug}}{{#if current}} nav-item-current{{/if}}"><a href="{{url absolute="true"}}">{{label}}</a></li>
 | 
			
		||||
                    {{/foreach}}
 | 
			
		||||
                </ul>
 | 
			
		||||
            </div>
 | 
			
		||||
            {{/navigation}}
 | 
			
		||||
        {{/if}}
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="site-nav-right">
 | 
			
		||||
        <div class="social-links">
 | 
			
		||||
            {{#if @blog.facebook}}
 | 
			
		||||
                <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank">{{> "icons/facebook"}}</a>
 | 
			
		||||
            {{/if}}
 | 
			
		||||
            {{#if @blog.twitter}}
 | 
			
		||||
                <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank">{{> "icons/twitter"}}</a>
 | 
			
		||||
            {{/if}}
 | 
			
		||||
        </div>
 | 
			
		||||
        {{#if @labs.subscribers}}
 | 
			
		||||
            <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
        {{else}}
 | 
			
		||||
            <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
        {{/if}}
 | 
			
		||||
    </div>
 | 
			
		||||
</nav>
 | 
			
		||||
							
								
								
									
										29
									
								
								post.hbs
									
									
									
									
									
								
							
							
						
						
									
										29
									
								
								post.hbs
									
									
									
									
									
								
							@@ -5,34 +5,7 @@ into the {body} of the default.hbs template --}}
 | 
			
		||||
{{!-- The big featured header, it uses blog cover image as a BG if available --}}
 | 
			
		||||
<header class="site-header outer">
 | 
			
		||||
    <div class="inner">
 | 
			
		||||
        <nav class="site-nav">
 | 
			
		||||
            <div class="site-nav-left">
 | 
			
		||||
                {{#if @blog.logo}}
 | 
			
		||||
                    <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
                {{#if @blog.navigation}}
 | 
			
		||||
                    {{!-- The blog navigation links from /ghost/settings/design --}}
 | 
			
		||||
                    {{navigation}}
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="site-nav-right">
 | 
			
		||||
                <div class="social-links">
 | 
			
		||||
                    {{#if @blog.facebook}}
 | 
			
		||||
                        <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}">{{> "icons/facebook"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                    {{#if @blog.twitter}}
 | 
			
		||||
                        <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}">{{> "icons/twitter"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                </div>
 | 
			
		||||
                {{#if @labs.subscribers}}
 | 
			
		||||
                    <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
        {{> "site-nav"}}
 | 
			
		||||
    </div>
 | 
			
		||||
</header>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										27
									
								
								tag.hbs
									
									
									
									
									
								
							
							
						
						
									
										27
									
								
								tag.hbs
									
									
									
									
									
								
							@@ -5,32 +5,7 @@
 | 
			
		||||
{{#tag}}
 | 
			
		||||
<header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
 | 
			
		||||
    <div class="inner">
 | 
			
		||||
        <nav class="site-nav">
 | 
			
		||||
            <div class="site-nav-left">
 | 
			
		||||
                {{#if @blog.logo}}
 | 
			
		||||
                    <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
                {{#if @blog.navigation}}
 | 
			
		||||
                    {{!-- The blog navigation links from /ghost/settings/design --}}
 | 
			
		||||
                    {{navigation}}
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="site-nav-right">
 | 
			
		||||
                <div class="social-links">
 | 
			
		||||
                    {{#if @blog.facebook}}
 | 
			
		||||
                        <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank">{{> "icons/facebook"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                    {{#if @blog.twitter}}
 | 
			
		||||
                        <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank">{{> "icons/twitter"}}</a>
 | 
			
		||||
                    {{/if}}
 | 
			
		||||
                </div>
 | 
			
		||||
                {{#if @labs.subscribers}}
 | 
			
		||||
                    <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
 | 
			
		||||
                {{else}}
 | 
			
		||||
                    <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
 | 
			
		||||
                {{/if}}
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
        {{> "site-nav"}}
 | 
			
		||||
        <div class="site-header-content">
 | 
			
		||||
            <h1 class="site-title">{{name}}</h1>
 | 
			
		||||
            <h2 class="site-description">
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user