Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save ZhipingYang/c1a9c0835aa0c1630487bf6fa134078b to your computer and use it in GitHub Desktop.

Select an option

Save ZhipingYang/c1a9c0835aa0c1630487bf6fa134078b to your computer and use it in GitHub Desktop.

Revisions

  1. ZhipingYang revised this gist Nov 15, 2019. 1 changed file with 0 additions and 40 deletions.
    40 changes: 0 additions & 40 deletions markdown-pic-layout
    Original file line number Diff line number Diff line change
    @@ -1,40 +0,0 @@
    # Picture layout in markdown

    <p align="center">
    <img width=150 src="https://user-images.githubusercontent.com/9360037/62184933-ecbe4380-b392-11e9-82dd-802b6b2e8b82.png">
    </p>


    <br>
    <p align="center">
    <a href="https://zhipingyang.github.io/Einstein">
    <img alt="Documentation" src="http://img.shields.io/badge/read_the-docs-2196f3.svg">
    </a>
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="Version" src="https://img.shields.io/cocoapods/v/Einstein.svg?style=flat">
    </a>
    <image alt="CI Status" src="https://img.shields.io/badge/Swift-5.0-orange.svg">
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="License" src="https://img.shields.io/cocoapods/l/Einstein.svg?style=flat">
    </a>
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="Platform" src="https://img.shields.io/cocoapods/p/Einstein.svg?style=flat">
    </a>
    <a href="https://travis-ci.org/ZhipingYang/Einstein">
    <image alt="CI Status" src="http://img.shields.io/travis/ZhipingYang/Einstein.svg?style=flat">
    </a>
    </p>

    | **LineChart** | **BarChart** |
    |:-------:|:---------:|
    | ![WechatIMG65](https://user-images.githubusercontent.com/9360037/62707044-4671de00-ba23-11e9-9ddc-57509edba0dc.jpeg) | ![WechatIMG66](https://user-images.githubusercontent.com/9360037/62707048-47a30b00-ba23-11e9-90a9-c414a92da2cc.jpeg) |
    | single datas in linechart | single datas in linechart |
    | ![WechatIMG70](https://user-images.githubusercontent.com/9360037/62711726-20047080-ba2c-11e9-8890-022fe4e58df9.jpeg) | ![click](https://user-images.githubusercontent.com/9360037/62712419-5ee6f600-ba2d-11e9-9605-aeaba3097e9b.gif) |
    | **LineDotsClicked:** show all if the dots closed in multi-datas | **BarClicked:** custom click effects in multi-datas |
    | ![gif](https://user-images.githubusercontent.com/9360037/62709107-54c1f900-ba27-11e9-8312-8fcec88a58d5.gif) | ![gif](https://user-images.githubusercontent.com/9360037/62709087-48d63700-ba27-11e9-86f3-e92e4e1bd094.gif) |
    | scrolling linechart (did set row width) | scrolling barchart (did set row width) |

    <p align="center">
    <img width=33% src="https://user-images.githubusercontent.com/9360037/34407789-45fd3d5e-ebfb-11e7-91ca-71eefd1fc97c.png"> <img width=33% src="https://user-images.githubusercontent.com/9360037/34407792-46d402ee-ebfb-11e7-8776-5e11c6564cbe.png">
    <img width=33% src="https://user-images.githubusercontent.com/9360037/34407800-480a2ee0-ebfb-11e7-9ccf-7e945ca5d88d.png">
    </p>
  2. ZhipingYang revised this gist Nov 15, 2019. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions markdown-pic-layout
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    # Picture layout in markdown

    <p align="center">
    <img width=150 src="https://user-images.githubusercontent.com/9360037/62184933-ecbe4380-b392-11e9-82dd-802b6b2e8b82.png">
    </p>
  3. ZhipingYang revised this gist Nov 15, 2019. 1 changed file with 20 additions and 1 deletion.
    21 changes: 20 additions & 1 deletion markdown-details-collapsible.md
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@

    # A collapsible section with markdown
    <details>
    <summary>Click to expand!</summary>
    @@ -36,4 +37,22 @@
    ```
    **NB:** Make sure you have an **empty line** after the closing `</summary>` tag.

    **NB**: Make sure you have an **empty line** after the closing `</details>` tag if you have multiple collapsible sections.
    **NB**: Make sure you have an **empty line** after the closing `</details>` tag if you have multiple collapsible sections.

    # Make collapsible section default opened

    > **Note:** <br>
    > all the UIKit's accessibilityIdentifier is a preperty of the protocol `UIAccessibilityIdentification` and all enum's rawValue is default to follow `RawRepresentable`
    ><blockquote>
    <details open><summary> Expand for steps details </summary>
    <br>

    - 1.1 Define the enums
    - set rawValue in String
    - append PrettyRawRepresentable if need
    - 1.2 set UIKit's accessibilityIdentifier by enums's rawValue
    - method1: infix operator
    - method2: UIAccessibilityIdentification's extension
    - 1.3 Apply in UITest target
    </details></blockquote>
  4. ZhipingYang revised this gist Nov 15, 2019. No changes.
  5. ZhipingYang revised this gist Nov 15, 2019. 1 changed file with 38 additions and 0 deletions.
    38 changes: 38 additions & 0 deletions markdown-pic-layout
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,38 @@
    <p align="center">
    <img width=150 src="https://user-images.githubusercontent.com/9360037/62184933-ecbe4380-b392-11e9-82dd-802b6b2e8b82.png">
    </p>


    <br>
    <p align="center">
    <a href="https://zhipingyang.github.io/Einstein">
    <img alt="Documentation" src="http://img.shields.io/badge/read_the-docs-2196f3.svg">
    </a>
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="Version" src="https://img.shields.io/cocoapods/v/Einstein.svg?style=flat">
    </a>
    <image alt="CI Status" src="https://img.shields.io/badge/Swift-5.0-orange.svg">
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="License" src="https://img.shields.io/cocoapods/l/Einstein.svg?style=flat">
    </a>
    <a href="http://cocoapods.org/pods/Einstein">
    <image alt="Platform" src="https://img.shields.io/cocoapods/p/Einstein.svg?style=flat">
    </a>
    <a href="https://travis-ci.org/ZhipingYang/Einstein">
    <image alt="CI Status" src="http://img.shields.io/travis/ZhipingYang/Einstein.svg?style=flat">
    </a>
    </p>

    | **LineChart** | **BarChart** |
    |:-------:|:---------:|
    | ![WechatIMG65](https://user-images.githubusercontent.com/9360037/62707044-4671de00-ba23-11e9-9ddc-57509edba0dc.jpeg) | ![WechatIMG66](https://user-images.githubusercontent.com/9360037/62707048-47a30b00-ba23-11e9-90a9-c414a92da2cc.jpeg) |
    | single datas in linechart | single datas in linechart |
    | ![WechatIMG70](https://user-images.githubusercontent.com/9360037/62711726-20047080-ba2c-11e9-8890-022fe4e58df9.jpeg) | ![click](https://user-images.githubusercontent.com/9360037/62712419-5ee6f600-ba2d-11e9-9605-aeaba3097e9b.gif) |
    | **LineDotsClicked:** show all if the dots closed in multi-datas | **BarClicked:** custom click effects in multi-datas |
    | ![gif](https://user-images.githubusercontent.com/9360037/62709107-54c1f900-ba27-11e9-8312-8fcec88a58d5.gif) | ![gif](https://user-images.githubusercontent.com/9360037/62709087-48d63700-ba27-11e9-86f3-e92e4e1bd094.gif) |
    | scrolling linechart (did set row width) | scrolling barchart (did set row width) |

    <p align="center">
    <img width=33% src="https://user-images.githubusercontent.com/9360037/34407789-45fd3d5e-ebfb-11e7-91ca-71eefd1fc97c.png"> <img width=33% src="https://user-images.githubusercontent.com/9360037/34407792-46d402ee-ebfb-11e7-8776-5e11c6564cbe.png">
    <img width=33% src="https://user-images.githubusercontent.com/9360037/34407800-480a2ee0-ebfb-11e7-9ccf-7e945ca5d88d.png">
    </p>
  6. @pierrejoubert73 pierrejoubert73 revised this gist Oct 11, 2018. 1 changed file with 38 additions and 6 deletions.
    44 changes: 38 additions & 6 deletions markdown-details-collapsible.md
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,39 @@
    Your markdown heading here
    # A collapsible section with markdown
    <details>
    <summary>
    Show details
    </summary>
    Your markdown content here
    </details>
    <summary>Click to expand!</summary>

    ## Heading
    1. A numbered
    2. list
    * With some
    * Sub bullets
    </details>

    # A collapsible section with code
    <details>
    <summary>Click to expand!</summary>

    ```javascript
    function whatIsLove() {
    console.log('Baby Don't hurt me. Don't hurt me');
    return 'No more';
    }
    ```
    </details>

    # How to structure the markup
    ```
    # A collapsible section with markdown
    <details>
    <summary>Click to expand!</summary>
    ## Heading
    1. A numbered
    2. list
    * With some
    * Sub bullets
    </details>
    ```
    **NB:** Make sure you have an **empty line** after the closing `</summary>` tag.

    **NB**: Make sure you have an **empty line** after the closing `</details>` tag if you have multiple collapsible sections.
  7. @pierrejoubert73 pierrejoubert73 created this gist Jun 30, 2017.
    7 changes: 7 additions & 0 deletions markdown-details-collapsible.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    Your markdown heading here
    <details>
    <summary>
    Show details
    </summary>
    Your markdown content here
    </details>