fix config

assets/components/button/index.js

@@ -0,0 +1 @@
+import "./styles.pcss";

assets/components/button/styles.pcss

@@ -0,0 +1,8 @@
+.btn{
+    @apply inline-flex items-center;
+    @apply text-gray-600 hover:text-gray-800;
+    @apply text-sm md:text-base font-semibold;
+    &__icon{
+        @apply fill-current w-4 h-4 ml-2;
+    }
+}

assets/components/card/index.js

@@ -0,0 +1,2 @@
+import "@components/button";
+import "./styles.pcss";

assets/components/card/styles.pcss

@@ -0,0 +1,39 @@
+.card{
+    @apply flex flex-col px-12 py-10 w-full sm:w-1/2;
+    @apply border-t-2 border-gray-200;
+    &:first-child{
+        @apply border-t-0;
+    }
+    @screen sm{
+        &:nth-child(-n+2){
+            @apply border-t-0;
+        }
+    }
+    &:nth-child(even){
+        @apply sm:border-l;
+    }
+    &:nth-child(odd){
+        @apply sm:border-r;
+    }
+    &__inner{
+        @apply flex flex-grow;
+    }
+    &__icon{
+        svg{
+            @apply h-8 w-8 md:h-10 md:w-10 md:-my-1;
+        }
+    }
+    &__content{
+        @apply flex flex-col ml-4 md:ml-6;
+        @apply leading-relaxed;
+        &__title{
+            @apply font-medium text-gray-800 text-lg;
+        }
+        &__description{
+            @apply text-gray-600 mt-1 text-sm md:text-base;
+        }
+        &__link{
+            @apply pt-1 mt-auto;
+        }
+    }
+}

assets/core/base.pcss

@@ -0,0 +1,5 @@
+@layer base {
+    code {
+        @apply font-mono bg-gray-200 text-sm sm:text-base text-gray-700 subpixel-antialiased px-1 rounded;
+    }
+}

assets/layout/external/index.js

@@ -0,0 +1,4 @@
+import "@core/tailwind.pcss";
+import "@core/base.pcss";
+import "@components/card"
+import "./styles.pcss"

assets/layout/external/styles.pcss

@@ -0,0 +1,36 @@
+.content{
+    @apply relative bg-gray-200;
+    &__holder{
+        @apply relative max-w-5xl mx-auto;
+    }
+}
+
+.hero{
+    @apply flex-grow flex flex-col justify-center p-12;
+    &__logo{
+        @apply flex items-center;
+    }
+    &__content{
+        @apply md:pl-16 pl-0;
+        &__title{
+            @apply text-2xl sm:font-light sm:text-3xl md:text-4xl text-gray-900 mt-6;
+        }
+        &__intro{
+            @apply sm:text-xl text-gray-600 mt-3 leading-relaxed;
+        }
+    }
+}
+
+.playground-box{
+    @apply flex flex-col min-h-screen lg:flex-row lg:items-center lg:p-8;
+    &__inner{
+        @apply flex flex-col flex-grow bg-white lg:shadow-2xl lg:rounded-lg lg:overflow-hidden;
+    }
+}
+
+.cards{
+    @apply bg-gray-100 border-t-2 border-gray-200;
+    &__inner{
+        @apply flex flex-wrap;
+    }
+}

assets/layout/index.js

@@ -0,0 +1 @@
+import "@core/tailwind.pcss";

conf/server.cert

@@ -0,0 +1,21 @@
+-----BEGIN CERTIFICATE-----
+MIIDbzCCAlegAwIBAgIJAITs++EKEa1pMA0GCSqGSIb3DQEBCwUAME4xCzAJBgNV
+BAYTAlVTMQ0wCwYDVQQIDAR0ZXN0MQ0wCwYDVQQHDAR0ZXN0MSEwHwYDVQQKDBhJ
+bnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwHhcNMTYwNDIzMDgwMDM0WhcNMTYwNTIz
+MDgwMDM0WjBOMQswCQYDVQQGEwJVUzENMAsGA1UECAwEdGVzdDENMAsGA1UEBwwE
+dGVzdDEhMB8GA1UECgwYSW50ZXJuZXQgV2lkZ2l0cyBQdHkgTHRkMIIBIjANBgkq
+hkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAnq4nI7HM0JITcpDrBPGBXl6ieVmsboKv
+rTDJpLkDj+0kdDYMcdUhBuu4rpuUHnIZMHwPAYPx/uc5jr0OksAUqOmWXdZAgWUb
+f7jBzaEQZb1CY8bbv/E/LlRSojPCJZYlQqcS3McGoSV01hPGMVNV3L3rVZGOKIdm
+kpjbu/JppCLWpfA7OT/kUAjMnGSgOLMVpc76mUNeDG9ObhArrXImTjvUXntmUFbZ
+W9mxgnRCJRK/ttWQp/KSlVJUxtXGCf1u+U9m5tl+/4LqRIfdTvy4NBxg/su3cdgq
+Q/McAarhkgc1F141n7T9q7N8/nc2XsYWdMqLAn7NxIEJSUOmS8At/wIDAQABo1Aw
+TjAdBgNVHQ4EFgQU+YZux6UXl7e9+rabdFH19GpcaNwwHwYDVR0jBBgwFoAU+YZu
+x6UXl7e9+rabdFH19GpcaNwwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQsFAAOC
+AQEAQFL7tjp6NQjyoAmuaDyp7PXXVsGNKsN6zmGvdVrF9MVWhKnit0ByO/ytPxVX
+ll+7RuKZqrhqm9HA1pStWbBI4P/mcYBqOyafb610DmGukM/++rdIBRQ9acGnIU0M
+eg5finMBS4Rc2kmSz5tyHX+taX7J68Y3DUvBCC6VEb6ox+qJsQVVDEadeHjAr8wN
+0SJK8/nKQBm7Tk0fEdBfUyyLdOz77i0+tmsJ8PIvPxYF1EVsgBDSz+6DS+Fjmps8
+4/wfMM+ai+zBwf9H3bIu5XsHwbTEbLnYpFklwVeHM0sxEk/ZlSEMA9mtXBXaQOWd
+yIo6uIKHbMrjbUmj3p65MFhaGQ==
+-----END CERTIFICATE-----

conf/server.key

@@ -0,0 +1,30 @@
+-----BEGIN ENCRYPTED PRIVATE KEY-----
+MIIFDjBABgkqhkiG9w0BBQ0wMzAbBgkqhkiG9w0BBQwwDgQIHqsvOM36+5UCAggA
+MBQGCCqGSIb3DQMHBAgWDDD0SuRyYQSCBMifpjUCkt5NQYPATyi337ouCzeGt/Lw
+jhgIUq8UelCGoQFz9omzOfm8XQmkhcwDRl1PX50HTdPeeRuEGs00/6ZjigakHQ+/
+CIFhEo9WzjsrZZbUU+wMF1o5eelEmo3bIjUb55VNi60c0Mb8KUE8jnNlZmbcQEjL
+wGpqph5moE/EFUmBTIza78XH51BpiSRo2/1mICAbR8k613mQc6eRaTJroleYulnE
++7wEVRTdW9dzt5oWcdK23g+1ayg00Rg9CRDQS85BvyrcSCBvp5HirV3VQWgdgPY/
+9AFEogE1uyODp6yHW0RWoj0ycpafJVsQvGkI4tOu+gy38LI2gr4gA2fUEpcyZXiw
+eTfQzlSKbsL9Dr1xHFe1o4S/NyFYKW/FJFUkJaskpHTkYBTWeqfqQnOVBv70juyQ
+fGKnKaEX+AZj0Huj0bda1Uui8qnkkL3JkZ+AxhlXFkolVuUccIinTvwr3BuxpcBH
+6T1hSpnjBf/QAMg5vO165k5dE6JOJb3zQ9byK2md6VDUpwHbubtEa4FdLxOa/6q1
+SB/UABnPpyN2c0a1/UxF/PDDe6+Fb2rIIBYx5tB7dATFr6ZhFDh7c77jzZ80g06Z
+lOYhV2nB8IT1/mTkq8Apxkw2/aB6W0FIPxTNIGfUsA2be6AFb0a0TiM9XqzTpTNL
+6CufCeNUnplf8rbwMsaDU3V3hnPwlStkdLl+7+ipY9FOA7kbTQdBJX8/GWgByZKw
+U9AKAGXcNfHKaCpOT83q1XaYQ8Vj1tlC/wSXA8/3ZvX7kRZr5K+iLxUV5UfSA1h0
+9C4UUx4rwliWITMFdCTGn1jZbokQo/HX2cF5C5Q2VFtuFz099MykmRgOgcZbFSAo
+ioRWfuMyQvhuzEchr08n0WU1FQOrHc/jjHjCKQECQjHAcvHDUwr+Bcbym6n7jSIQ
+8NySJcfPS/F5PxSlisuzJzwWJxx3Nqv/KWfMR0wJuKYLyn5P7a6wAg7BZmxmb4TH
+0OmaIzeNuy0qMF774fESXTLrk3i9AffXAbIuHTKiYp+QKfIOjLZ4vTr3iZdaOLNw
+SSdsLwBgPH8st1MWR+qnk4ry44DE72hW5/uELmfENq9IPc1vA4V88qCTXFNFlYvY
+HBTmA7jiLTzyqAVgmXTv5fw7iQ3+1NLNBPNN45rFmWEQcQvqfvla7COxtREAWDh3
+1apQJ1A5DIZir5Y2QNFUGgcX8T7tWsE2cWEUqwTGwUQq4ovwkf53+nqnuRJ7In7S
+YFTXy2fCDCjuB7GsgGPa4cNH4L1ru85+CQtVOW7FjdmVvrm2cyvtzoYKb/BOLnNO
+PVjWb7gTBxEqKv2LnxdTb+RwtSn7T3cjBTgXHqR97ZNru9CMKtRVlR6b+H/1pbyJ
+2fd6AdWRDNAPmDkEY+jADANoiMqlfkQU1UsCkDZu/4EpB80u5OZmeOQitmQIDK0d
+kl2Wwmat2jHQrL1sPnbLGMan8g8c3cU6bBqoiJcDlRKu0FMyHTqY4f297XJLi8v9
+vk5j6F1buFnnJ3nXtPZBA5W03/G5CyXx6M65dUXV/3ZtukQYE6n68FvU9ADRCm/y
+QxohXz60JhV8V9Gailc17ZiiZUXQ6SOfZ1NCHXjbLfDiHDwL3VADnpC2rB2xg7tX
+GKQ=
+-----END ENCRYPTED PRIVATE KEY-----

https.conf.js

@@ -0,0 +1,7 @@
+var fs = require("fs");
+
+module.exports = {
+    cert: fs.readFileSync(__dirname + "/conf/server.cert"),
+    key: fs.readFileSync(__dirname + "/conf/server.key"),
+    passphrase: "12345"
+};