docs updated: added tailwind session

alem.config.json

@@ -29,5 +29,10 @@
   },
   "options": {
     "hideAlemBar": true
+  },
+  "plugins": {
+    "tailwind": {
+      "css": "src/globals.css"
+    }
   }
 }

src/md/ConfigFile.tsx

@@ -1,7 +1,7 @@
 import { Markdown } from 'alem';
 
 const ConfigFile = () => {
-   const mdContent = Buffer.from(`IyBDb25maWcgRmlsZQoKQ3JlYXRlIGEgYGFsZW0uY29uZmlnLmpzb25gIGZpbGUgYXQgdGhlIHJvb3Qgb2YgdGhlIHByb2plY3Qgd2l0aCB0aGUgZm9sbG93aW5nIGNvbnRlbnQ6CgpgYGBqc29uCnsKICAvLyBUaGlzIGlzIHRoZSByb290IHBhdGggb2YgdGhlIGFwcC4KICAvLyBpZiB0cnVlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9JbmRleAogIC8vIGlmIGZhbHNlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9hbGVtLWRvY3MgKGl0J3MgZ29pbmcgdG8gdXNlIHRoZSBzbHVnaWZpZWQgIm5hbWUiKQogICJpc0luZGV4IjogdHJ1ZSwKICAvLyBUaGUgbWFpbm5ldCBhY2NvdW50IElEIHVuZGVyIHdoaWNoIHRoZSBhcHAgd2lsbCBiZSBkZXBsb3llZC4KICAibWFpbm5ldEFjY291bnQiOiAiYWxlbS1saWIubmVhciIsCiAgLy8gVGhlIHRlc3RuZXQgYWNjb3VudCBJRCB1bmRlciB3aGljaCB0aGUgYXBwIHdpbGwgYmUgZGVwbG95ZWQuCiAgInRlc3RuZXRBY2NvdW50IjogImFsZW0tbGliLnRlc3RuZXQiLAogIC8vIEFwcCBuYW1lCiAgIm5hbWUiOiAiQWxlbSBEb2NzIiwKICAvLyBBcHAgRGVzY3JpcHRpb24KICAiZGVzY3JpcHRpb24iOiAiQ3JlYXRlIHdlYjMgYXBwbGljYXRpb25zIGZvciBORUFSIEJPUyB3aXRoIGEgZm9jdXMgb24gcGVyZm9ybWFuY2Ugd2hpbGUgdXNpbmcgY29uY2VwdHMgdGhhdCBhcmUgYmFzZWQgb24gUmVhY3RKUy4iLAogIC8vIFNvY2lhbCBsaW5rcy4gQ2hlY2sgb3V0IE5FQVIgU29jaWFsIEJvcyBkb2NzIHRvIGdldCB0byBrbm93IHRoZSBvcHRpb25zCiAgLy8gaHR0cHM6Ly9kb2NzLm5lYXIub3JnL3NvY2lhbC9jb250cmFjdAogICJsaW5rdHJlZSI6IHsKICAgICJ3ZWJzaXRlIjogImdpdGh1Yi5jb20vd3BkYXMvYWxlbSIKICB9LAogICJpbWFnZSI6IHsKICAgICJpcGZzX2NpZCI6ICJiYWZrcmVpY2pkZ2F0NXhzdzd2eGJvc295eWdlcm1hd2hrZmkyYnkzb3ZnN2M2dHVtcmF5bjRyaW10eSIKICB9LAogIC8vIFRhZ3Mgb2YgdGhpcyBwcm9qZWN0CiAgInRhZ3MiOiBbInRoZSIsICJwcm9qZWN0IiwgInRhZ3MiLCAiaGVyZSJdCn0KYGBgCgojIFBhdGggQWxpYXNlcwoKWW91IGNhbiBvcHRpb25hbGx5IGNvbmZpZ3VyZSB5b3VyIGFwcGxpY2F0aW9uJ3MgcGF0aCBhbGlhc2VzIHNvIHRoYXQgaXQgd29ya3MgdG9nZXRoZXIgd2l0aCB0c2NvbmZpZy5qc29uLCBmb3IgZXhhbXBsZS4gQXNzdW1pbmcgeW91ciBwcm9qZWN0J3MgYHRzY29uZmlnLmpzb25gIGZpbGUgaGFzIHRoZSBmb2xsb3dpbmcgY29uZmlndXJhdGlvbiBmb3IgcGF0aHM6CgpgYGBqc29uCnsKICAiY29tcGlsZXJPcHRpb25zIjogewogICAgLy8gLi4uCiAgICAiYmFzZVVybCI6ICIuIiwKICAgICJwYXRocyI6IHsKICAgICAgIkBhcHAvKiI6IFsic3JjLyoiXSwKICAgICAgIkBjb21wb25lbnRzLyoiOiBbInNyYy9jb21wb25lbnRzLyoiXQogICAgfQogIH0KfQpgYGAKCllvdSB3aWxsIHdhbnQgdG8gY29uZmlndXJlIHRoZSBzYW1lIGJlaGF2aW9yIHVzaW5nIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhcyBmb2xsb3dzOgoKYGBganNvbgp7CiAgLy8gLi4uCiAgImNvbXBpbGVyT3B0aW9ucyI6IHsKICAgICJiYXNlVXJsIjogIi4iLAogICAgInBhdGhzIjogewogICAgICAiQGFwcC8iOiAic3JjLyIsCiAgICAgICJAY29tcG9uZW50cy8iOiAic3JjL2NvbXBvbmVudHMvIgogICAgfQogIH0KfQpgYGAKCk5vdyBpbiBhbGwgb2YgeW91ciBzb3VyY2UgZmlsZXMsIHlvdSBjYW4gaW1wb3J0IGNvbXBvbmVudHMgbGlrZSB0aGlzOgoKYGBgdHN4Ci8vIFdpdGhvdXQgcGF0aCBhbGlhc2VzCmltcG9ydCBIZXJvIGZyb20gIi4uLy4uLy4uL2NvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiLi4vLi4vLi4vY29tcG9uZW50cy9Gb290ZXIiOwoKLy8gV2l0aCBwYXRoIGFsaWFzZXMKaW1wb3J0IEhlcm8gZnJvbSAiQGNvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiQGNvbXBvbmVudHMvRm9vdGVyIjsKYGBgCgojIE9wdGlvbnMKCkl0IGlzIHBvc3NpYmxlIHRvIGNvbmZpZ3VyZSBzb21lIGNvbXBpbGVyIGJlaGF2aW9ycyB1c2luZyB0aGUgb3B0aW9ucyBzZXNzaW9uLgoKIyMgQ3JlYXRlIExvYWRlciBXaWRnZXQKClRoaXMgZmVhdHVyZSBhbGxvd3MgeW91IHRvIGNyZWF0ZSBhbiBhZGRpdGlvbmFsIFdpZGdldCB0aGF0IHdpbGwgc2VydmUgYXMgYSBMb2FkZXIgZm9yIHRoZSBtYWluIFdpZGdldC4gWW91IGNhbiBvcHRpb25hbGx5IGRlZmluZSB3aGljaCBjb21wb25lbnQgd2lsbCBzZXJ2ZSBhcyB0aGUgTG9hZGluZyBkaXNwbGF5IHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4gSWYgbm8gZmlsZSBpcyBwcm92aWRlZCwgdGhlIGRlZmF1bHQgTG9hZGluZyBjb21wb25lbnQgb2YgQWzDqW0gd2lsbCBiZSB1c2VkLgoKVGhlIGdlbmVyYXRlZCBmaWxlIG5hbWUgd2lsbCBiZSBhIG1peCBvZiB0aGUgbmFtZSBvZiB0aGUgbWFpbiBXaWRnZXQgKyAiTG9hZGVyIi4gRm9yIGV4YW1wbGU6IGBJbmRleExvYWRlcmAuIEl0IGlzIHVwIHRvIHlvdSB3aGljaCBmaWxlIHRvIHVzZSBhcyB0aGUgcHJpbWFyeSBtZWFucyBvZiBhY2Nlc3NpbmcgeW91ciBhcHBsaWNhdGlvbi4KCi0gKipgY3JlYXRlTG9hZGVyV2lkZ2V0YDogYm9vbGVhbioqIC0gU2hvdWxkIHRoZSBXaWRnZXQgTG9hZGVyIGJlIGNyZWF0ZWQ/Ci0gKipgbG9hZGluZ0NvbXBvbmVudEZpbGVgOiBzdHJpbmcgKG9wdGlvbmFsKSoqIC0gUGF0aCB0byB0aGUgY29tcG9uZW50IHRoYXQgd2lsbCBzZXJ2ZSBhcyBsb2FkaW5nIHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4KLSAqKmBsb2FkaW5nQ29tcG9uZW50TmFtZWA6IHN0cmluZyAob3B0aW9uYWwpKiogLSBFeGFjdCBuYW1lIG9mIHRoZSBjb21wb25lbnQgYmVpbmcgbG9hZGVkIHZpYSBgbG9hZGluZ0NvbXBvbmVudEZpbGVgLiBGb3IgZXhhbXBsZSwgaWYgdGhlIGxvYWRpbmcgZmlsZSBoYXMgdGhpcyBzdHJ1Y3R1cmU6CgpgYGB0c3gKY29uc3QgU3VzcGVuc2VMb2FkaW5nID0gKCkgPT4gPHA+TG9hZGluZy4uLjwvcD47CmBgYAoKU28gdGhlIG5hbWUgbXVzdCBiZSAqKlN1c3BlbnNlTG9hZGluZyoqLgoKKipDb25maWcgRXhhbXBsZSoqCgpgYGBqc29uCiJvcHRpb25zIjogewogICAgImNyZWF0ZUxvYWRlcldpZGdldCI6IHRydWUsCiAgICAibG9hZGluZ0NvbXBvbmVudEZpbGUiOiAic3JjL2NvbXBvbmVudHMvU3VzcGVuc2VMb2FkaW5nLnRzeCIsCiAgICAibG9hZGluZ0NvbXBvbmVudE5hbWUiOiAiU3VzcGVuc2VMb2FkaW5nIgogIH0KYGBgCgojIyBLZWVwIFJvdXRlCgpga2VlcFJvdXRlYCBpcyBvbmx5IHZhbGlkIGR1cmluZyBkZXZlbG9wbWVudCwgYW5kIGlzIGF1dG9tYXRpY2FsbHkgZGlzYWJsZWQgaW4gcHJvZHVjdGlvbi4KClRoaXMgcHJvcGVydHkgZGVmaW5lcyB3aGV0aGVyIHRoZSByb3V0ZSBzaG91bGQgcmVtYWluIHRoZSBzYW1lIGR1cmluZyByZWZyZXNoZXMuIFRoaXMgaXMgb25seSB2YWxpZCBpZiB0aGUgYFJvdXRlcmAgdHlwZSBpcyBgIkNvbnRlbnRCYXNlZCJgLgoKRGVmYXVsdCB2YWx1ZSBpcyBgZmFsc2VgLgoKYGBganNvbgp7CiAgLy8gLi4uCiAgIm9wdGlvbnMiOiB7CiAgICAia2VlcFJvdXRlIjogdHJ1ZQogIH0KfQpgYGAKCiMjIEhpZGUgQWzDqW0gQmFyCgpZb3UgY2FuIHVzZSBgb3B0aW9ucy5oaWRlQWxlbUJhcmAgdG8gcHJldmVudCB0aGUgQWzDqW0gdG9wIGJhciBmcm9tIGJlaW5nIGRpc3BsYXllZC4gVGhpcyBzZXR0aW5nIGFwcGxpZXMgb25seSBpbiB0aGUgZGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQuCgpgYGBqc29uCnsKICAvLyAuLi4KICAib3B0aW9ucyI6IHsKICAgICJoaWRlQWxlbUJhciI6IHRydWUKICB9Cn0KYGBgCgojIExvY2FsIE1vZHVsZXMgT3B0aW9ucwoKQWxsIGZpbGVzIGluc2lkZSB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIgd2lsbCBiZSBjb21waWxlZCBhcyBsb2NhbCBtb2R1bGVzLiBUbyBmaWx0ZXIgYW55IGZpbGUgdGhhdCB5b3UgZG8gbm90IHdhbnQgdG8gYmUgaW50ZXJwcmV0ZWQgYXMgYSBjb21waWxlciBldmVuIHRob3VnaCBpdCBpcyBpbiB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIsIHlvdSBtdXN0IG1ha2UgdGhlIGZvbGxvd2luZyBjb25maWd1cmF0aW9uOgoKSW5zaWRlIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhZGQgdGhlIGxpc3Qgb2YgcGFydCBvZiBmaWxlIG5hbWVzIHlvdSB3YW50IHRvIGlnbm9yZS4KCmBgYGpzb24KIm1vZHVsZXMiOiB7CiAgImlnbm9yZUZpbGVJZkluY2x1ZGVzIjogWyJzdHlsZXMiXQp9CmBgYAoKSW4gdGhlIGV4YW1wbGUgYWJvdmUsIGFueSBmaWxlIHRoYXQgaGFzICJzdHlsZXMiIGFzIHBhcnQgb2YgaXRzIG5hbWUgd2lsbCBiZSBpZ25vcmVkIGFuZCB3aWxsIGJlIGNvbXBpbGVkIGFzIGEgbm9ybWFsIGZpbGUgKHNjcmlwdCBmaWxlLCBzdGF0ZWxlc3MgY29tcG9uZW50IG9yIHN0YXRlZnVsIGNvbXBvbmVudCkuCg==`, "base64").toString("utf-8");
+   const mdContent = Buffer.from(`IyBDb25maWcgRmlsZQoKQ3JlYXRlIGEgYGFsZW0uY29uZmlnLmpzb25gIGZpbGUgYXQgdGhlIHJvb3Qgb2YgdGhlIHByb2plY3Qgd2l0aCB0aGUgZm9sbG93aW5nIGNvbnRlbnQ6CgpgYGBqc29uCnsKICAvLyBUaGlzIGlzIHRoZSByb290IHBhdGggb2YgdGhlIGFwcC4KICAvLyBpZiB0cnVlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9JbmRleAogIC8vIGlmIGZhbHNlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9hbGVtLWRvY3MgKGl0J3MgZ29pbmcgdG8gdXNlIHRoZSBzbHVnaWZpZWQgIm5hbWUiKQogICJpc0luZGV4IjogdHJ1ZSwKICAvLyBUaGUgbWFpbm5ldCBhY2NvdW50IElEIHVuZGVyIHdoaWNoIHRoZSBhcHAgd2lsbCBiZSBkZXBsb3llZC4KICAibWFpbm5ldEFjY291bnQiOiAiYWxlbS1saWIubmVhciIsCiAgLy8gVGhlIHRlc3RuZXQgYWNjb3VudCBJRCB1bmRlciB3aGljaCB0aGUgYXBwIHdpbGwgYmUgZGVwbG95ZWQuCiAgInRlc3RuZXRBY2NvdW50IjogImFsZW0tbGliLnRlc3RuZXQiLAogIC8vIEFwcCBuYW1lCiAgIm5hbWUiOiAiQWxlbSBEb2NzIiwKICAvLyBBcHAgRGVzY3JpcHRpb24KICAiZGVzY3JpcHRpb24iOiAiQ3JlYXRlIHdlYjMgYXBwbGljYXRpb25zIGZvciBORUFSIEJPUyB3aXRoIGEgZm9jdXMgb24gcGVyZm9ybWFuY2Ugd2hpbGUgdXNpbmcgY29uY2VwdHMgdGhhdCBhcmUgYmFzZWQgb24gUmVhY3RKUy4iLAogIC8vIFNvY2lhbCBsaW5rcy4gQ2hlY2sgb3V0IE5FQVIgU29jaWFsIEJvcyBkb2NzIHRvIGdldCB0byBrbm93IHRoZSBvcHRpb25zCiAgLy8gaHR0cHM6Ly9kb2NzLm5lYXIub3JnL3NvY2lhbC9jb250cmFjdAogICJsaW5rdHJlZSI6IHsKICAgICJ3ZWJzaXRlIjogImdpdGh1Yi5jb20vd3BkYXMvYWxlbSIKICB9LAogICJpbWFnZSI6IHsKICAgICJpcGZzX2NpZCI6ICJiYWZrcmVpY2pkZ2F0NXhzdzd2eGJvc295eWdlcm1hd2hrZmkyYnkzb3ZnN2M2dHVtcmF5bjRyaW10eSIKICB9LAogIC8vIFRhZ3Mgb2YgdGhpcyBwcm9qZWN0CiAgInRhZ3MiOiBbInRoZSIsICJwcm9qZWN0IiwgInRhZ3MiLCAiaGVyZSJdCn0KYGBgCgojIFBhdGggQWxpYXNlcwoKWW91IGNhbiBvcHRpb25hbGx5IGNvbmZpZ3VyZSB5b3VyIGFwcGxpY2F0aW9uJ3MgcGF0aCBhbGlhc2VzIHNvIHRoYXQgaXQgd29ya3MgdG9nZXRoZXIgd2l0aCB0c2NvbmZpZy5qc29uLCBmb3IgZXhhbXBsZS4gQXNzdW1pbmcgeW91ciBwcm9qZWN0J3MgYHRzY29uZmlnLmpzb25gIGZpbGUgaGFzIHRoZSBmb2xsb3dpbmcgY29uZmlndXJhdGlvbiBmb3IgcGF0aHM6CgpgYGBqc29uCnsKICAiY29tcGlsZXJPcHRpb25zIjogewogICAgLy8gLi4uCiAgICAiYmFzZVVybCI6ICIuIiwKICAgICJwYXRocyI6IHsKICAgICAgIkBhcHAvKiI6IFsic3JjLyoiXSwKICAgICAgIkBjb21wb25lbnRzLyoiOiBbInNyYy9jb21wb25lbnRzLyoiXQogICAgfQogIH0KfQpgYGAKCllvdSB3aWxsIHdhbnQgdG8gY29uZmlndXJlIHRoZSBzYW1lIGJlaGF2aW9yIHVzaW5nIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhcyBmb2xsb3dzOgoKYGBganNvbgp7CiAgLy8gLi4uCiAgImNvbXBpbGVyT3B0aW9ucyI6IHsKICAgICJiYXNlVXJsIjogIi4iLAogICAgInBhdGhzIjogewogICAgICAiQGFwcC8iOiAic3JjLyIsCiAgICAgICJAY29tcG9uZW50cy8iOiAic3JjL2NvbXBvbmVudHMvIgogICAgfQogIH0KfQpgYGAKCk5vdyBpbiBhbGwgb2YgeW91ciBzb3VyY2UgZmlsZXMsIHlvdSBjYW4gaW1wb3J0IGNvbXBvbmVudHMgbGlrZSB0aGlzOgoKYGBgdHN4Ci8vIFdpdGhvdXQgcGF0aCBhbGlhc2VzCmltcG9ydCBIZXJvIGZyb20gIi4uLy4uLy4uL2NvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiLi4vLi4vLi4vY29tcG9uZW50cy9Gb290ZXIiOwoKLy8gV2l0aCBwYXRoIGFsaWFzZXMKaW1wb3J0IEhlcm8gZnJvbSAiQGNvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiQGNvbXBvbmVudHMvRm9vdGVyIjsKYGBgCgojIE9wdGlvbnMKCkl0IGlzIHBvc3NpYmxlIHRvIGNvbmZpZ3VyZSBzb21lIGNvbXBpbGVyIGJlaGF2aW9ycyB1c2luZyB0aGUgb3B0aW9ucyBzZXNzaW9uLgoKIyMgQ3JlYXRlIExvYWRlciBXaWRnZXQKClRoaXMgZmVhdHVyZSBhbGxvd3MgeW91IHRvIGNyZWF0ZSBhbiBhZGRpdGlvbmFsIFdpZGdldCB0aGF0IHdpbGwgc2VydmUgYXMgYSBMb2FkZXIgZm9yIHRoZSBtYWluIFdpZGdldC4gWW91IGNhbiBvcHRpb25hbGx5IGRlZmluZSB3aGljaCBjb21wb25lbnQgd2lsbCBzZXJ2ZSBhcyB0aGUgTG9hZGluZyBkaXNwbGF5IHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4gSWYgbm8gZmlsZSBpcyBwcm92aWRlZCwgdGhlIGRlZmF1bHQgTG9hZGluZyBjb21wb25lbnQgb2YgQWzDqW0gd2lsbCBiZSB1c2VkLgoKVGhlIGdlbmVyYXRlZCBmaWxlIG5hbWUgd2lsbCBiZSBhIG1peCBvZiB0aGUgbmFtZSBvZiB0aGUgbWFpbiBXaWRnZXQgKyAiTG9hZGVyIi4gRm9yIGV4YW1wbGU6IGBJbmRleExvYWRlcmAuIEl0IGlzIHVwIHRvIHlvdSB3aGljaCBmaWxlIHRvIHVzZSBhcyB0aGUgcHJpbWFyeSBtZWFucyBvZiBhY2Nlc3NpbmcgeW91ciBhcHBsaWNhdGlvbi4KCi0gKipgY3JlYXRlTG9hZGVyV2lkZ2V0YDogYm9vbGVhbioqIC0gU2hvdWxkIHRoZSBXaWRnZXQgTG9hZGVyIGJlIGNyZWF0ZWQ/Ci0gKipgbG9hZGluZ0NvbXBvbmVudEZpbGVgOiBzdHJpbmcgKG9wdGlvbmFsKSoqIC0gUGF0aCB0byB0aGUgY29tcG9uZW50IHRoYXQgd2lsbCBzZXJ2ZSBhcyBsb2FkaW5nIHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4KLSAqKmBsb2FkaW5nQ29tcG9uZW50TmFtZWA6IHN0cmluZyAob3B0aW9uYWwpKiogLSBFeGFjdCBuYW1lIG9mIHRoZSBjb21wb25lbnQgYmVpbmcgbG9hZGVkIHZpYSBgbG9hZGluZ0NvbXBvbmVudEZpbGVgLiBGb3IgZXhhbXBsZSwgaWYgdGhlIGxvYWRpbmcgZmlsZSBoYXMgdGhpcyBzdHJ1Y3R1cmU6CgpgYGB0c3gKY29uc3QgU3VzcGVuc2VMb2FkaW5nID0gKCkgPT4gPHA+TG9hZGluZy4uLjwvcD47CmBgYAoKU28gdGhlIG5hbWUgbXVzdCBiZSAqKlN1c3BlbnNlTG9hZGluZyoqLgoKKipDb25maWcgRXhhbXBsZSoqCgpgYGBqc29uCiJvcHRpb25zIjogewogICAgImNyZWF0ZUxvYWRlcldpZGdldCI6IHRydWUsCiAgICAibG9hZGluZ0NvbXBvbmVudEZpbGUiOiAic3JjL2NvbXBvbmVudHMvU3VzcGVuc2VMb2FkaW5nLnRzeCIsCiAgICAibG9hZGluZ0NvbXBvbmVudE5hbWUiOiAiU3VzcGVuc2VMb2FkaW5nIgogIH0KYGBgCgojIyBLZWVwIFJvdXRlCgpga2VlcFJvdXRlYCBpcyBvbmx5IHZhbGlkIGR1cmluZyBkZXZlbG9wbWVudCwgYW5kIGlzIGF1dG9tYXRpY2FsbHkgZGlzYWJsZWQgaW4gcHJvZHVjdGlvbi4KClRoaXMgcHJvcGVydHkgZGVmaW5lcyB3aGV0aGVyIHRoZSByb3V0ZSBzaG91bGQgcmVtYWluIHRoZSBzYW1lIGR1cmluZyByZWZyZXNoZXMuIFRoaXMgaXMgb25seSB2YWxpZCBpZiB0aGUgYFJvdXRlcmAgdHlwZSBpcyBgIkNvbnRlbnRCYXNlZCJgLgoKRGVmYXVsdCB2YWx1ZSBpcyBgZmFsc2VgLgoKYGBganNvbgp7CiAgLy8gLi4uCiAgIm9wdGlvbnMiOiB7CiAgICAia2VlcFJvdXRlIjogdHJ1ZQogIH0KfQpgYGAKCiMjIEhpZGUgQWzDqW0gQmFyCgpZb3UgY2FuIHVzZSBgb3B0aW9ucy5oaWRlQWxlbUJhcmAgdG8gcHJldmVudCB0aGUgQWzDqW0gdG9wIGJhciBmcm9tIGJlaW5nIGRpc3BsYXllZC4gVGhpcyBzZXR0aW5nIGFwcGxpZXMgb25seSBpbiB0aGUgZGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQuCgpgYGBqc29uCnsKICAvLyAuLi4KICAib3B0aW9ucyI6IHsKICAgICJoaWRlQWxlbUJhciI6IHRydWUKICB9Cn0KYGBgCgojIExvY2FsIE1vZHVsZXMgT3B0aW9ucwoKQWxsIGZpbGVzIGluc2lkZSB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIgd2lsbCBiZSBjb21waWxlZCBhcyBsb2NhbCBtb2R1bGVzLiBUbyBmaWx0ZXIgYW55IGZpbGUgdGhhdCB5b3UgZG8gbm90IHdhbnQgdG8gYmUgaW50ZXJwcmV0ZWQgYXMgYSBjb21waWxlciBldmVuIHRob3VnaCBpdCBpcyBpbiB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIsIHlvdSBtdXN0IG1ha2UgdGhlIGZvbGxvd2luZyBjb25maWd1cmF0aW9uOgoKSW5zaWRlIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhZGQgdGhlIGxpc3Qgb2YgcGFydCBvZiBmaWxlIG5hbWVzIHlvdSB3YW50IHRvIGlnbm9yZS4KCmBgYGpzb24KIm1vZHVsZXMiOiB7CiAgImlnbm9yZUZpbGVJZkluY2x1ZGVzIjogWyJzdHlsZXMiXQp9CmBgYAoKSW4gdGhlIGV4YW1wbGUgYWJvdmUsIGFueSBmaWxlIHRoYXQgaGFzICJzdHlsZXMiIGFzIHBhcnQgb2YgaXRzIG5hbWUgd2lsbCBiZSBpZ25vcmVkIGFuZCB3aWxsIGJlIGNvbXBpbGVkIGFzIGEgbm9ybWFsIGZpbGUgKHNjcmlwdCBmaWxlLCBzdGF0ZWxlc3MgY29tcG9uZW50IG9yIHN0YXRlZnVsIGNvbXBvbmVudCkuCgojIFRhaWx3aW5kIFNldHVwCgpHbyB0byB0aGUgW1RhaWx3aW5kIFNldHVwXShodHRwczovL2FsZW0uZGV2Lz9wYXRoPXRhaWx3aW5kKSBzZXNzaW9uIHRvIGtub3cgbW9yZS4KCiMjIENoYWdpbmcgdGhlIE1haW4gQ1NTIEZpbGUKCllvdSBjYW4gY2hhbmdlIHRoZSBtYWluIGNzcyBmaWxlIHVzZWQgYnkgdGFpbHdpbmQsIHRvIGRvIHRoaXMsIGFkZCB0aGUgZm9sbG93aW5nIHNlc3Npb24gaW4gdGhlIGBhbGVtLmNvbmZpZy5qc29uYCBmaWxlOgoKYGBganNvbgoicGx1Z2lucyI6IHsKICAgICJ0YWlsd2luZCI6IHsKICAgICAgImNzcyI6ICJzcmMvZ2xvYmFscy5jc3MiCiAgICB9CiAgfQpgYGAKClJlcGxhY2UgYHNyYy9nbG9iYWxzLmNzc2Agd2l0aCB0aGUgZmlsZSB5b3Ugd2FudCB0byB1c2UuCg==`, "base64").toString("utf-8");
    return <Markdown text={mdContent} />
 }
 

src/md/CssFiles.tsx

@@ -1,7 +1,7 @@
 import { Markdown } from 'alem';
 
 const CssFiles = () => {
-   const mdContent = Buffer.from(`IyBDU1MgRmlsZXMKCkR1cmluZyBjb21waWxhdGlvbiwgY3NzIGZpbGVzIGFyZSBtZXJnZWQgYW5kIGJlY29tZSBqdXN0IG9uZSwgc28gYmUgY2FyZWZ1bCBub3QgdG8gb3ZlcndyaXRlIGNlcnRhaW4gcmVzb3VyY2VzIHN1Y2ggYXMgY2xhc3Nlcy4gUHJlZmVyIHRvIHVzZSBgc3R5bGVkLWNvbXBvbmVudHNgIGFzIHRoaXMgdHlwZSBvZiBwcm9ibGVtIGlzIGF1dG9tYXRpY2FsbHkgY29ycmVjdGVkIGJ5IHRoZSBjb21waWxlci4KCioqY3NzIG1vZHVsZXMqKiBmZWF0dXJlIGlzIGJlaW5nIGRldmVsb3BlZCBhbmQgd2lsbCBiZSBhdmFpbGFibGUgaW4gdGhlIG5leHQgdmVyc2lvbnMuIFdoZW4gdGhpcyBpcyBkb25lLCB0aGUgY3NzIGZpbGVzIHdpbGwgbm8gbG9uZ2VyIGJlIG1lcmdlZCBpbiBvbmUuCg==`, "base64").toString("utf-8");
+   const mdContent = Buffer.from(`IyBDU1MgRmlsZXMKCkR1cmluZyBjb21waWxhdGlvbiwgY3NzIGZpbGVzIGFyZSBtZXJnZWQgYW5kIGJlY29tZSBqdXN0IG9uZSwgc28gYmUgY2FyZWZ1bCBub3QgdG8gb3ZlcndyaXRlIGNlcnRhaW4gcmVzb3VyY2VzIHN1Y2ggYXMgY2xhc3Nlcy4gUHJlZmVyIHRvIHVzZSBgc3R5bGVkLWNvbXBvbmVudHNgIGFzIHRoaXMgdHlwZSBvZiBwcm9ibGVtIGlzIGF1dG9tYXRpY2FsbHkgY29ycmVjdGVkIGJ5IHRoZSBjb21waWxlci4KCioqY3NzIG1vZHVsZXMqKiBmZWF0dXJlIGlzIGJlaW5nIGRldmVsb3BlZCBhbmQgd2lsbCBiZSBhdmFpbGFibGUgaW4gdGhlIG5leHQgdmVyc2lvbnMuIFdoZW4gdGhpcyBpcyBkb25lLCB0aGUgY3NzIGZpbGVzIHdpbGwgbm8gbG9uZ2VyIGJlIG1lcmdlZCBpbiBvbmUuCgpBbMOpbSBjdXJyZW50bHkgc3VwcG9ydHMgVGFpbHdpbmQsIHlvdSBtaWdodCB3YW50IHRvIHVzZSBpdCBpbnN0ZWFkIG9mIHB1cmUgY3NzLgoKSWYgeW91IHdhbnQgdG8gY3JlYXRlIGEgbmV3IHByb2plY3QgdXNpbmcgVGFpbHdpbmQsIGdvIHRvIHRoZSBbSW5zdGFsbGF0aW9uXShodHRwczovL2FsZW0uZGV2Lz9wYXRoPWluc3RhbGxhdGlvbikgc2VjdGlvbi4gSWYgeW91IGFscmVhZHkgaGF2ZSBhIHByb2plY3QgaW4gcHJvZ3Jlc3MgYW5kIHdhbnQgdG8gY29uZmlndXJlIFRhaWx3aW5kIG9uIGl0LCB1cGRhdGUgQWzDqW0gaW4geW91ciBhcHBsaWNhdGlvbiB0byB1c2UgdmVyc2lvbiAxLjIuMCBvciBoaWdoZXIsIHRoZW4gZ28gdG8gdGhlIFtUYWlsd2luZCBTZXR1cF0oaHR0cHM6Ly9hbGVtLmRldi8/cGF0aD10YWlsd2luZCkgc2Vzc2lvbi4K`, "base64").toString("utf-8");
    return <Markdown text={mdContent} />
 }
 

src/md/Installation.tsx

@@ -1,7 +1,7 @@
 import { Markdown } from 'alem';
 
 const Installation = () => {
-   const mdContent = Buffer.from(`IyBJbnN0YWxsYXRpb24KCioqWW914oCZbGwgbmVlZCB0byBoYXZlIE5vZGUgMTguMC4wIG9yIGxhdGVyIHZlcnNpb24gb24geW91ciBsb2NhbCBkZXZlbG9wbWVudCBtYWNoaW5lKiouIFlvdSBjYW4gdXNlIFtudm1dKGh0dHBzOi8vZ2l0aHViLmNvbS9jcmVhdGlvbml4L252bSNpbnN0YWxsYXRpb24pIChtYWNPUy9MaW51eCkgb3IgW252bS13aW5kb3dzXShodHRwczovL2dpdGh1Yi5jb20vY29yZXlidXRsZXIvbnZtLXdpbmRvd3Mjbm9kZS12ZXJzaW9uLW1hbmFnZXItbnZtLWZvci13aW5kb3dzKSB0byBzd2l0Y2ggTm9kZSB2ZXJzaW9ucyBiZXR3ZWVuIGRpZmZlcmVudCBwcm9qZWN0cy4KCkFsc28sIG1ha2Ugc3VyZSB5b3UgaGF2ZSAqKkdpdCoqIGluc3RhbGxlZCBvbiB5b3VyIG1hY2hpbmUuCgpVc2UgdGhlIGNvbW1hbmQgYmVsb3cgdG8gc3RhcnQgYW4gaW5pdGlhbCBib2lsZXJwbGF0ZS4KCiMjIyBKYXZhU2NyaXB0CgpgYGBzaAojIE5weApucHggY3JlYXRlLWFsZW0tZGFwcCBteS1hcHAKY2QgbXktYXBwCm5wbSBzdGFydApgYGAKCmBgYHNoCiMgWWFybgp5YXJuIGNyZWF0ZSBhbGVtLWRhcHAgbXktYXBwCmNkIG15LWFwcAp5YXJuIHN0YXJ0CmBgYAoKIyMjIFR5cGVTY3JpcHQKCmBgYHNoCiMgTnB4Cm5weCBjcmVhdGUtYWxlbS1kYXBwIG15LWFwcCAtLXRlbXBsYXRlIHR5cGVzY3JpcHQKY2QgbXktYXBwCm5wbSBzdGFydApgYGAKCmBgYHNoCiMgWWFybgp5YXJuIGNyZWF0ZSBhbGVtLWRhcHAgbXktYXBwIC0tdGVtcGxhdGUgdHlwZXNjcmlwdApjZCBteS1hcHAKeWFybiBzdGFydApgYGAK`, "base64").toString("utf-8");
+   const mdContent = Buffer.from(`IyBJbnN0YWxsYXRpb24KCioqWW914oCZbGwgbmVlZCB0byBoYXZlIE5vZGUgMTguMC4wIG9yIGxhdGVyIHZlcnNpb24gb24geW91ciBsb2NhbCBkZXZlbG9wbWVudCBtYWNoaW5lKiouIFlvdSBjYW4gdXNlIFtudm1dKGh0dHBzOi8vZ2l0aHViLmNvbS9jcmVhdGlvbml4L252bSNpbnN0YWxsYXRpb24pIChtYWNPUy9MaW51eCkgb3IgW252bS13aW5kb3dzXShodHRwczovL2dpdGh1Yi5jb20vY29yZXlidXRsZXIvbnZtLXdpbmRvd3Mjbm9kZS12ZXJzaW9uLW1hbmFnZXItbnZtLWZvci13aW5kb3dzKSB0byBzd2l0Y2ggTm9kZSB2ZXJzaW9ucyBiZXR3ZWVuIGRpZmZlcmVudCBwcm9qZWN0cy4KCkFsc28sIG1ha2Ugc3VyZSB5b3UgaGF2ZSAqKkdpdCoqIGluc3RhbGxlZCBvbiB5b3VyIG1hY2hpbmUuCgpVc2UgdGhlIGNvbW1hbmQgYmVsb3cgdG8gc3RhcnQgYW4gaW5pdGlhbCBib2lsZXJwbGF0ZS4KCiMjIyBKYXZhU2NyaXB0CgpgYGBzaAojIE5weApucHggY3JlYXRlLWFsZW0tZGFwcCBteS1hcHAKY2QgbXktYXBwCm5wbSBzdGFydApgYGAKCmBgYHNoCiMgWWFybgp5YXJuIGNyZWF0ZSBhbGVtLWRhcHAgbXktYXBwCmNkIG15LWFwcAp5YXJuIHN0YXJ0CmBgYAoKIyMjIFR5cGVTY3JpcHQKCmBgYHNoCiMgTnB4Cm5weCBjcmVhdGUtYWxlbS1kYXBwIG15LWFwcCAtLXRlbXBsYXRlIHR5cGVzY3JpcHQKY2QgbXktYXBwCm5wbSBzdGFydApgYGAKCmBgYHNoCiMgWWFybgp5YXJuIGNyZWF0ZSBhbGVtLWRhcHAgbXktYXBwIC0tdGVtcGxhdGUgdHlwZXNjcmlwdApjZCBteS1hcHAKeWFybiBzdGFydApgYGAKCiMjIyBUeXBlU2NyaXB0IHdpdGggVGFpbHdpbmQKCmBgYHNoCiMgTnB4Cm5weCBjcmVhdGUtYWxlbS1kYXBwIG15LWFwcCAtLXRlbXBsYXRlIHR5cGVzY3JpcHQtdGFpbHdpbmQKY2QgbXktYXBwCm5wbSBzdGFydApgYGAKCmBgYHNoCiMgWWFybgp5YXJuIGNyZWF0ZSBhbGVtLWRhcHAgbXktYXBwIC0tdGVtcGxhdGUgdHlwZXNjcmlwdC10YWlsd2luZApjZCBteS1hcHAKeWFybiBzdGFydApgYGAK`, "base64").toString("utf-8");
    return <Markdown text={mdContent} />
 }
 

src/md/Tailwind.tsx

@@ -0,0 +1,8 @@
+import { Markdown } from 'alem';
+
+const Tailwind = () => {
+   const mdContent = Buffer.from(`IyBUYWlsd2luZCBTZXR1cAoKU3RlcHMgdG8gY29uZmlndXJlIFRhaWx3aW5kIG1hbnVhbGx5LiBHZXQgdG8ga25vdyBtb3JlIGFib3V0IFsqKlRhaWx3aW5kIGhlcmUuKipdKGh0dHBzOi8vdGFpbHdpbmRjc3MuY29tLykKCiMjIyBJbnN0YWxsIFRhaWx3aW5kIENTUwoKSW5zdGFsbCBgdGFpbHdpbmRjc3NgIHZpYSBucG0sIGFuZCBjcmVhdGUgeW91ciBgdGFpbHdpbmQuY29uZmlnLmpzYCBmaWxlLgoKYGBgc2gKIyBOUE0KbnBtIGluc3RhbGwgLUQgdGFpbHdpbmRjc3NAMy40LjMKYGBgCgpgYGBzaAojIFlhcm4KeWFybiBhZGQgdGFpbHdpbmRjc3NAMy40LjMgLUQKYGBgCgpgYGBzaAojIEluaXQgdGFpbHdpbmQgY29uZmlndXJhdGlvbjoKbnB4IHRhaWx3aW5kY3NzIGluaXQKYGBgCgojIyMgQ29uZmlndXJlIHlvdXIgdGVtcGxhdGUgcGF0aHMKCkFkZCB0aGUgcGF0aHMgdG8gYWxsIG9mIHlvdXIgdGVtcGxhdGUgZmlsZXMgaW4geW91ciBgdGFpbHdpbmQuY29uZmlnLmpzYCBmaWxlLgoKYGBganMKLyoqIEB0eXBlIHtpbXBvcnQoJ3RhaWx3aW5kY3NzJykuQ29uZmlnfSAqLwptb2R1bGUuZXhwb3J0cyA9IHsKICBjb250ZW50OiBbIi4vc3JjLyoqLyoue3RzLHRzeCxqcyxqc3h9Il0sCiAgdGhlbWU6IHsKICAgIGV4dGVuZDoge30sCiAgfSwKICBwbHVnaW5zOiBbXSwKfTsKYGBgCgojIyMgQWRkIHRoZSBUYWlsd2luZCBkaXJlY3RpdmVzIHRvIHlvdXIgQ1NTCgpUaGUgbWFpbiBmaWxlIHRvIGJlIHVzZWQgd2l0aCB0YWlsd2luZCBpcyBgc3JjL2dsb2JhbHMuY3NzYCwgY3JlYXRlIHRoaXMgZmlsZSBpbiB5b3VyIHByb2plY3QgYW5kIGFkZCB0aGUgYEB0YWlsd2luZGAgZGlyZWN0aXZlcyBmb3IgZWFjaCBvZiBUYWlsd2luZOKAmXMgbGF5ZXJzIHRvIHlvdXIgbWFpbiBDU1MgZmlsZS4KCmBgYGNzcwpAdGFpbHdpbmQgYmFzZTsKQHRhaWx3aW5kIGNvbXBvbmVudHM7CkB0YWlsd2luZCB1dGlsaXRpZXM7CmBgYAoKIyMjIENoYWdpbmcgdGhlIE1haW4gQ1NTIEZpbGUKCllvdSBjYW4gY2hhbmdlIHRoZSBtYWluIGNzcyBmaWxlLCB0byBkbyB0aGlzLCBhZGQgdGhlIGZvbGxvd2luZyBzZXNzaW9uIGluIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZToKCmBgYGpzb24KInBsdWdpbnMiOiB7CiAgICAidGFpbHdpbmQiOiB7CiAgICAgICJjc3MiOiAic3JjL2dsb2JhbHMuY3NzIgogICAgfQogIH0KYGBgCgpSZXBsYWNlIGBzcmMvZ2xvYmFscy5jc3NgIHdpdGggdGhlIGZpbGUgeW91IHdhbnQgdG8gdXNlLgo=`, "base64").toString("utf-8");
+   return <Markdown text={mdContent} />
+}
+
+export default Tailwind;

src/md/config-file.md

@@ -146,3 +146,21 @@ Inside the `alem.config.json` file add the list of part of file names you want t
 ```
 
 In the example above, any file that has "styles" as part of its name will be ignored and will be compiled as a normal file (script file, stateless component or stateful component).
+
+# Tailwind Setup
+
+Go to the [Tailwind Setup](https://alem.dev/?path=tailwind) session to know more.
+
+## Chaging the Main CSS File
+
+You can change the main css file used by tailwind, to do this, add the following session in the `alem.config.json` file:
+
+```json
+"plugins": {
+    "tailwind": {
+      "css": "src/globals.css"
+    }
+  }
+```
+
+Replace `src/globals.css` with the file you want to use.