gha,readme

.github/workflows/publish-to-gh-pages.yml

@@ -29,8 +29,8 @@ jobs:
         REPO_NAME=$(echo "${{ github.repository }}" | awk -F '/' '{print $NF}')
         sed -i 's/<base href="\/" \/>/<base href="\/'$REPO_NAME'\/" \/>/g' ${{ env.WEBAPP_PATH }}wwwroot/index.html
    
-    - name: Build .NET app
-      run: dotnet build  ${{ env.WEBAPP_PATH }}${{env.WEBAPP_CSPROJ}}  --configuration Release -o ${{ env.WEBAPP_PATH }}${{env.PUBLISH_DIR}}
+    - name: Publish .NET app
+      run: dotnet publish  ${{ env.WEBAPP_PATH }}${{env.WEBAPP_CSPROJ}}  --configuration Release -o ${{ env.WEBAPP_PATH }}${{env.PUBLISH_DIR}}
 
     - name: Deploy to GitHub Pages
       uses: JamesIves/github-pages-deploy-action@v4

README.md

@@ -51,18 +51,22 @@ This guide is designed for developers who are interested in exploring the synerg
   - `app.css` is just for tailwind, `app.min.css` is for your app.
 - Don't include `app.min.css` in git, but rather use build action. Check [the pipeline](./.github/workflows/publish-to-gh-pages.yml) to see how to download and use tailwind cli in the pipeline.
 
-## Other tips
+## Related repositories
 
-- Tailwind Blazor loader (see [index.html](./src/wwwroot/index.html)):
+- [dotnet-tailwind](https://github.com/codymullins/dotnet-tailwind). Basic tool to bootstrap Tailwind in .NET Blazor projects.
+- [Blazorise](https://github.com/Megabit/Blazorise). Blazorise is a component library built on top of Blazor with support fresh support for Tailwind CSS. It uses [Flowbite](https://flowbite.com/docs/getting-started/introduction/) components.
+- [BlazorStatic](https://github.com/tesar-tech/BlazorStatic/) is a static site generator for Blazor. It uses Tailwind as the default CSS framework.
+- [DragAndDropList](https://github.com/tesar-tech/DragAndDropList). Minimal implementation of drag & drop list in Blazor WebAssembly using Tailwind CSS.
+- ❓Your repository here? Create an issue or PR!
 
-  ![loader](media/README/img.png)
 
+## Notes and tips
 
+- ❓(Let me know yours!)
+- Tailwind Blazor loader (see [index.html](./src/wwwroot/index.html)):
 
-## Few notes and tips
+  ![loader](media/README/img.png)
 
-- (Let me know yours by creating an issue!)
-- For even quicker setting you can use CDN: `<script src="https://cdn.tailwindcss.com"></script>`
 - [Tailwind playground]( https://play.tailwindcss.com/) is a great place to create prototypes. It is fast (you see changes instantly), vscode based and allows you to save your work.
 - tailwind build process is rather quick, but sometimes leaves a mess inside the CSS file. For example, it will keep all the classes that were previously used (but are not used anymore)
   - You can delete the `app.min.css` file at any time (it will generate it again).

src/Pages/Home.razor

@@ -3,7 +3,7 @@
 <PageTitle>Blazor and Tailwind</PageTitle>
 
 
-<div class="text-amber-200 font-semibold h-screen flex items-center justify-center">
+<div class="text-neutral-200 font-semibold h-screen flex items-center justify-center">
     <div class="max-w-sm max-w-sm text-balance text-justify">
         Welcome to this demonstration site showcasing the powerful combination of Blazor and Tailwind CSS. 
         This project is designed to illustrate how seamlessly Blazor can be integrated with Tailwind CSS, offering a modern and efficient approach to web development.