DeepThought zola theme shortcodes

I wrote NetlifyCMS Editor Components for Zola DeepThought theme.

hata published on
2 min, 361 words

Categories: web

Tags: zola netlify-cms deep-thought mapbox katex mermaid galleria

Github - hatappo/zola-shortcodes-netlify-cms

This is a test article for it.

1) Katex🔗

2) MapBox🔗

pk.eyJ1IjoiaGF0YXBwbyIsImEiOiJja3c1ZmFpM2YwcmNlMnltZTVya2U4OXltIn0.19YypJOnyt1Cuqd78RCD2w
7
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [78.016667, 27.183333] }, "properties": { "title": "Agra", "description": "Agra is a major tourist destination because of its many Mughal-era buildings, most notably the Taj Mahal, Agra Fort and Fatehpur Sikri, all of which are UNESCO World Heritage Sites." } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [77.2, 28.6] }, "properties": { "title": "New Delhi", "description": "New Delhi is the capital of India and an administrative district of NCT Delhi." } } ] }

3) Chart🔗

{ "type": "Line", "title": "Monthly income of an indie developer", "xLabel": "Month", "yLabel": "$ Dollars", "data": { "labels": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], "datasets": [ { "label": "Plan", "data": [30, 70, 200, 300, 500, 800, 1500, 2900, 5000, 8000] }, { "label": "Reality", "data": [0, 1, 30, 70, 80, 100, 50, 80, 40, 150] } ] } }

4) Galleria🔗

{ "images": [ { "src": "/img/DeepThought-samples/alexandre-dinaut-GHxr3O6yZ1c-unsplash.jpg", "title": "Clouds & Mountains", "description": "Just hanging out with each other." }, { "src": "/img/DeepThought-samples/chandler-cruttenden-YYemke7BfuE-unsplash.jpg", "title": "Crop", "description": "Waiting for the harvest." }, { "src": "/img/DeepThought-samples/jung-ho-park-7aZtpsyaWVM-unsplash.jpg", "title": "The Fog", "description": "Engulfing everything." }, { "src": "/img/DeepThought-samples/kitera-dent-BIj4LObC6es-unsplash.jpg", "title": "Just Plants", "description": "Backdrop of ocean." }, { "src": "/img/DeepThought-samples/koes-nadi-XkUFF1nnbA8-unsplash.jpg", "title": "Whoa", "description": "Something to look at." }, { "src": "/img/DeepThought-samples/lazyartistgallery-HHaIRbgzcGw-unsplash.jpg", "title": "Let's Chill", "description": "Three birds just chilling !!" }, { "src": "/img/DeepThought-samples/saira-nUxdL_19OQw-unsplash.jpg", "title": "Canyon", "description": "Might of nature." }, { "src": "/img/DeepThought-samples/waldemar-brandt-2hAEHCt25eM-unsplash.jpg", "title": "Evening", "description": "Time to wind down." } ] }

5) Mermaid🔗

classDiagram Class01 <|-- AveryLongClass : Cool Class03 _-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --_ C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label

6) Vimeo🔗