Browse Source

Customize for sx

sx-custom
Felix 4 years ago
parent
commit
25c62c90f9
  1. 7
      layouts/_default/list.html
  2. 10
      layouts/_default/single.html
  3. 31
      layouts/blog/single.html
  4. 2
      layouts/docs/single.html
  5. 50
      layouts/index.html
  6. 6
      layouts/partials/header.html
  7. 4
      layouts/partials/toc.html
  8. 8
      layouts/section/faq.html
  9. 4
      static/css/custom.css
  10. 1
      theme.toml

7
layouts/_default/list.html

@ -5,7 +5,6 @@
<div id="hero" class="wrap">
<h1>Voice of {{.Site.Params.author }} Developers</h1>
<p>Our vision, news and ideas, and whatever feels important.<br> <a href="https://twitter.com/{{.Site.Params.twitter}}">Follow us on Twitter</a></p>
</div>
<ul id="posts">
@ -13,7 +12,7 @@
<section>{{ partial "pagination" .}}</section>
</ul>
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}

10
layouts/_default/single.html

@ -10,9 +10,9 @@
<ul id="posts">
{{ .Content }}
</ul>
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}

31
layouts/blog/single.html

@ -13,46 +13,23 @@
</div>
<div id="post-box">
<div id="post" itemprop="articleBody">
{{.Content | safeHTML}}
</div>
<div class="form-subscribe">
<div id="form-subscribe-success" style="display: none;"></div>
<div id="form-subscribe-box">
<h4>All about Redactor, Grafs and Kube.</h4>
<p>Monthly news &amp; updates. Just straight to the point.</p>
<form action="" name="mc-embedded-subscribe-form" method="post" class="form"><input type="hidden" name="authorize-token" value="">
<div id="subscribe-email-validation-error"></div>
<div class="form-item">
<div class="append">
<input type="email" name="EMAIL" id="mce-EMAIL" placeholder="Email">
<button class="button">Subscribe</button>
</div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="" tabindex="-1" value=""></div>
</form>
{{.Content | safeHTML}}
<div class="form-subscribe-twitter"><div>or</div> <a href="https://twitter.com/jebli_7">Follow us on Twitter</a></div>
</div>
</div>
<div class="">
{{ partial "post/byauthor" . }}
{{ partial "post/related-content" . }}
</div>
{{ if .Site.DisqusShortname }}
<article>
{{ template "_internal/disqus.html" . }}
</article>
{{ end }}
</div>
</div>
{{ end }}
{{ define "footer"}} {{ partial "footer.html" .}} {{ end }}
{{ define "footer"}} {{ partial "footer.html" .}} {{ end }}

2
layouts/docs/single.html

@ -8,7 +8,7 @@
{{ .Params.bref | safeHTML }}.
</p>
</div>
</div>
<div id="kube-component" class="content">
{{ partial "toc" .}}

50
layouts/index.html

@ -5,55 +5,21 @@
<div id="main">
<div id="hero">
<h1>{{.Title}}</h1>
<!-- <h1>Overview</h1> -->
<p>{{.Description}}</p>
</div>
<div id="action-buttons">
<a class="button primary big" href="https://github.com/jeblister/kube/releases" onclick="_gaq.push(['_trackEvent', 'kube', 'download']);">Download</a> <a class="button outline big" href="https://github.com/jeblister/kube" onclick="_gaq.push(['_trackEvent', 'kube', 'github']);">View on Github</a>
<p>Zip-archive, includes all the source and site example files</p>
</div>
<div class="message focus" data-component="message"> <span class="close small"></span>
<a class="button inverted small " href="https://imperavi.com/kube/" >Kube </a> from <a href="https://imperavi.com/">imperavi</a> is an awesome <mark>CSS & JS Framework</mark> and i designed this template for <a href="https://gohugo.io">hugo</a> with the same original philosophy !
</div>
<div id="kube-features">
<div id="components">
<div class="row gutters">
{{ $section := where $.Site.RegularPages "Section" "docs" }}
{{ range $section.ByWeight }}
<div class="col col-4 item">
<figure>
<img alt="Baseline" height="48" src="{{ "/img/kube/icon-baseline.png" | relURL }}" width="48">
</figure>
<h3>Horizontal Rhythm</h3>
<p>In Kube horizontal rhythm based on a 4px vertical grid is something that we are truly proud of.</p>
</div>
<div class="col col-4 item">
<figure>
<img alt="Typography" height="48" src="{{ "/img/kube/icon-typo.png" | relURL }}" width="48">
</figure>
<h3>Typography</h3>
<p>We obsess over typography, and it shows throughout Kube.</p>
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
<p>{{ .Params.description }}</p>
</div>
<div class="col col-4 item">
<figure>
<img alt="Minimalism" height="48" src="{{ "/img/kube/icon-minimalism.png" | relURL }}" width="48">
</figure>
<h3>Minimalism</h3>
<p>We strongly believe in minimalism as a general concept as well as a practical approach to everyday life.</p>
</div>
</div>
<div class="row gutters">
<div class="col col-4 item">
<h4>Mobile-first Design</h4>
<p>Every element in kube is mobile-first and fully embraces latest and greatest tech.</p>
</div>
<div class="col col-4 item">
<h4>Cross-browser</h4>
<p>Kube works in all modern browsers, both desktop and mobile, including latest Chrome, Firefox, Safari, Opera, IE and Edge.</p>
</div>
<div class="col col-4 item">
<h4>License</h4>
<p>Kube licensed under <a href="https://opensource.org/licenses/MIT">MIT</a>.<br>
Kube Framework is absolutely free for personal or commercial use.</p>
{{ end }}
</div>
</div>
</div>
</div>
{{ end }}
{{ define "footer"}} {{ partial "footer" .}} {{end}}

6
layouts/partials/header.html

@ -17,13 +17,13 @@
{{end}}
</ul>
</nav>
<nav id="top-nav-extra">
<nav id="top-nav-extra">
<ul>
{{ range .Site.Menus.extra }}
{{ range .Site.Menus.extra }}
<li>
<a href="{{ .Permalink }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}
</ul>
</nav>
</div>

4
layouts/partials/toc.html

@ -12,10 +12,10 @@ tocSelector: '.js-toc',
// Where to grab the headings to build the table of contents.
contentSelector: '.content',
// Which headings to grab inside of the contentSelector element.
headingSelector: 'h3'
headingSelector: 'h1, h2, h3'
})
}
);
</script>
{{ end }}
{{ end }}

8
layouts/section/faq.html

@ -10,7 +10,7 @@
<div id="kube-faq">
{{.Content}}
</div>
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}
{{ end }}
{{ define "footer" }}
{{ partial "footer" . }}
{{ end }}

4
static/css/custom.css

@ -0,0 +1,4 @@
#top #top-brand a {
text-decoration: none;
color: inherit;
}

1
theme.toml

@ -28,4 +28,3 @@ min_version = 0.19
[author]
name = "jeblister"
homepage = "http://findme.surge.sh/"

Loading…
Cancel
Save