feat(websites): reorder content of Platform website #6995 (#7003)

bitfoundation · Feb 28, 2024 · 3466259 · 3466259
1 parent c23891a
commit 3466259
Show file tree

Hide file tree

Showing 73 changed files with 257 additions and 1,004 deletions.
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ComponentsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ComponentsPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ComponentsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ComponentsPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor
@@ -47,37 +47,6 @@
         </div>
     </section>
 
-    <section class="page-section components-section">
-        <div class="page-section-content">
-            <BitTypography Variant="BitTypographyVariant.H3" Gutter>Components</BitTypography>
-            <div class="components-container">
-                <div class="components-content-container">
-                    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
-                        bit BlazorUI is an intuitive, versatile, and high-performance component library that streamlines coding and enhances productivity.
-                    </BitTypography>
-                    <div class="com-item-list">
-                        <div class="com-item">
-                            <div class="com-item-content">
-                                <div class="com-item-value">54</div>
-                                <div class="com-item-name">Number of components</div>
-                            </div>
-                        </div>
-                        <div class="com-item">
-                            <div class="com-item-content">
-                                <div class="com-item-value">116</div>
-                                <div class="com-item-name">Open-source contributers</div>
-                            </div>
-                        </div>
-                    </div>
-                    <a class="com-link" href="@Urls.Components" target="_blank">Read more about BlazorUI <span class="com-link-arrow"></span></a>
-                </div>
-                <div class="image-container">
-                    <a href="@Urls.Components" target="_blank" class="image-link" />
-                </div>
-            </div>
-        </div>
-    </section>
-
     <section class="page-section templates-section">
         <div class="page-section-content">
             <BitTypography Variant="BitTypographyVariant.H3" Gutter>Project templates</BitTypography>
@@ -132,6 +101,38 @@
         </div>
     </section>
 
+    <section class="page-section components-section">
+        <div class="page-section-content">
+            <BitTypography Variant="BitTypographyVariant.H3" Gutter>Components</BitTypography>
+            <div class="components-container">
+                <div class="components-content-container">
+                    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+                        bit BlazorUI is an intuitive, versatile, and high-performance component library that streamlines coding and enhances productivity.
+                    </BitTypography>
+                    <div class="com-item-list">
+                        <div class="com-item">
+                            <div class="com-item-content">
+                                Native Blazor UI
+                                <br /><br />
+                                Dedicated dev team
+                                <br /><br />
+                                Easy to customize
+                                <br /><br />
+                                Performance centric
+                            </div>
+                        </div>
+                    </div>
+                    <a class="com-link" href="@Urls.Components" target="_blank">
+                        Read more about BlazorUI <span class="com-link-arrow"></span>
+                    </a>
+                </div>
+                <div class="image-container">
+                    <a href="@Urls.Components" target="_blank" class="image-link" />
+                </div>
+            </div>
+        </div>
+    </section>
+
     <section class="page-section tech-section">
         <div class="page-section-content">
             <BitTypography Variant="BitTypographyVariant.H3" Gutter>Tech we use</BitTypography>

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
@@ -43,7 +43,7 @@
         width: 100%;
         margin: auto;
         display: none;
-        max-width: rem2(1200px);
+        max-width: rem2(800px);
     }
 }
 

diff --git a/...es/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor b/...es/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor
@@ -22,7 +22,7 @@
     <div class="page-flex-container">
         <div class="page-content-container">
             <div class="image-container">
-                <img class="template-img" src="/images/templates/admin/adminpanel.webp" alt="AdminPanel sample" />
+                <img class="template-img" src="/images/templates/adminpanel.webp" alt="AdminPanel sample" />
                 <a class="demo-btn-shadow" href="@Urls.AdminPanelMultiLingual" target="_blank">
                     <div class="demo-btn">Demo</div>
                 </a>
@@ -49,7 +49,7 @@
     <div class="page-flex-container">
         <div class="page-content-container">
             <div class="image-container">
-                <img class="template-img" src="/images/templates/todo/todotemplate.webp" alt="Todo sample" />
+                <img class="template-img" src="/images/templates/todotemplate.webp" alt="Todo sample" />
                 <a class="demo-btn-shadow" href="@Urls.TodoTemplatePwaPrerendered" target="_blank">
                     <div class="demo-btn">Demo</div>
                 </a>

diff --git a/...rm/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor b/...rm/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor
@@ -21,7 +21,7 @@
             The VS solution prepared by the bit project templates has 6 Projects.
         </div>
         <div class="image-container">
-            <img class="image" alt="Boilerplate solution" src="/images/templates/todo/project-structure-todo.webp" />
+            <img class="image" alt="Boilerplate solution" src="/images/templates/project-structure-todo.webp" />
         </div>
     </section>
 

diff --git a/...bsites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor b/...bsites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor
@@ -21,7 +21,7 @@
             After you've done the configuration, you can run the application. Set Server project as startup and run, you can see the swagger dashboard in the first view.
         </div>
         <div class="image-container">
-            <img class="image small" alt="Swagger dashboard" src="/images/templates/todo/swagger-todo.webp" />
+            <img class="image small" alt="Swagger dashboard" src="/images/templates/swagger-todo.webp" />
         </div>
         <div class="section-card-txt">
             Simply login with following credentials:

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor
@@ -11,7 +11,7 @@ else if (ErrorContent is null)
             <BitIconButton OnClick="Recover" IconName="@BitIconName.ChromeClose" />
         </div>
         <div>
-            <img src="/images/icons/error-triangle.svg" />
+            <img src="/images/error-triangle.svg" />
         </div>
         <h1 class="title">Oops, something went wrong...</h1>
         @if (showException)