Version 1 - XT Tailwind - My Blog template, based on Tailwind CSS.

.env

@@ -1,9 +1,9 @@
 // .env - General definitions to build the extensions
 
-EXTENSION_NAME=XT Tailwind
+EXTENSION_NAME=XT Tailwind CSS
 EXTENSION_ALIAS=xttailwind
 EXTENSION_CLASS_NAME=XTTailwind
-EXTENSION_DESC=A starter project for a template based on Tailwind CSS.
+EXTENSION_DESC=XT Tailwind - My Blog template, based on Tailwind CSS.
 EXTENSION_CDN=http://cdn.extly.com
 TRANSLATION_KEY=XTTAILWIND
 

README.md

@@ -1,6 +1,31 @@
 # XT Tailwind for Joomla
 
-A starter project for a template based on Tailwind CSS.
+To get started, clone the project and install the dependencies:
+
+```
+# Using npm
+npm install
+```
+
+After that, start up Webpack Development Server:
+
+```
+npm run dev
+```
+
+The page is rendered here <http://localhost:8080/>.
+
+Webpack Development Server will watch `/src/styles.css` and `/tailwind.js` and rebuild your stylesheet on every change. You can play around with `/src/index.html` to see the effects of your changes.
+
+The sample page renders [my blog](https://blog.anibalhsanchez.com) layout redesigned with Tailwind ;-)
+
+To build a production bundle run:
+
+```
+npm run prod
+```
+
+After that you will have a ready to deploy bundle at `/dist`
 
 ## Changelog
 
@@ -11,9 +36,14 @@ A starter project for a template based on Tailwind CSS.
 
 ## Acknowledgements
 
-- [Tailwind CSS](https://tailwindcss.com/docs/what-is-tailwind). A utility-first CSS framework for rapidly building custom user interfaces.
+- [Tailwind CSS](https://tailwindcss.com) - The Utility-First CSS Framework. A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
+- [Webpack](https://webpack.js.org/)
+- [PostCSS](https://postcss.org/)
+- [cssnano](https://cssnano.co/)
+- [Purgecss](https://www.purgecss.com)
 
-## Copyright
+## Copyright & License
 
-- Copyright (c)Extly, CB. All rights reserved.
-- Distributed under the GNU General Public License version 3 or later
+- Copyright (c)2007-2019 Extly, CB. All rights reserved.
+- Distributed under the GNU General Public License version 3 or later; see LICENSE
+- This project is dedicated to [Andrea Gentil](http://www.twitter.com/andreagentil) ;-D

build/build.sh

@@ -1,10 +1,3 @@
 #!/bin/sh
 
-cd webpack-starter
-npm run prod
-cd ..
-cp webpack-starter/dist/main.js template/js/template.js
-cp webpack-starter/dist/style.css template/css/template.css
-
 npm run build
-rename 's/template/xttailwind/' build/release/*.zip

build/templates/template/templateDetails.xml

@@ -24,21 +24,22 @@
     <filename>templateDetails.xml</filename>
   </files>
   <languages>
-    <language tag="en-GB">language/en-GB/en-GB.tpl_[EXTENSION_ALIAS].ini</language>
-    <language tag="en-GB">language/en-GB/en-GB.tpl_[EXTENSION_ALIAS].sys.ini</language>
+    <language tag="en-GB">language/en-GB/en-GB.tpl_xttailwind.ini</language>
+    <language tag="en-GB">language/en-GB/en-GB.tpl_xttailwind.sys.ini</language>
   </languages>
   <positions>
     <position>language-switcher</position>
-    <position>content</position>
-    <position>aside</position>
-    <position>copyright</position>
+    <position>mainbar-a</position>
+    <position>aside-a</position>
+    <position>analytics</position>
     <position>debug</position>
   </positions>
   <config>
     <fields name="params">
       <fieldset name="advanced">
         <field name="logoTitle" type="text" default="" label="Logo Title" filter="string"/>
         <field name="siteDescription" type="text" default="" label="JGLOBAL_DESCRIPTION" description="JGLOBAL_SUBHEADING_DESC" filter="string"/>
+        <field name="headScripts" type="textarea" default="" label="Head Scripts" filter="raw" rows="24" cols="120" class="input-xxlarge"/>
       </fieldset>
     </fields>
   </config>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "xt-tailwind-for-joomla",
   "version": "1.0.0",
-  "description": "XT Tailwind for Joomla. A starter project for a template based on Tailwind CSS.",
+  "description": "XT Tailwind - My Blog template, based on Tailwind CSS.",
   "main": "webpack.config.js",
   "scripts": {
     "build": "webpack --mode=production",