techdoc-jekyll-theme 0.1.0 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +60 -0
- data/_config.yml +11 -0
- data/_layouts/default.html +38 -0
- data/_layouts/post.html +9 -0
- data/assets/css/hljs-theme.css +154 -0
- data/assets/css/style.css +190 -0
- metadata +11 -5
    
        checksums.yaml
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            ---
         | 
| 2 2 | 
             
            SHA256:
         | 
| 3 | 
            -
              metadata.gz:  | 
| 4 | 
            -
              data.tar.gz:  | 
| 3 | 
            +
              metadata.gz: 5c02bcf10fd9d495ae434c20864d3cf604b3f25017ccae76a2618732932bc41e
         | 
| 4 | 
            +
              data.tar.gz: 9c7200d4b7de806b966fa7a8aa5fb9037f87ad8bea514ccca9f06c94e908136b
         | 
| 5 5 | 
             
            SHA512:
         | 
| 6 | 
            -
              metadata.gz:  | 
| 7 | 
            -
              data.tar.gz:  | 
| 6 | 
            +
              metadata.gz: a92e44af03830bfca57383b77c8c40a026d74ea16ab3dc753ff53abc08dae1eb8236d28b3bf301c152b1efc23e78dd39c7a60d248c121bfaa85759f6d58d4a3b
         | 
| 7 | 
            +
              data.tar.gz: c01a95dc4ebd41b42c61074d8819624b42f561f7e840ef68bef06e5857975ca974e45a02d281237e3883b05d62bb85b630ac8bdded891b1bbf79ee39e5fe1eaf
         | 
    
        data/README.md
    ADDED
    
    | @@ -0,0 +1,60 @@ | |
| 1 | 
            +
            # TechDoc
         | 
| 2 | 
            +
            [](https://badge.fury.io/rb/techdoc-jekyll-theme)
         | 
| 3 | 
            +
             | 
| 4 | 
            +
            ## About
         | 
| 5 | 
            +
             | 
| 6 | 
            +
            TechDoc is a Jekyll theme designed for writing technical documentation. The templates that come with it are very minimal, so you can quickly get started writing documentation.
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            ## Installation
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            Add this line to your Jekyll site's `Gemfile`:
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            ```ruby
         | 
| 13 | 
            +
            gem "techdoc"
         | 
| 14 | 
            +
            ```
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            And add this line to your Jekyll site's `_config.yml`:
         | 
| 17 | 
            +
             | 
| 18 | 
            +
            ```yaml
         | 
| 19 | 
            +
            theme: techdoc
         | 
| 20 | 
            +
            ```
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            And then execute:
         | 
| 23 | 
            +
             | 
| 24 | 
            +
                $ bundle
         | 
| 25 | 
            +
             | 
| 26 | 
            +
            Or install it yourself as:
         | 
| 27 | 
            +
             | 
| 28 | 
            +
                $ gem install techdoc
         | 
| 29 | 
            +
             | 
| 30 | 
            +
            ## Usage
         | 
| 31 | 
            +
             | 
| 32 | 
            +
            Once you've installed the theme using the instructions above, you can start writing technical documentation right away by creating a new `.markdown` file in the `/posts` folder. The file should be named `year-month-day-title.markdown`, and the beginning of the file should look something like this:
         | 
| 33 | 
            +
             | 
| 34 | 
            +
            ```markdown
         | 
| 35 | 
            +
            ---
         | 
| 36 | 
            +
            title: <title>
         | 
| 37 | 
            +
            layout: post
         | 
| 38 | 
            +
            ---
         | 
| 39 | 
            +
            ```
         | 
| 40 | 
            +
             | 
| 41 | 
            +
            Once you've got that, you can start writing away! A quick reference on writing content in Markdown can be found [here](https://kramdown.gettalong.org/quickref.html).
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            For a more in-depth tutorial, visit the the theme demo.
         | 
| 44 | 
            +
             | 
| 45 | 
            +
            ## Contributing
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            Bug reports and pull requests are welcome on GitHub at https://github.com/jianmin-chen/techdoc. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
         | 
| 48 | 
            +
             | 
| 49 | 
            +
            ## Development
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            To set up your environment to develop this theme, run `bundle install`.
         | 
| 52 | 
            +
             | 
| 53 | 
            +
            Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
         | 
| 54 | 
            +
             | 
| 55 | 
            +
            When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
         | 
| 56 | 
            +
            To add a custom directory to your theme-gem, please edit the regexp in `techdoc.gemspec` accordingly.
         | 
| 57 | 
            +
             | 
| 58 | 
            +
            ## License
         | 
| 59 | 
            +
             | 
| 60 | 
            +
            The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
         | 
    
        data/_config.yml
    ADDED
    
    | @@ -0,0 +1,11 @@ | |
| 1 | 
            +
            author: Jianmin Chen
         | 
| 2 | 
            +
            baseurl: "/techdoc"
         | 
| 3 | 
            +
            github_username: jianmin-chen
         | 
| 4 | 
            +
            library_name: TechDoc
         | 
| 5 | 
            +
            library_description: >-
         | 
| 6 | 
            +
                Jekyll theme for writing technical documentation
         | 
| 7 | 
            +
            library_link: https://github.com/jianmin-chen/techdoc
         | 
| 8 | 
            +
            url: "https://jianmin-chen.github.io"
         | 
| 9 | 
            +
            plugins_dir:
         | 
| 10 | 
            +
                -jekyll-remote-theme
         | 
| 11 | 
            +
            remote_theme: jianmin-chen/techdoc
         | 
| @@ -0,0 +1,38 @@ | |
| 1 | 
            +
            <!DOCTYPE html>
         | 
| 2 | 
            +
            <html lang="{{ site.lang | default: "en-US" }}">
         | 
| 3 | 
            +
                <head>
         | 
| 4 | 
            +
                    <title>{{ site.library_name | default: "Library" }} | {{ page.title | default: "Documentation" }}</title>
         | 
| 5 | 
            +
                    <meta charset="UTF-8">
         | 
| 6 | 
            +
                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
         | 
| 7 | 
            +
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
         | 
| 8 | 
            +
                    <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append:site.github.build_revision | relative_url }}">
         | 
| 9 | 
            +
                    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.7.1/build/highlight.min.js"></script>
         | 
| 10 | 
            +
                    <script>hljs.highlightAll();</script>
         | 
| 11 | 
            +
                </head>
         | 
| 12 | 
            +
                <body>
         | 
| 13 | 
            +
                    <div class="row">
         | 
| 14 | 
            +
                        <nav class="col menu">
         | 
| 15 | 
            +
                            <div class="menu-content">
         | 
| 16 | 
            +
                                <h1 class="display-1"><a href="{{ "/" | absolute_url }}">{{ site.library_name }}</a></h1>
         | 
| 17 | 
            +
                                <p class="text-muted">{{ site.library_description }}</p>
         | 
| 18 | 
            +
                                {%- if site.library_link -%}
         | 
| 19 | 
            +
                                    <a class="nav-link" href="{{ site.library_link }}">Source Code</a>
         | 
| 20 | 
            +
                                {%- endif -%}
         | 
| 21 | 
            +
                                {%- if site.posts.size > 0 -%}
         | 
| 22 | 
            +
                                    {%- for post in site.posts -%}
         | 
| 23 | 
            +
                                        <a class="nav-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
         | 
| 24 | 
            +
                                    {%- endfor -%}
         | 
| 25 | 
            +
                                {%- endif -%}
         | 
| 26 | 
            +
                            </div>
         | 
| 27 | 
            +
                        </nav>
         | 
| 28 | 
            +
                        <div class="col content-container">
         | 
| 29 | 
            +
                            <div class="content">{{ content }}</div>
         | 
| 30 | 
            +
                            {%- if site.author -%}
         | 
| 31 | 
            +
                                <footer class="footer">Made with ♥ by <a href="{{ "https://github.com/" | append:site.github_username | relative_url | default: "#" }}">{{ site.author }}</a>.</footer>
         | 
| 32 | 
            +
                            {%- else -%}
         | 
| 33 | 
            +
                                <footer class="footer">Made with ♥.</footer>
         | 
| 34 | 
            +
                            {%- endif -%}
         | 
| 35 | 
            +
                        </div>
         | 
| 36 | 
            +
                    </div>
         | 
| 37 | 
            +
                </body>
         | 
| 38 | 
            +
            </html>
         | 
    
        data/_layouts/post.html
    ADDED
    
    
| @@ -0,0 +1,154 @@ | |
| 1 | 
            +
            .hljs {
         | 
| 2 | 
            +
                background: #2e3440;
         | 
| 3 | 
            +
                display: block;
         | 
| 4 | 
            +
                overflow-x: auto;
         | 
| 5 | 
            +
                padding: 0.5em;
         | 
| 6 | 
            +
            }
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            .hljs, .hljs-subst {color: #d8dee9;}
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            .hljs-selector-tag {color: #81a1c1;}
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .hljs-selector-id {
         | 
| 13 | 
            +
                color: #8fbcbb;
         | 
| 14 | 
            +
                font-weight: 700;
         | 
| 15 | 
            +
            }
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            .hljs-selector-class {color: #8fbcbb;}
         | 
| 18 | 
            +
             | 
| 19 | 
            +
            .hljs-selector-attr {color: #8fbcbb;}
         | 
| 20 | 
            +
             | 
| 21 | 
            +
            .hljs-selector-pseudo {color: #88c0d0;}
         | 
| 22 | 
            +
             | 
| 23 | 
            +
            .hljs-addition {background-color: rgba(163,190,140,.5);}
         | 
| 24 | 
            +
             | 
| 25 | 
            +
            .hljs-deletion {background-color: rgba(191,97,106,.5);}
         | 
| 26 | 
            +
             | 
| 27 | 
            +
            .hljs-built_in,.hljs-type {color: #8fbcbb;}
         | 
| 28 | 
            +
             | 
| 29 | 
            +
            .hljs-class {color: #8fbcbb;}
         | 
| 30 | 
            +
             | 
| 31 | 
            +
            .hljs-function {color: #88c0d0;}
         | 
| 32 | 
            +
             | 
| 33 | 
            +
            .hljs-function > .hljs-title {color: #88c0d0;}
         | 
| 34 | 
            +
             | 
| 35 | 
            +
            .hljs-keyword, .hljs-literal, .hljs-symbol {color: #81a1c1;}
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            .hljs-number {color: #b48ead;}
         | 
| 38 | 
            +
             | 
| 39 | 
            +
            .hljs-regexp {color: #ebcb8b;}
         | 
| 40 | 
            +
             | 
| 41 | 
            +
            .hljs-string {color: #a3be8c;}
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            .hljs-title {color: #8fbcbb;}
         | 
| 44 | 
            +
             | 
| 45 | 
            +
            .hljs-params {color: #d8dee9;}
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            .hljs-bullet {color: #81a1c1;}
         | 
| 48 | 
            +
             | 
| 49 | 
            +
            .hljs-code {color: #8fbcbb;}
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            .hljs-emphasis {font-style: italic;}
         | 
| 52 | 
            +
             | 
| 53 | 
            +
            .hljs-formula {color: #8fbcbb;}
         | 
| 54 | 
            +
             | 
| 55 | 
            +
            .hljs-strong {font-weight: 700;}
         | 
| 56 | 
            +
             | 
| 57 | 
            +
            .hljs-link:hover {text-decoration: underline;}
         | 
| 58 | 
            +
             | 
| 59 | 
            +
            .hljs-quote {color: #4c566a;}
         | 
| 60 | 
            +
             | 
| 61 | 
            +
            .hljs-comment {color: #4c566a;}
         | 
| 62 | 
            +
             | 
| 63 | 
            +
            .hljs-doctag {color: #8fbcbb;}
         | 
| 64 | 
            +
             | 
| 65 | 
            +
            .hljs-meta, .hljs-meta-keyword {color: #5e81ac;}
         | 
| 66 | 
            +
             | 
| 67 | 
            +
            .hljs-meta-string {color: #a3be8c;}
         | 
| 68 | 
            +
             | 
| 69 | 
            +
            .hljs-attr {color: #8fbcbb;}
         | 
| 70 | 
            +
             | 
| 71 | 
            +
            .hljs-attribute {color: #d8dee9;}
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            .hljs-builtin-name {color: #81a1c1;}
         | 
| 74 | 
            +
             | 
| 75 | 
            +
            .hljs-name {color: #81a1c1;}
         | 
| 76 | 
            +
             | 
| 77 | 
            +
            .hljs-section {color: #88c0d0;}
         | 
| 78 | 
            +
             | 
| 79 | 
            +
            .hljs-tag {color: #81a1c1;}
         | 
| 80 | 
            +
             | 
| 81 | 
            +
            .hljs-variable {color: #d8dee9;}
         | 
| 82 | 
            +
             | 
| 83 | 
            +
            .hljs-template-variable {color: #d8dee9;}
         | 
| 84 | 
            +
             | 
| 85 | 
            +
            .hljs-template-tag {color: #5e81ac;}
         | 
| 86 | 
            +
             | 
| 87 | 
            +
            .abnf .hljs-attribute {color: #88c0d0;}
         | 
| 88 | 
            +
             | 
| 89 | 
            +
            .abnf .hljs-symbol {color: #ebcb8b;}
         | 
| 90 | 
            +
             | 
| 91 | 
            +
            .apache .hljs-attribute {color: #88c0d0;}
         | 
| 92 | 
            +
             | 
| 93 | 
            +
            .apache .hljs-section {color: #81a1c1;}
         | 
| 94 | 
            +
             | 
| 95 | 
            +
            .arduino .hljs-built_in {color: #88c0d0;}
         | 
| 96 | 
            +
             | 
| 97 | 
            +
            .aspectj .hljs-meta {color: #d08770;}
         | 
| 98 | 
            +
             | 
| 99 | 
            +
            .aspectj > .hljs-title {color: #88c0d0;}
         | 
| 100 | 
            +
             | 
| 101 | 
            +
            .bnf .hljs-attribute {color: #8fbcbb;}
         | 
| 102 | 
            +
             | 
| 103 | 
            +
            .clojure .hljs-name {color: #88c0d0;}
         | 
| 104 | 
            +
             | 
| 105 | 
            +
            .clojure .hljs-symbol {color: #ebcb8b;}
         | 
| 106 | 
            +
             | 
| 107 | 
            +
            .coq .hljs-built_in {color: #88c0d0;}
         | 
| 108 | 
            +
             | 
| 109 | 
            +
            .cpp .hljs-meta-string {color: #8fbcbb;}
         | 
| 110 | 
            +
             | 
| 111 | 
            +
            .css .hljs-built_in {color: #88c0d0;}
         | 
| 112 | 
            +
             | 
| 113 | 
            +
            .css .hljs-keyword {color: #d08770;}
         | 
| 114 | 
            +
             | 
| 115 | 
            +
            .diff .hljs-meta {color: #8fbcbb;}
         | 
| 116 | 
            +
             | 
| 117 | 
            +
            .ebnf .hljs-attribute {color: #8fbcbb;}
         | 
| 118 | 
            +
             | 
| 119 | 
            +
            .glsl .hljs-built_in {color: #88c0d0;}
         | 
| 120 | 
            +
             | 
| 121 | 
            +
            .groovy .hljs-meta:not(:first-child) {color: #d08770;}
         | 
| 122 | 
            +
             | 
| 123 | 
            +
            .haxe .hljs-meta {color: #d08770;}
         | 
| 124 | 
            +
             | 
| 125 | 
            +
            .java .hljs-meta {color: #d08770;}
         | 
| 126 | 
            +
             | 
| 127 | 
            +
            .ldif .hljs-attribute {color: #8fbcbb;}
         | 
| 128 | 
            +
             | 
| 129 | 
            +
            .lisp .hljs-name {color: #88c0d0;}
         | 
| 130 | 
            +
             | 
| 131 | 
            +
            .lua .hljs-built_in {color: #88c0d0;}
         | 
| 132 | 
            +
             | 
| 133 | 
            +
            .moonscript .hljs-built_in {color: #88c0d0;}
         | 
| 134 | 
            +
             | 
| 135 | 
            +
            .nginx .hljs-attribute{color: #88c0d0}
         | 
| 136 | 
            +
             | 
| 137 | 
            +
            .nginx .hljs-section {color: #5e81ac;}
         | 
| 138 | 
            +
             | 
| 139 | 
            +
            .pf .hljs-built_in {color:#88c0d0;}
         | 
| 140 | 
            +
             | 
| 141 | 
            +
            .processing .hljs-built_in {color: #88c0d0;}
         | 
| 142 | 
            +
             | 
| 143 | 
            +
            .scss .hljs-keyword {color: #81a1c1;}
         | 
| 144 | 
            +
             | 
| 145 | 
            +
            .stylus .hljs-keyword {color: #81a1c1;}
         | 
| 146 | 
            +
             | 
| 147 | 
            +
            .swift .hljs-meta {color: #d08770;}
         | 
| 148 | 
            +
             | 
| 149 | 
            +
            .vim .hljs-built_in {
         | 
| 150 | 
            +
                color: #88c0d0;
         | 
| 151 | 
            +
                font-style:italic;
         | 
| 152 | 
            +
            }
         | 
| 153 | 
            +
             | 
| 154 | 
            +
            .yaml .hljs-meta {color: #d08770;}
         | 
| @@ -0,0 +1,190 @@ | |
| 1 | 
            +
            /* Import Google Fonts */
         | 
| 2 | 
            +
            @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Open+Sans:wght@400;700&display=swap');
         | 
| 3 | 
            +
             | 
| 4 | 
            +
            /* Import highlight.js theme */
         | 
| 5 | 
            +
            @import "hljs-theme.css";
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            :root {
         | 
| 8 | 
            +
                --main-theme-color: #273036;
         | 
| 9 | 
            +
                --text-color: #6c757d;
         | 
| 10 | 
            +
            }
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            * {
         | 
| 13 | 
            +
                -webkit-box-sizing: border-box;
         | 
| 14 | 
            +
                box-sizing: border-box;
         | 
| 15 | 
            +
            }
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            /*
         | 
| 18 | 
            +
             * Basic setup for body
         | 
| 19 | 
            +
             */
         | 
| 20 | 
            +
            body, html {
         | 
| 21 | 
            +
                font-family: "Noto Sans", sans-serif;
         | 
| 22 | 
            +
                margin: 0;
         | 
| 23 | 
            +
                padding: 0;
         | 
| 24 | 
            +
                min-height: 100vh;
         | 
| 25 | 
            +
            }
         | 
| 26 | 
            +
             | 
| 27 | 
            +
            img {width: 100%;}
         | 
| 28 | 
            +
             | 
| 29 | 
            +
            /*
         | 
| 30 | 
            +
             * Basic typography setup
         | 
| 31 | 
            +
             */
         | 
| 32 | 
            +
            a {
         | 
| 33 | 
            +
                color: var(--text-color);
         | 
| 34 | 
            +
                font-size: 0.95rem;
         | 
| 35 | 
            +
                margin: 5px 0;
         | 
| 36 | 
            +
                text-decoration: none;
         | 
| 37 | 
            +
                -webkit-transition: opacity 0.2s;
         | 
| 38 | 
            +
                -o-transition: opacity 0.2s;
         | 
| 39 | 
            +
                transition: opacity 0.2s;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
            a:hover {opacity: 0.8;}
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            .display-1 {margin: 4rem 0;}
         | 
| 44 | 
            +
            .display-1 a {
         | 
| 45 | 
            +
                color: white;
         | 
| 46 | 
            +
                display: block;
         | 
| 47 | 
            +
                font-size: 5rem;
         | 
| 48 | 
            +
                word-wrap: break-word;
         | 
| 49 | 
            +
            }
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            .text-muted {color: #6c757d;}
         | 
| 52 | 
            +
             | 
| 53 | 
            +
            /*
         | 
| 54 | 
            +
             * Flex layout
         | 
| 55 | 
            +
             */
         | 
| 56 | 
            +
             .row {
         | 
| 57 | 
            +
                 display: -webkit-box;
         | 
| 58 | 
            +
                 display: -ms-flexbox;
         | 
| 59 | 
            +
                 display: flex;
         | 
| 60 | 
            +
            }
         | 
| 61 | 
            +
             | 
| 62 | 
            +
            /*
         | 
| 63 | 
            +
             * Styles for menu
         | 
| 64 | 
            +
             */
         | 
| 65 | 
            +
            .menu {
         | 
| 66 | 
            +
                background-color: var(--main-theme-color);
         | 
| 67 | 
            +
                -webkit-box-flex: 1;
         | 
| 68 | 
            +
                    -ms-flex: 1;
         | 
| 69 | 
            +
                        flex: 1;
         | 
| 70 | 
            +
            }
         | 
| 71 | 
            +
             | 
| 72 | 
            +
            .menu .menu-content {
         | 
| 73 | 
            +
                color: white;
         | 
| 74 | 
            +
                font-size: 1.2rem;
         | 
| 75 | 
            +
                padding: 45px;
         | 
| 76 | 
            +
                position: -webkit-sticky;
         | 
| 77 | 
            +
                position: sticky;
         | 
| 78 | 
            +
                top: 0;
         | 
| 79 | 
            +
                left: 0;
         | 
| 80 | 
            +
            }
         | 
| 81 | 
            +
             | 
| 82 | 
            +
            /* Navigation links */
         | 
| 83 | 
            +
            .menu .nav-link {
         | 
| 84 | 
            +
                color: white;
         | 
| 85 | 
            +
                display: block;
         | 
| 86 | 
            +
            }
         | 
| 87 | 
            +
             | 
| 88 | 
            +
            /*
         | 
| 89 | 
            +
             * Styles for content
         | 
| 90 | 
            +
             */
         | 
| 91 | 
            +
            .content-container {
         | 
| 92 | 
            +
                -webkit-box-flex: 2;
         | 
| 93 | 
            +
                    -ms-flex: 2;
         | 
| 94 | 
            +
                        flex: 2;
         | 
| 95 | 
            +
                padding: 45px;
         | 
| 96 | 
            +
            }
         | 
| 97 | 
            +
             | 
| 98 | 
            +
            .content {
         | 
| 99 | 
            +
                color: #242526;
         | 
| 100 | 
            +
                line-height: 1.5;
         | 
| 101 | 
            +
                font-family: "Open Sans", sans-serif;
         | 
| 102 | 
            +
            }
         | 
| 103 | 
            +
             | 
| 104 | 
            +
            .content a {font-size: 0.995rem;}
         | 
| 105 | 
            +
             | 
| 106 | 
            +
            .content blockquote {
         | 
| 107 | 
            +
                border-left: 0.3rem solid var(--text-color);
         | 
| 108 | 
            +
                color: var(--text-color);
         | 
| 109 | 
            +
                margin: 0;
         | 
| 110 | 
            +
                padding: 0 1rem;
         | 
| 111 | 
            +
            }
         | 
| 112 | 
            +
             | 
| 113 | 
            +
            .content dt {font-weight: 800;}
         | 
| 114 | 
            +
             | 
| 115 | 
            +
            .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
         | 
| 116 | 
            +
                color: var(--text-color);
         | 
| 117 | 
            +
                font-weight: 400;
         | 
| 118 | 
            +
                margin: 15px 0;
         | 
| 119 | 
            +
            }
         | 
| 120 | 
            +
            .content h1 {font-size: 2.5rem;}
         | 
| 121 | 
            +
            .content h2 {font-size: 2.4rem;}
         | 
| 122 | 
            +
            .content h3 {font-size: 2.3rem;}
         | 
| 123 | 
            +
            .content h4 {font-size: 2.2rem;}
         | 
| 124 | 
            +
            .content h5 {font-size: 2.1rem;}
         | 
| 125 | 
            +
            .content h6 {font-size: 2rem;}
         | 
| 126 | 
            +
             | 
| 127 | 
            +
            .content :not(pre) > code {
         | 
| 128 | 
            +
                color: #dc3545;
         | 
| 129 | 
            +
                font-size: 1rem;
         | 
| 130 | 
            +
                word-wrap: break-word;
         | 
| 131 | 
            +
            }
         | 
| 132 | 
            +
             | 
| 133 | 
            +
            .content pre > code {
         | 
| 134 | 
            +
                -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
         | 
| 135 | 
            +
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
         | 
| 136 | 
            +
                font-size: 0.95rem;
         | 
| 137 | 
            +
                padding: 15px 30px;
         | 
| 138 | 
            +
            }
         | 
| 139 | 
            +
             | 
| 140 | 
            +
            .content table {
         | 
| 141 | 
            +
                border-collapse: collapse;
         | 
| 142 | 
            +
                overflow-x: scroll;
         | 
| 143 | 
            +
            }
         | 
| 144 | 
            +
             | 
| 145 | 
            +
            .content thead > tr, .content tr:nth-child(even) {background-color: #dee2e6;}
         | 
| 146 | 
            +
             | 
| 147 | 
            +
            .content th {font-weight: 700;}
         | 
| 148 | 
            +
            .content th, .content td {
         | 
| 149 | 
            +
                padding: 7px 14px;
         | 
| 150 | 
            +
                text-align: left !important;
         | 
| 151 | 
            +
            }
         | 
| 152 | 
            +
             | 
| 153 | 
            +
            /*
         | 
| 154 | 
            +
             * Styles for footer
         | 
| 155 | 
            +
             */
         | 
| 156 | 
            +
            .footer {
         | 
| 157 | 
            +
                border-top: 1px solid #dee2e6;
         | 
| 158 | 
            +
                color: #808080;
         | 
| 159 | 
            +
                margin: 15px;
         | 
| 160 | 
            +
                padding: 15px;
         | 
| 161 | 
            +
                text-align: center;
         | 
| 162 | 
            +
            }
         | 
| 163 | 
            +
             | 
| 164 | 
            +
            /* Styling for desktop */
         | 
| 165 | 
            +
            @media screen and (min-width: 992px) {
         | 
| 166 | 
            +
                .menu {
         | 
| 167 | 
            +
                    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
         | 
| 168 | 
            +
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
         | 
| 169 | 
            +
                    min-height: 100vh;
         | 
| 170 | 
            +
                }
         | 
| 171 | 
            +
            }
         | 
| 172 | 
            +
             | 
| 173 | 
            +
            /* Styling for mobile */
         | 
| 174 | 
            +
            @media screen and (max-width: 991px) {
         | 
| 175 | 
            +
                .display-1  {margin: 2rem 0;}
         | 
| 176 | 
            +
                .display-1 a {font-size: 3.5rem;}
         | 
| 177 | 
            +
             | 
| 178 | 
            +
                .row {display: block;}
         | 
| 179 | 
            +
             | 
| 180 | 
            +
                .menu .menu-content {padding: 25px;}
         | 
| 181 | 
            +
             | 
| 182 | 
            +
                .content-container {padding: 25px;}
         | 
| 183 | 
            +
             | 
| 184 | 
            +
                .content h1 {font-size: 2rem;}
         | 
| 185 | 
            +
                .content h2 {font-size: 1.95rem;}
         | 
| 186 | 
            +
                .content h3 {font-size: 1.9rem;}
         | 
| 187 | 
            +
                .content h4 {font-size: 1.85rem;}
         | 
| 188 | 
            +
                .content h5 {font-size: 1.8rem;}
         | 
| 189 | 
            +
                .content h6 {font-size: 1.75rem;}
         | 
| 190 | 
            +
            }
         | 
    
        metadata
    CHANGED
    
    | @@ -1,14 +1,14 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: techdoc-jekyll-theme
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 0.1. | 
| 4 | 
            +
              version: 0.1.5
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - jianmin-chen
         | 
| 8 8 | 
             
            autorequire: 
         | 
| 9 9 | 
             
            bindir: bin
         | 
| 10 10 | 
             
            cert_chain: []
         | 
| 11 | 
            -
            date: 2021-04- | 
| 11 | 
            +
            date: 2021-04-02 00:00:00.000000000 Z
         | 
| 12 12 | 
             
            dependencies:
         | 
| 13 13 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 14 14 | 
             
              name: jekyll
         | 
| @@ -58,7 +58,13 @@ email: | |
| 58 58 | 
             
            executables: []
         | 
| 59 59 | 
             
            extensions: []
         | 
| 60 60 | 
             
            extra_rdoc_files: []
         | 
| 61 | 
            -
            files: | 
| 61 | 
            +
            files:
         | 
| 62 | 
            +
            - README.md
         | 
| 63 | 
            +
            - _config.yml
         | 
| 64 | 
            +
            - _layouts/default.html
         | 
| 65 | 
            +
            - _layouts/post.html
         | 
| 66 | 
            +
            - assets/css/hljs-theme.css
         | 
| 67 | 
            +
            - assets/css/style.css
         | 
| 62 68 | 
             
            homepage: https://jianmin-chen.github.io/techdoc/
         | 
| 63 69 | 
             
            licenses:
         | 
| 64 70 | 
             
            - MIT
         | 
| @@ -81,6 +87,6 @@ requirements: [] | |
| 81 87 | 
             
            rubygems_version: 3.1.2
         | 
| 82 88 | 
             
            signing_key: 
         | 
| 83 89 | 
             
            specification_version: 4
         | 
| 84 | 
            -
            summary: TechDoc is a theme designed for writing technical documentation! It's | 
| 85 | 
            -
              and easy to set up.
         | 
| 90 | 
            +
            summary: TechDoc is a Jekyll theme designed for writing technical documentation! It's
         | 
| 91 | 
            +
              quick and easy to set up.
         | 
| 86 92 | 
             
            test_files: []
         |