CSS Isoltation y header menus

hesolar · Mar 16, 2024 · 8df354a · 8df354a
1 parent e2ba2d6
commit 8df354a
Show file tree

Hide file tree

Showing 55 changed files with 8,042 additions and 8,427 deletions.
diff --git a/CV.csproj b/CV.csproj
@@ -32,11 +32,6 @@
       <DesignTime>True</DesignTime>
       <AutoGen>True</AutoGen>
     </Compile>
-    <Compile Update="Shared\Resources\PreloadingRes.Designer.cs">
-      <DependentUpon>PreloadingRes.resx</DependentUpon>
-      <DesignTime>True</DesignTime>
-      <AutoGen>True</AutoGen>
-    </Compile>
   </ItemGroup>
 
   <ItemGroup>
@@ -48,10 +43,6 @@
       <LastGenOutput>IndexRes.Designer.cs</LastGenOutput>
       <Generator>PublicResXFileCodeGenerator</Generator>
     </EmbeddedResource>
-    <EmbeddedResource Update="Shared\Resources\PreloadingRes.resx">
-      <LastGenOutput>PreloadingRes.Designer.cs</LastGenOutput>
-      <Generator>PublicResXFileCodeGenerator</Generator>
-    </EmbeddedResource>
   </ItemGroup>
 
 </Project>
diff --git a/MainLayout.razor b/MainLayout.razor
@@ -1,8 +1,11 @@
-@using CV.Shared.Resources
+@using CV.Pages
+@using CV.Shared
+@using CV.Shared.Resources
 @inherits LayoutComponentBase
-@inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
 
 <main>
     <CV.Shared.NavMenu/>
+    <Header />
+
     @Body
 </main>
diff --git a/Pages/Experiencia.razor b/Pages/Experiencia.razor
@@ -1,6 +1,8 @@
 
 @page "/Experiencia"
 @page "/Experience"
+
+
 @using CV.Shared.Resources;
 @inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
 

diff --git a/Pages/Index.razor b/Pages/Index.razor
diff --git a/Pages/Inicio.razor b/Pages/Inicio.razor
@@ -1,11 +1,19 @@
-@page "/Inicio"
-@page "/Index"
+
+
+@rendermode InteractiveWebAssembly
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
 @using CV.Shared.Resources;
-@inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
+
+@page "/"
+@page "/Inicio"
+@page "/Index"
+@page "/CV"
+
 
 
-@using CV.Shared.Resources;
 @inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
+@inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
+
 
 <section class="resume-section" id="inicio">
     <div class="resume-section-content">

diff --git a/Pages/Index.razor.css → Pages/Inicio.razor.css b/Pages/Index.razor.css → Pages/Inicio.razor.css
@@ -11952,11 +11952,13 @@ p.lead {
     padding-right: 1rem;
 }
 
-    #sideNav .navbar-nav .nav-item .nav-link {
-        font-weight: 800;
-        letter-spacing: 0.05rem;
-        text-transform: uppercase;
-    }
+
+
+#sideNav .navbar-nav .nav-item .nav-link {
+    font-weight: 800;
+    letter-spacing: 0.05rem;
+    text-transform: uppercase;
+}
 
     #sideNav .navbar-toggler:focus {
         outline-color: red;

diff --git a/Pages/PreRenderComponent.razor b/Pages/PreRenderComponent.razor
diff --git a/Program.cs b/Program.cs
@@ -7,13 +7,14 @@
 using CV.Pages;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
-builder.RootComponents.Add<PreRenderComponent>("#preRenderComponent");
+builder.RootComponents.Add<Inicio>("#preRenderComponent");
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
 
 
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
+
 builder.Services.AddLocalization();
 
 builder.Services
@@ -24,4 +25,7 @@
     .AddBootstrapProviders()
     .AddFontAwesomeIcons();
 
-await builder.Build().RunAsync();
+
+
+var app = builder.Build();
+await app.RunAsync();
diff --git a/Shared/Header.razor b/Shared/Header.razor
@@ -0,0 +1,14 @@
+@using CV.Shared.Resources
+@inject IStringLocalizer<AllResourcesRes> AllResourcesResolver
+@inject NavigationManager nav
+
+<RadzenTabs RenderMode="TabRenderMode.Client" Style="background-image:conic-gradient()">
+    <Tabs>
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_inicio"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_inicio"])) />
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_intereses"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_intereses"])) />
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_experiencia"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_experiencia"])) />
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_educacion"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_educacion"])) />
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_tecnologias"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_tecnologias"])) />
+        <RadzenTabsItem Text="@AllResourcesResolver["navbar_cursos"]" @onclick=@(()=> nav.NavigateTo(AllResourcesResolver["navbar_cursos"])) />
+    </Tabs>
+</RadzenTabs>
diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor
@@ -1,4 +1,6 @@
 @inject IStringLocalizer<CV.Shared.Resources.AllResourcesRes> AllResourcesResolver
+@inject NavigationManager nav
+
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
 
@@ -13,7 +15,7 @@
 
     <div class="collapse navbar-collapse" id="navbarResponsive">
         <ul class="navbar-nav">
-            <li class="nav-item"><a class="nav-link js-scroll-trigger" href="/CV"> @AllResourcesResolver["navbar_inicio"]  </a></li>
+            <li class="nav-item"><a class="nav-link js-scroll-trigger" href="@AllResourcesResolver["navbar_inicio"]"> @AllResourcesResolver["navbar_inicio"] </a></li>
             <li class="nav-item"><a class="nav-link js-scroll-trigger" href="@AllResourcesResolver["navbar_intereses"]"> @AllResourcesResolver["navbar_intereses"] </a></li>
             <li class="nav-item"><a class="nav-link js-scroll-trigger" href="@AllResourcesResolver["navbar_experiencia"]">@AllResourcesResolver["navbar_experiencia"]</a></li>
             <li class="nav-item"><a class="nav-link js-scroll-trigger" href="@AllResourcesResolver["navbar_educacion"]">@AllResourcesResolver["navbar_educacion"]</a></li>
@@ -24,12 +26,103 @@
     </div>
 </nav>
 
+
 <style>
     .navbar-dark .navbar-nav .nav-link {
-        color:white;
+        color: white;
     }
 
+
+
     .nav-item:hover {
-        background-color:lightslategrey;
+        background-color: lightslategrey;
+    }
+
+    .navbar-light .navbar-brand {
+        color: rgba(0, 0, 0, 0.9);
+    }
+
+        .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+    .navbar-light .navbar-nav .nav-link {
+        color: rgba(0, 0, 0, 0.55);
+    }
+
+        .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+            color: rgba(0, 0, 0, 0.7);
+        }
+
+        .navbar-light .navbar-nav .nav-link.disabled {
+            color: rgba(0, 0, 0, 0.3);
+        }
+
+        .navbar-light .navbar-nav .show > .nav-link,
+        .navbar-light .navbar-nav .nav-link.active {
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+    .navbar-light .navbar-toggler {
+        color: rgba(0, 0, 0, 0.55);
+        border-color: rgba(0, 0, 0, 0.1);
+    }
+
+    .navbar-light .navbar-toggler-icon {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    }
+
+    .navbar-light .navbar-text {
+        color: rgba(0, 0, 0, 0.55);
     }
+
+        .navbar-light .navbar-text a,
+        .navbar-light .navbar-text a:hover,
+        .navbar-light .navbar-text a:focus {
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+    .navbar-dark .navbar-brand {
+        color: #fff;
+    }
+
+        .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+            color: #fff;
+        }
+
+    .navbar-dark .navbar-nav .nav-link {
+        color: white;
+    }
+
+        .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+            color: rgba(255, 255, 255, 0.75);
+        }
+
+        .navbar-dark .navbar-nav .nav-link.disabled {
+            color: rgba(255, 255, 255, 0.25);
+        }
+
+        .navbar-dark .navbar-nav .show > .nav-link,
+        .navbar-dark .navbar-nav .nav-link.active {
+            color: #fff;
+        }
+
+    .navbar-dark .navbar-toggler {
+        color: rgba(255, 255, 255, 0.55);
+        border-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .navbar-dark .navbar-toggler-icon {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    }
+
+    .navbar-dark .navbar-text {
+        color: rgba(255, 255, 255, 0.55);
+    }
+
+        .navbar-dark .navbar-text a,
+        .navbar-dark .navbar-text a:hover,
+        .navbar-dark .navbar-text a:focus {
+            color: #fff;
+        }
 </style>
diff --git a/Shared/NavMenu.razor.css b/Shared/NavMenu.razor.css
@@ -0,0 +1 @@
+