diff --git a/_config.yml b/_config.yml index 0784b4b3e09aa340e8a7dceaac53423c87e6029a..0e62b986c234090b12ac6d0e84478078a077777f 100644 --- a/_config.yml +++ b/_config.yml @@ -6,7 +6,7 @@ # 'jekyll serve'. If you change this file, please restart the server process. # Site settings -title: Gatok +title: Webjeda Gatok email: your-email@domain.com description: > # this means to ignore newlines until "baseurl:" Gatok is a minimal jekyll theme with a 3d menu bar. @@ -17,9 +17,11 @@ url: "http://webjeda.com" # the base hostname & protocol for your site # Build settings markdown: kramdown baseurl: /gatok - permalink: /:title/ +disqus-shortname: webjeda-demo + + #compress.html compress_html: clippings: [html,div, p, ul, td, h1, h2, h3, h4,link, meta, footer, nav, img, header, hr, br, head, style, li, ul, ol, time, main, script, title] @@ -38,4 +40,17 @@ analytics: UA-71358787-1 version: 0.8 -gems: [jekyll-paginate, jekyll-seo-tag] \ No newline at end of file +gems: [jekyll-paginate, jekyll-seo-tag] + + +prose: + rooturl: '' + siteurl: 'http://prose.github.io/starter/' + relativeLinks: 'http://prose.github.io/starter/links.jsonp' + media: 'images' + ignore: + - index.md + - _config.yml + - /_layouts + - /_includes + diff --git a/_includes/disqus.html b/_includes/disqus.html new file mode 100644 index 0000000000000000000000000000000000000000..344b7e353abeba823d9e37145e6261c12c2d8820 --- /dev/null +++ b/_includes/disqus.html @@ -0,0 +1,11 @@ +<div id="disqus_thread"></div> +<script defer> +(function() { + var d = document, s = d.createElement('script'); + s.src = '//{{site.disqus-shortname}}.disqus.com/embed.js'; + s.setAttribute('data-timestamp', +new Date()); + (d.head || d.body).appendChild(s); +})(); +</script> +<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> + \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html index 0c284028a67a5d8c573a9a8e28d737c9389b4be5..d182a2e5b1f325d2c311e95ce56c3adbc69aa007 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -2,15 +2,20 @@ <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <style> - {% capture include_to_scssify %} - {% include main.scss %} - {% endcapture %} - {{ include_to_scssify | scssify }} - </style> {% seo %} <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}"> +<!-- 3d menu js --> +<script src="{{ "/js/meny.js" | prepend: site.baseurl }}"></script> + + +<style> + {% capture include_to_scssify %} + {% include main.scss %} + {% endcapture %} + {{ include_to_scssify | scssify }} +</style> + </head> diff --git a/_includes/header.html b/_includes/header.html index 24f2fbdacf6d57fd6eff920d2786766e14c86961..36ae505a92ef72423a05fcbd486cf1431d4a7ce9 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,6 +1,3 @@ - - - <header class="site-header"> <div class="color-bar"> <div class="bar bar1"></div> @@ -12,7 +9,7 @@ </div> <div class="row mt20 mb20"> <div class="col-sm-1"></div> - <div class="col-md-4"><a href="{{ "/" | prepend: site.baseurl }}"><svg class="headline" xmlns="http://www.w3.org/2000/svg" height="45" viewBox="0 0 84.5 53.8"><rect y="17.3" width="65.9" height="36.5" fill="#E64C3C"/><rect x="5.6" y="12.1" width="65.9" height="36.5" fill="#3B97D3"/><rect x="11.9" y="5.8" width="65.9" height="36.5" fill="#4FBA6F"/><rect x="18.6" width="65.9" height="36.5" fill="#F0C419"/></svg> <h1 class="headline">Webjeda Gatok</h1></a></div> + <div class="col-md-4"><a href="{{ "/" | prepend: site.baseurl }}"><svg class="headline" xmlns="http://www.w3.org/2000/svg" height="45" viewBox="0 0 84.5 53.8"><rect y="17.3" width="65.9" height="36.5" fill="#E64C3C"/><rect x="5.6" y="12.1" width="65.9" height="36.5" fill="#3B97D3"/><rect x="11.9" y="5.8" width="65.9" height="36.5" fill="#4FBA6F"/><rect x="18.6" width="65.9" height="36.5" fill="#F0C419"/></svg> <h1 class="headline">{{site.title}}</h1></a></div> <div class="col-sm-7"> </div> </div> diff --git a/_includes/main.scss b/_includes/main.scss index 0b03c686366f5718f5fd19dfdf0c0f4c6d0e0116..6e6660ad1a39a21a14119a600d0b504627c37278 100644 --- a/_includes/main.scss +++ b/_includes/main.scss @@ -1,5 +1,3 @@ - - // Our variables $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; $base-font-size: 16px; diff --git a/_layouts/default.html b/_layouts/default.html index bc3d856bd69be40d15cf0425107206b374c6c0da..9d651cd908f51ad01936b96b05887610015f5a0e 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,30 +4,33 @@ layout: compress <!DOCTYPE html> <html> - {% include head.html %} +{% include head.html %} <body> - <div class="menu"></div> -{% include sidebar.html %} - <div class="contents"> -{% include header.html %} + <div class="menu"></div> + {% include sidebar.html %} + <div class="contents"> + {% include header.html %} - <div class="page-content"> - <div class="wrapper"> - {{ content }} + <div class="page-content"> + <div class="wrapper"> + {{ content }} + </div> </div> - </div> - {% include footer.html %} +{% include footer.html %} </div> - <script src="{{ "/js/meny.js" | prepend: site.baseurl }}"></script> + + +<!-- Script to load 3d menu --> <script> var meny=Meny.create({menuElement:document.querySelector(".meny"),contentsElement:document.querySelector(".contents"),position:"left",height:200,width:230,angle:30,threshold:40,overlap:6,transitionDuration:"0.5s",transitionEasing:"ease",gradient:"rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.65) 100%)",mouse:!0,touch:!0}); -</script> +</script> {% if site.analytics %} {% include analytics.html %} {% endif %} <link rel="stylesheet" href="{{ "/css/bootstrap.css" | prepend: site.baseurl }}"> - </body> + +</body> </html> diff --git a/_layouts/post.html b/_layouts/post.html index 3a0fb52ecf57ab45874f66867d1217fa51ccc3b6..aff8bcd475081923d4b6e261444654d94c64b5b7 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -11,5 +11,5 @@ layout: default <div class="post-content" itemprop="articleBody"> {{ content }} </div> - </article> +{% if site.disqus-shortname %}{% include disqus.html %}{% endif %} \ No newline at end of file diff --git a/_posts/2016-07-07-features.markdown b/_posts/2016-07-07-features.markdown new file mode 100644 index 0000000000000000000000000000000000000000..1e5ab30ab97e5f7482d8c88f0d5b2b37c15eac9e --- /dev/null +++ b/_posts/2016-07-07-features.markdown @@ -0,0 +1,21 @@ +--- +layout: post +title: "Features" +date: 2016-07-07 23:07:13 +0530 +categories: jekyll update +--- + +## 3D menu bar +3D menu can be opened just by hovering the mouse over extreme left side of the website. + +## Minimal design +The website is bare minimum. It features Bootstrap styling. Including almost all of the bootstrap classes is allowed. + +## Fast loading +Gatok doesn't load too much code and thus the page loads fast. + +## Disqus ready +Disqus comments is already installed. Just change the disqus-shortname in congif.yml file after signing up with Disqus. + +## Prose compatible +You can edit or add blog posts easily using [Prose](http://prose.io). diff --git a/about.md b/about.md index e65d064bfbc8079cf23630db57221735e9bfd768..af522f2755a4d256119517389a40d26de1092c51 100644 --- a/about.md +++ b/about.md @@ -3,8 +3,6 @@ layout: page title: About permalink: /about/ --- - - <div class="mt50"></div> Webjeda gatok is a Bootstrap based theme. Any Bootstrap element can be used in the theme. Read [Webjeda Blog](http://blog.webjeda.com){: target="_blank"} for jekyll tutorials. \ No newline at end of file