more content

Author: sanjeetkumaritoutlook-user

src/components/about-us/about-us.tsx

@@ -47,6 +47,20 @@ export class AboutUs {
      <p>GitHub Pages will look for an index.html , index.md , or README.md file as the entry file for your site. </p>
      <p>For this convert an existing repo into Github Pages (or) create a new public repository named <b>username.github.io</b>, where username is your username (or organization name) on GitHub.</p>
      <p><a href="https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site">Source</a></p>
+     <h1>GitHub Pages is a free hosting service</h1>
+     <p>GitHub Pages is a free hosting service provided by GitHub, since 2008 and it allows you to publish static websites directly from a GitHub repository. It is particularly popular for personal portfolios, documentation sites, blogs, and small web projects. Here's an overview:</p><br></br>
+    <p>GitHub Pages is widely used for projects like documentation, small apps, or even full-fledged personal portfolios due to its simplicity and seamless integration with GitHub.</p>
+     <strong>Key Features:
+     </strong>
+     <p><strong>Free Hosting: </strong><br></br> GitHub Pages offers free hosting for static websites, with support for custom domains.<br></br>
+     <strong>Version Control: </strong> Websites hosted on GitHub Pages are tied to Git repositories, so every change to your site is versioned.<br></br>
+     <strong>Easy Deployment: </strong> By pushing code to specific branches (e.g., main, gh-pages) of your GitHub repository, GitHub Pages automatically builds and deploys the website.<br></br>
+     <strong>Jekyll Support: </strong> GitHub Pages has built-in support for Jekyll, a static site generator, making it easy to create blogs or documentation sites.<br></br>
+     <strong>HTTPS Support:  </strong>GitHub Pages automatically provides HTTPS for your site, ensuring secure connections.<br></br></p>
+    <p><strong>Limitations:</strong><br></br>
+    <strong>Static Content:</strong> GitHub Pages is for static websites only; it doesn't support server-side code like PHP or databases.<br></br>
+    <strong>Traffic Limits:</strong> There's a soft limit on bandwidth and size, but it is sufficient for most small to medium-sized sites.<br></br>
+    <strong>Customization:</strong> Advanced customization may require integrating build tools or manually configuring settings.<br></br></p>
      <h1>Multiple Github pages for multiple repositories</h1>
      <p>In addition to the user/organization site, you can also have project sites for any other repository. The URL for each of these will be in the format https://<b>username</b>.github.io/repository-name.</p><p>
 <ul><li>	You can create as many project repositories as you like and enable GitHub Pages on them individually.</li><li>

src/components/app-home-page/app-home-page.tsx

@@ -11,9 +11,11 @@ export class AppHome {
    return (
       <div class="app-home-page">
         <p>
-          Welcome to Sanjeet Kumar's Home Page. You can use this Stencil App Starter to build entire apps all with web components using Stencil! Check out our docs on{' '}
+          Welcome to Sanjeet Kumar's Home Page.<p>
+          </p> This website is created using Stencil App Starter and hosted on  <a href="https://pages.github.com/">GitHub Pages.</a> You can use  Stencil App Starter to build entire apps all with web components using Stencil! Check out docs on{' '}
           <a href="https://stenciljs.com">stenciljs.com</a> to get started.
         </p>
+        <p><strong>Please Note:</strong> Currently, The routing to different pages is not working perfectly and you can navigate to each page, after clicking it from main Home page only. Direct URLs to each individual page is not working. </p>
         <h1>Pages</h1>
         <button
           onClick={() => Router.push('/profile/sanjeet')}

src/components/app-profile-page/app-profile-page.tsx

@@ -64,7 +64,7 @@ export class AppProfile {
           <tr>
             <td>FLUID Library</td>
             <td><a href="https://www.npmjs.com/package/fluid-library" target="_blank">Visit</a></td>
-            <td>1.0.4</td>
+            <td>1.0.5</td>
           </tr>
           </table>
          <p>External Certifications:</p>

src/components/header-navigation/header-navigation.tsx

@@ -9,7 +9,7 @@ export class HeaderNavigation {
   render() {
     return (
       <header>
-        <h1>Stencil App Starter - by Sanjeet Kumar</h1>
+        <h1>Sanjeet Kumar's Homepage</h1>
     </header>
     );
   }

src/components/web-components/web-components.tsx

@@ -14,6 +14,9 @@ export class WebComponents {
     return (
       <div>
         <p>URL of this component library:<a href="https://sanjeetkumaritoutlook.github.io/stenciljs-components/" target="_blank">Visit</a></p>
+        <p>by Default,Stencil Web app creates three components:app-root, app-home, app-profile with Routung from "stencil-router-v2" pre-installed </p>
+         <p>To avoid conflict with npm package (stenciljs-components) which has similar naming components, renamed the component in this web app to app-home-page and app-profile-page respectively</p>
+          
         <my-rich-text-editor initial-value="this is initial value" placeholder="angular placeholder"></my-rich-text-editor>
 
       <my-card user-name="CodingLocker"></my-card>