Demos updates (#660)

* Layout updates
vikramlearning · Apr 15, 2024 · f6fcf7e · f6fcf7e
1 parent 7583d66
commit f6fcf7e
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 5 deletions.
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -8,6 +8,7 @@
     "blog": "//docs.blazorbootstrap.com/blog",
     "github": "//github.com/vikramlearning/blazorbootstrap",
     "twitter": "//twitter.com/blazorbootstrap",
+    "linkedin": "//www.linkedin.com/groups/14161025",
     "github_issues": "//github.com/vikramlearning/blazorbootstrap/issues",
     "github_discussions": "//github.com/vikramlearning/blazorbootstrap/discussions",
     "stackoverflow": "//stackoverflow.com/questions/tagged/blazor-bootstrap"

diff --git a/BlazorBootstrap.Demo.RCL/Shared/EmptyLayout.razor b/BlazorBootstrap.Demo.RCL/Shared/EmptyLayout.razor
@@ -47,16 +47,22 @@
                 <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
                     <li class="nav-item col-6 col-lg-auto">
                         <a class="nav-link py-2 px-0 px-lg-2" href="@githubUrl" target="_blank" rel="noopener">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg>
+                            <i class="bi bi-github"></i>
                             <small class="d-lg-none ms-2">GitHub</small>
                         </a>
                     </li>
                     <li class="nav-item col-6 col-lg-auto">
                         <a class="nav-link py-2 px-0 px-lg-2" href="@twitterUrl" target="_blank" rel="noopener">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img"><title>Twitter</title><path fill="currentColor" d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92"></path></svg>
+                            <i class="bi bi-twitter-x"></i>
                             <small class="d-lg-none ms-2">Twitter</small>
                         </a>
                     </li>
+                    <li class="nav-item col-6 col-lg-auto">
+                        <a class="nav-link py-2 px-0 px-lg-2" href="@linkedInUrl" target="_blank" rel="noopener">
+                            <i class="bi bi-linkedin"></i>
+                            <small class="d-lg-none ms-2">LinkedIn</small>
+                        </a>
+                    </li>
                 </ul>
             </div>
         </div>
@@ -115,6 +121,7 @@
     private string blogUrl = default!;
     private string githubUrl = default!;
     private string twitterUrl = default!;
+    private string linkedInUrl = default!;
     private string githubIssuesUrl = default!;
     private string githubDiscussionsUrl = default!;
     private string stackoverflowUrl = default!;
@@ -128,6 +135,7 @@
         blogUrl = $"{Configuration["urls:blog"]}";
         githubUrl = $"{Configuration["urls:github"]}";
         twitterUrl = $"{Configuration["urls:twitter"]}";
+        linkedInUrl = $"{Configuration["urls:linkedin"]}";
         githubIssuesUrl = $"{Configuration["urls:github_issues"]}";
         githubDiscussionsUrl = $"{Configuration["urls:github_discussions"]}";
         stackoverflowUrl = $"{Configuration["urls:stackoverflow"]}";

diff --git a/BlazorBootstrap.Demo.RCL/Shared/MainLayout.razor b/BlazorBootstrap.Demo.RCL/Shared/MainLayout.razor
@@ -11,12 +11,51 @@
              DataProvider="SidebarDataProvider" />
 
     <main class="bb-scrollbar">
-        <div class="py-3 px-4 d-flex justify-content-center bg-danger-subtle">
-            <a href="https://docs.blazorbootstrap.com/blog/2024/02/25/upgrade-to-v2.0.0" class="text-danger-emphasis text-decoration-none"><i class="bi bi-exclamation-triangle-fill"></i> We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. Read more...</a>
-        </div>
         <div class="content my-4 my-md-4 px-4">
             @Body
         </div>
+        <div class="bd-footer pt-4 pt-md-5 mt-5 pb-2 pb-md-3 bg-light">
+            <div class="container px-4 px-md-3">
+                <div class="row">
+                    <div class="col-lg-4 mb-3">
+                        <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/" aria-label="Bootstrap">
+                            <img src="/images/logo/logo-color.svg" width="40" height="32" class="d-block me-2" alt="Blazor Bootstrap">
+                            <span class="fs-5">Blazor Bootstrap</span>
+                        </a>
+                        <ul class="list-unstyled small text-muted">
+                            <li class="mb-2">Designed and built with all the love in the world by the <strong><a href="https://www.nuget.org/packages/Blazor.Bootstrap">Blazor Bootstrap</a></strong> team with the help of our contributors.</li>
+                            <li class="mb-2">Code licensed <a href="https://github.com/vikramlearning/blazorbootstrap/blob/master/LICENSE.txt" target="_blank" rel="license noopener">Apache License 2.0</a>.</li>
+                            <li class="mb-2">Currently v2.2.0.</li>
+                        </ul>
+                    </div>
+                    <div class="col-6 col-lg-2 offset-lg-1 mb-3">
+                        <h5>Links</h5>
+                        <ul class="list-unstyled">
+                            <li class="mb-2"><a href="/">Home</a></li>
+                            <li class="mb-2"><a href="//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8" target="_blank" rel="noopener">Docs</a></li><!--!-->
+                            <li class="mb-2"><a href="//docs.blazorbootstrap.com/blog" target="_blank" rel="noopener">Blog</a></li>
+                        </ul>
+                    </div>
+                    <div class="col-6 col-lg-2 mb-3">
+                        <h5>Guides</h5>
+                        <ul class="list-unstyled">
+                            <li class="mb-2"><a href="/getting-started/blazor-webassembly">Getting started</a></li>
+                            <li class="mb-2"><a href="/getting-started#install-nuget-package">Install Nuget</a></li>
+                            <li class="mb-2"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank">Starter templates</a></li>
+                        </ul>
+                    </div>
+                    <div class="col-6 col-lg-2 mb-3">
+                        <h5>Community</h5>
+                        <ul class="list-unstyled">
+                            <li class="mb-2"><a href="//github.com/vikramlearning/blazorbootstrap/issues">Issues</a></li><!--!-->
+                            <li class="mb-2"><a href="//github.com/vikramlearning/blazorbootstrap/discussions">Discussions</a></li><!--!-->
+                            <li class="mb-2"><a href="//stackoverflow.com/questions/tagged/blazor-bootstrap">Stack Overflow</a></li>
+                        </ul>
+                    </div>
+                    <div class="col-6 col-lg-2 mb-3"></div>
+                </div>
+            </div>
+        </div>
     </main>
 </div>
 

diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -15,6 +15,7 @@
     "blog": "//docs.blazorbootstrap.com/blog",
     "github": "//github.com/vikramlearning/blazorbootstrap",
     "twitter": "//twitter.com/blazorbootstrap",
+    "linkedin": "//www.linkedin.com/groups/14161025",
     "github_issues": "//github.com/vikramlearning/blazorbootstrap/issues",
     "github_discussions": "//github.com/vikramlearning/blazorbootstrap/discussions",
     "stackoverflow": "//stackoverflow.com/questions/tagged/blazor-bootstrap"

diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -8,6 +8,7 @@
     "blog": "//docs.blazorbootstrap.com/blog",
     "github": "//github.com/vikramlearning/blazorbootstrap",
     "twitter": "//twitter.com/blazorbootstrap",
+    "linkedin": "//www.linkedin.com/groups/14161025",
     "github_issues": "//github.com/vikramlearning/blazorbootstrap/issues",
     "github_discussions": "//github.com/vikramlearning/blazorbootstrap/discussions",
     "stackoverflow": "//stackoverflow.com/questions/tagged/blazor-bootstrap"