I'm planning to integrate a simple blog as part of this app that will dive into more specific implementation details so check back soon for more!
- Front-end: 
.NET Blazor WASM
+ Front-end: .NET Blazor WASM
I wanted to create a decent, modern client-side experience for this app and given my (very...) limited front-end expertise I decided to choose .NET Blazor Webassembly. Blazor is Microsoft's take on component-based SPAs (single page applications) and offers us back-end focussed devs a way of producing decent client experiences without needing to dive into another front-end specific technology.
@@ -34,7 +34,7 @@
- Back-end: 
.NET Azure Functions API
+ Back-end: .NET Azure Functions API
There is a very minimal API used as the back-end of this app to allow users to contact me directly via the contact page. This will be expanded to serve the technical blog I'm building as a new feature that will be available soon.
@@ -51,7 +51,7 @@
- Hosting: 
Microsoft Azure Static Web App
+ Hosting: Microsoft Azure Static Web App
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
index 1542088..a654c4a 100644
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
+++ b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
@@ -1,5 +1,5 @@
/*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
/*
@@ -32,11 +32,9 @@
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
*/
-html,
-:host {
+html {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
@@ -46,14 +44,12 @@ html,
-o-tab-size: 4;
tab-size: 4;
/* 3 */
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
- -webkit-tap-highlight-color: transparent;
- /* 7 */
}
/*
@@ -125,10 +121,8 @@ strong {
}
/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
*/
code,
@@ -137,12 +131,8 @@ samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
- font-feature-settings: normal;
- /* 2 */
- font-variation-settings: normal;
- /* 3 */
font-size: 1em;
- /* 4 */
+ /* 2 */
}
/*
@@ -633,12 +623,8 @@ video {
height: 100%;
}
-.h-auto {
- height: auto;
-}
-
-.h-10 {
- height: 2.5rem;
+.h-7 {
+ height: 1.75rem;
}
.min-h-screen {
@@ -661,30 +647,14 @@ video {
width: 2rem;
}
-.w-full {
- width: 100%;
-}
-
-.w-20 {
- width: 5rem;
-}
-
-.w-16 {
- width: 4rem;
-}
-
-.w-14 {
- width: 3.5rem;
-}
-
-.w-10 {
- width: 2.5rem;
-}
-
.w-auto {
width: auto;
}
+.w-full {
+ width: 100%;
+}
+
.max-w-xl {
max-width: 36rem;
}
@@ -831,6 +801,10 @@ video {
padding-bottom: 2rem;
}
+.pb-2 {
+ padding-bottom: 0.5rem;
+}
+
.pb-4 {
padding-bottom: 1rem;
}
@@ -839,30 +813,18 @@ video {
padding-bottom: 2rem;
}
-.pt-8 {
- padding-top: 2rem;
-}
-
-.pl-4 {
- padding-left: 1rem;
-}
-
-.pl-6 {
- padding-left: 1.5rem;
-}
-
.pl-8 {
padding-left: 2rem;
}
-.pb-2 {
- padding-bottom: 0.5rem;
-}
-
.pt-4 {
padding-top: 1rem;
}
+.pt-8 {
+ padding-top: 2rem;
+}
+
.text-center {
text-align: center;
}
@@ -1109,6 +1071,17 @@ body::-webkit-scrollbar-thumb {
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
+@media (prefers-color-scheme: dark) {
+ .dark\:fill-gray-300 {
+ fill: #d1d5db;
+ }
+
+ .dark\:text-gray-600 {
+ --tw-text-opacity: 1;
+ color: rgb(75 85 99 / var(--tw-text-opacity));
+ }
+}
+
@media (min-width: 640px) {
.sm\:col-span-2 {
grid-column: span 2 / span 2;
@@ -1162,15 +1135,4 @@ body::-webkit-scrollbar-thumb {
padding-left: 8rem;
padding-right: 8rem;
}
-}
-
-@media (prefers-color-scheme: dark) {
- .dark\:fill-gray-300 {
- fill: #d1d5db;
- }
-
- .dark\:text-gray-600 {
- --tw-text-opacity: 1;
- color: rgb(75 85 99 / var(--tw-text-opacity));
- }
}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-function-logo.png b/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-function-logo.png
index 31419e1..6232b31 100644
Binary files a/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-function-logo.png and b/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-function-logo.png differ
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-static-web-app-logo.png b/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-static-web-app-logo.png
index 54d8c6d..0b96333 100644
Binary files a/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-static-web-app-logo.png and b/BeauFindlay/src/BeauFindlay.Client/wwwroot/images/azure-static-web-app-logo.png differ