[🎨,theme][l]: Basic PoC implementation

-  Prepare a Ghost instance (staging environment) for testing the theme
-  Setup a Ghost theme using Tailwind CSS integration

- [home] Embed a list of posts and embed list of projects on the front page
- [home] Implement the hero section
- [home] Implement the Initiatives Page with a few sample project pages

.github/workflows/deploy-theme.yml

@@ -0,0 +1,18 @@
+# Learn more → https://github.com/TryGhost/action-deploy-theme#getting-started
+name: Deploy Theme
+on:
+  push:
+    branches:
+      - master
+      - main
+jobs:
+  deploy:
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - name: Deploy Ghost Theme
+        uses: TryGhost/action-deploy-theme@v1
+        with:
+          api-url: ${{ secrets.GHOST_ADMIN_API_URL }}
+          api-key: ${{ secrets.GHOST_ADMIN_API_KEY }}
+          working-directory: 'themes/lifeitself'

.gitignore

@@ -0,0 +1 @@
+node_modules

themes/lifeitself/assets/css/index.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 /*
 
 This is a development CSS file that is compiled to a minified
@@ -8,6 +12,28 @@ production stylesheet in assets/built/screen.css using: npm run dev
 /* Lib - Local component imports
 /* ---------------------------------------------------------- */
 
+/* Fonts */
+
+
+@font-face {
+    font-family: "Restora";
+    src: url("/assets/fonts/Restora.ttf");
+    font-style: normal;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: "Restora";
+    src: url("/assets/fonts/RestoraBold.ttf");
+    font-style: bold;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: "Restora";
+    src: url("/assets/fonts/RestoraExtraLight.otf");
+    font-style: light;
+    font-display: swap;
+  }
+
 /* Base components */
 @import "vars.css";
 @import "components/global.css";

themes/lifeitself/assets/js/index.js

@@ -1,7 +1,7 @@
 // JavaScript files are compiled and minified during the build process to the assets/built folder. See available scripts in the package.json file.
 
 // Import CSS
-import "../css/index.css";
+// import "../css/index.css";
 
 // Import JS
 import menuOpen from "./menuOpen";