jekyll-theme-morph 0.0.1

data/_sass/search.scss

@@ -0,0 +1,68 @@
+@import "morph/variables";
+@import "morph/functions";
+
+.page-search {
+  header.header {
+    padding: 2rem 0;
+
+    .search-wrap {
+      min-width: 40%;
+    }
+  }
+
+  $search-box-radius: 3px;
+  $search-box-border-color: $color-primary-dark;
+  input.search-input {
+    font-size: 14px;
+    padding: 12px 10px;
+    -webkit-appearance: none;
+    outline: none;
+    border: 1px solid $search-box-border-color;
+    border-right: 0;
+    border-top-left-radius: $search-box-radius;
+    border-bottom-left-radius: $search-box-radius;
+  }
+  button.search-button {
+    border: 1px solid $search-box-border-color;
+    border-left: 0;
+    border-top-right-radius: $search-box-radius;
+    border-bottom-right-radius: $search-box-radius;
+    padding: 6px 15px;
+    margin-left: -5px;
+  }
+
+  p.search-template-content {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    @include media-sm() {
+      -webkit-line-clamp: 5;
+    }
+  }
+  p.tags {
+    padding: .5rem 0;
+  }
+
+  ul.search-results-container {
+    list-style-type: none;
+    text-align: center;
+    li {
+      text-align: left;
+      padding: 1rem 0;
+      .title {
+        font-size: 1.5rem;
+        padding-bottom: .5rem;
+      }
+      p {
+        font-size: 1.2rem;
+        line-height: 1.7rem;
+      }
+      &:not(:last-child) {
+        border-bottom: 1px dashed $color-primary-dark;
+      }
+    }
+  }
+}

data/assets/javascript/post.js

@@ -0,0 +1,52 @@
+(function() {
+    "use struct"
+
+    function createStructureItem(element) {
+        var a = document.createElement('a')
+        var li = document.createElement('li')
+        a.href = '#' + element.id
+        a.innerText = element.innerText
+        li.className = element.nodeName.toLowerCase()
+        li.appendChild(a)
+
+        a.onclick = function (event) {
+            event.preventDefault()
+            element.scrollIntoView({behavior: "smooth"})
+        }
+
+        return li
+    }
+
+    function post(title) {
+        this.title = title
+    }
+
+    post.prototype.getHeaders = function () {
+        var articleArea = document.querySelector('article.text')
+        return articleArea.querySelectorAll('h1, h2, h3, h4, h5, h6')
+    }
+
+    post.prototype.initStructure = function (structure) {
+        var headers = this.getHeaders()
+        if (headers.length > 0) {
+            structure.innerText = ''
+        }
+        headers.forEach(function (value) {
+            structure.appendChild(createStructureItem(value))
+        })
+    }
+
+    post.prototype.addAnchorToHeaders = function () {
+        var headers = this.getHeaders()
+        headers.forEach(function (value) {
+            var a = document.createElement('a')
+            var i = document.createElement('i')
+            i.className = 'fas fa-link header-anchor color-link-light'
+            a.href = '#' + value.id
+            a.appendChild(i)
+            value.appendChild(a)
+        })
+    }
+
+    window.PostPage = post;
+})()

data/assets/javascript/search.js

@@ -0,0 +1,51 @@
+(function() {
+    "use struct"
+
+    function getQueryVariable(variable) {
+        var query = window.location.search.substring(1)
+        var vars = query.split("&")
+        for (var i=0; i < vars.length; i++) {
+            var pair = vars[i].split("=")
+            if (pair[0] == variable){
+                return pair[1]
+            }
+        }
+        return null;
+    }
+
+    document.addEventListener('DOMContentLoaded', function () {
+        var pageSearch = document.getElementById('page-search')
+
+        var searchInput = pageSearch.querySelector('#search-input')
+        var searchButton = pageSearch.querySelector('#search-button')
+        var searchContainer = pageSearch.querySelector('#search-results-container')
+        var sjs = SimpleJekyllSearch({
+            searchInput: pageSearch.querySelector('#search-input'),
+            resultsContainer: searchContainer,
+            json: '/search.json',
+            searchResultTemplate: '<li>\
+            <h2 class="title fw-normal"><a href="{url}">{title}</a></h2>\
+            <p class="search-template-content">{content}</p>\
+            <p class="tags color-secondary-light"><i class="fas fa-tags color-rang1" style="font-size:.8rem"></i> {tags}</p>\
+        </li>',
+            success: function (rv) {
+                var words = getQueryVariable('words')
+                if (words) {
+                    searchContainer.innerText = 'Searching'
+                    words = decodeURIComponent(words)
+                    searchInput.value = words
+                    setTimeout((function () {
+                        this.search(words)
+                    }).bind(this), 800)
+                }
+            }
+        })
+
+        searchButton.onclick = function (event) {
+            event.preventDefault()
+            if (searchInput.value && searchInput.value.length > 0) {
+                sjs.search(searchInput.value)
+            }
+        }
+    })
+})()

data/assets/style/classify.scss

@@ -0,0 +1,4 @@
+---
+---
+@import "morph/themes/{{ site.morph.skin | default: 'silver' }}";
+@import "classify";

data/assets/style/home.scss

@@ -0,0 +1,4 @@
+---
+---
+@import "morph/themes/{{ site.morph.skin | default: 'silver' }}";
+@import "home";

data/assets/style/main.scss

@@ -0,0 +1,4 @@
+---
+---
+@import "morph/themes/{{ site.morph.skin | default: 'silver' }}";
+@import "morph";

data/assets/style/post.scss

@@ -0,0 +1,5 @@
+---
+---
+@import "morph/themes/{{ site.morph.skin | default: 'silver' }}";
+@import "post";
+//@import "railscasts.css";

data/assets/style/search.scss

@@ -0,0 +1,4 @@
+---
+---
+@import "morph/themes/{{ site.morph.skin | default: 'silver' }}";
+@import "search";

metadata

@@ -0,0 +1,156 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-morph
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Alex
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2021-06-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-paginate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.15'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.15'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.7'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+description:
+email:
+- omytty@126.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/bread-bar.html
+- _includes/catalogue.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/paginator.html
+- _includes/post-info.html
+- _includes/simple-post-info.html
+- _includes/trending-article-item.html
+- _layouts/classify.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _layouts/search.html
+- _sass/classify.scss
+- _sass/home.scss
+- _sass/morph.scss
+- _sass/morph/_base.scss
+- _sass/morph/_colors.scss
+- _sass/morph/_functions.scss
+- _sass/morph/_utilities.scss
+- _sass/morph/_variables.scss
+- _sass/morph/components/_catalogue.scss
+- _sass/morph/components/_footer.sass
+- _sass/morph/components/_header.scss
+- _sass/morph/components/_highlight.scss
+- _sass/morph/components/_nano-compo.scss
+- _sass/morph/components/_paginator.scss
+- _sass/morph/components/_post-info.scss
+- _sass/morph/themes/obsidian.scss
+- _sass/morph/themes/silver.scss
+- _sass/post.scss
+- _sass/search.scss
+- assets/javascript/post.js
+- assets/javascript/search.js
+- assets/style/classify.scss
+- assets/style/home.scss
+- assets/style/main.scss
+- assets/style/post.scss
+- assets/style/search.scss
+homepage: https://github.com/alex-1900/jekyll-theme-morph
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.15
+signing_key:
+specification_version: 4
+summary: Morph is a minimal Jekyll theme.
+test_files: []