diff --git a/README.md b/README.md index a660a1d..6d6124f 100644 --- a/README.md +++ b/README.md @@ -34,10 +34,10 @@ For demo klise.now Run local server: ```bash -git clone https://github.com/piharpi/jekyll-klise.git -cd jekyll-klise -bundle install -bundle exec jekyll serve +$ git clone https://github.com/piharpi/jekyll-klise.git +$ cd jekyll-klise +$ bundle install +$ bundle exec jekyll serve ``` Navigate to `localhost:4000`. You're Welcome, Fork and be Stargazer. diff --git a/_layouts/404.html b/_layouts/404.html index 836b247..df88289 100644 --- a/_layouts/404.html +++ b/_layouts/404.html @@ -6,7 +6,27 @@ layout: compress {% include header.html %} - + + + + {% include navbar.html %}
diff --git a/_layouts/default.html b/_layouts/default.html index 1fbf5da..1500975 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -5,7 +5,27 @@ layout: compress {% include header.html %} - + + + + {% include navbar.html %}
{% include author.html %} diff --git a/_layouts/page.html b/_layouts/page.html index e17b024..9aebe9f 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -7,7 +7,27 @@ layout: compress {% include header.html %} - + + + + {% include navbar.html %}
diff --git a/_layouts/post.html b/_layouts/post.html index 2307217..e15f093 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -7,7 +7,27 @@ layout: compress {% include header.html %} - + + + + {% include navbar.html %}
@@ -55,7 +75,7 @@ layout: compress {% if page.comments %} - {% include comments.html%} + {% include comments.html %} {% endif %}
@@ -71,4 +91,4 @@ layout: compress
- \ No newline at end of file + diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss index abf5740..53b4f24 100644 --- a/_sass/klise/_base.scss +++ b/_sass/klise/_base.scss @@ -7,6 +7,14 @@ transition: background-color 75ms ease-in, border-color 75ms ease-in; } +.notransition { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} + html { overflow-x: hidden; width: 100%; diff --git a/_sass/klise/_dark.scss b/_sass/klise/_dark.scss index 32726e2..84a7cb6 100644 --- a/_sass/klise/_dark.scss +++ b/_sass/klise/_dark.scss @@ -234,12 +234,14 @@ body[data-theme="dark"] { .solution:hover { color: $dark-text-link-blue-active; } - } + } .search-article { input[type="search"] { color: $dark-text-base-color; + &::-webkit-input-placeholder { + color: rgba(128,128,128,0.8); + } } } - } diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss index ea8f196..7d87780 100644 --- a/_sass/klise/_layout.scss +++ b/_sass/klise/_layout.scss @@ -338,18 +338,27 @@ } input[type="search"] { - border: 0; top: 0; left: 0; - position: absolute; + border: 0; width: 100%; + height: 40px; + outline: none; + position: absolute; border-radius: 5px; padding: 10px 10px 10px 35px; - font-size: $base-font-size; color: $text-base-color; + -webkit-appearance: none; + font-size: $base-font-size; background-color: rgba(128, 128, 128, 0.1); border: 1px solid rgba(128, 128, 128, 0.1); - outline: none; + &::-webkit-input-placeholder { + color: #808080; + } + &::-webkit-search-decoration, + &::-webkit-search-results-decoration { + display: none; + } } } diff --git a/assets/js/main.js b/assets/js/main.js index 7bf1a1e..b58aca9 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -2,17 +2,6 @@ // Theme switch const body = document.body; const lamp = document.getElementById("mode"); - const data = body.getAttribute("data-theme"); - - const initTheme = (state) => { - if (state === "dark") { - body.setAttribute("data-theme", "dark"); - } else if (state === "light") { - body.removeAttribute("data-theme"); - } else { - localStorage.setItem("theme", data); - } - }; const toggleTheme = (state) => { if (state === "dark") { @@ -26,8 +15,6 @@ } }; - initTheme(localStorage.getItem("theme")); - lamp.addEventListener("click", () => toggleTheme(localStorage.getItem("theme")) );