...
This commit is contained in:
Generated
+14
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="DiscordProjectSettings">
|
||||
<option name="show" value="ASK" />
|
||||
<option name="description" value="" />
|
||||
<option name="applicationTheme" value="default" />
|
||||
<option name="iconsTheme" value="default" />
|
||||
<option name="button1Title" value="" />
|
||||
<option name="button1Url" value="" />
|
||||
<option name="button2Title" value="" />
|
||||
<option name="button2Url" value="" />
|
||||
<option name="customApplicationId" value="" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="RiderProjectSettingsUpdater">
|
||||
<option name="singleClickDiffPreview" value="1" />
|
||||
<option name="unhandledExceptionsIgnoreList" value="1" />
|
||||
<option name="vcsConfiguration" value="3" />
|
||||
</component>
|
||||
</project>
|
||||
Generated
+63
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="PropertiesComponent">{
|
||||
"keyToString": {
|
||||
"settings.editor.selected.configurable": "preferences.lookFeel"
|
||||
}
|
||||
}</component>
|
||||
<component name="RunManager" selected=".NET Launch Settings Profile.Website: https">
|
||||
<configuration name="Website.Client" type="DotNetProject" factoryName=".NET Project">
|
||||
<option name="EXE_PATH" value="" />
|
||||
<option name="PROGRAM_PARAMETERS" value="" />
|
||||
<option name="WORKING_DIRECTORY" value="" />
|
||||
<option name="PASS_PARENT_ENVS" value="1" />
|
||||
<option name="ENV_FILE_PATHS" value="" />
|
||||
<option name="REDIRECT_INPUT_PATH" value="" />
|
||||
<option name="MIXED_MODE_DEBUG" value="0" />
|
||||
<option name="USE_MONO" value="0" />
|
||||
<option name="RUNTIME_ARGUMENTS" value="" />
|
||||
<option name="AUTO_ATTACH_CHILDREN" value="0" />
|
||||
<option name="PROJECT_PATH" value="$PROJECT_DIR$/Website.Client/Website.Client.csproj" />
|
||||
<option name="PROJECT_EXE_PATH_TRACKING" value="1" />
|
||||
<option name="PROJECT_ARGUMENTS_TRACKING" value="1" />
|
||||
<option name="PROJECT_WORKING_DIRECTORY_TRACKING" value="1" />
|
||||
<option name="PROJECT_KIND" value="DotNetCore" />
|
||||
<option name="PROJECT_TFM" value="" />
|
||||
<method v="2">
|
||||
<option name="Build" />
|
||||
</method>
|
||||
</configuration>
|
||||
<configuration name="Website: http" type="LaunchSettings" factoryName=".NET Launch Settings Profile">
|
||||
<option name="LAUNCH_PROFILE_PROJECT_FILE_PATH" value="$PROJECT_DIR$/Website/Website.csproj" />
|
||||
<option name="LAUNCH_PROFILE_TFM" value="net10.0" />
|
||||
<option name="LAUNCH_PROFILE_NAME" value="http" />
|
||||
<option name="USE_MONO" value="0" />
|
||||
<option name="RUNTIME_ARGUMENTS" value="" />
|
||||
<option name="GENERATE_APPLICATIONHOST_CONFIG" value="1" />
|
||||
<option name="SHOW_IIS_EXPRESS_OUTPUT" value="0" />
|
||||
<option name="SEND_DEBUG_REQUEST" value="1" />
|
||||
<option name="ADDITIONAL_IIS_EXPRESS_ARGUMENTS" value="" />
|
||||
<option name="AUTO_ATTACH_CHILDREN" value="0" />
|
||||
<option name="MIXED_MODE_DEBUG" value="0" />
|
||||
<method v="2">
|
||||
<option name="Build" />
|
||||
</method>
|
||||
</configuration>
|
||||
<configuration name="Website: https" type="LaunchSettings" factoryName=".NET Launch Settings Profile">
|
||||
<option name="LAUNCH_PROFILE_PROJECT_FILE_PATH" value="$PROJECT_DIR$/Website/Website.csproj" />
|
||||
<option name="LAUNCH_PROFILE_TFM" value="net10.0" />
|
||||
<option name="LAUNCH_PROFILE_NAME" value="https" />
|
||||
<option name="USE_MONO" value="0" />
|
||||
<option name="RUNTIME_ARGUMENTS" value="" />
|
||||
<option name="GENERATE_APPLICATIONHOST_CONFIG" value="1" />
|
||||
<option name="SHOW_IIS_EXPRESS_OUTPUT" value="0" />
|
||||
<option name="SEND_DEBUG_REQUEST" value="1" />
|
||||
<option name="ADDITIONAL_IIS_EXPRESS_ARGUMENTS" value="" />
|
||||
<option name="AUTO_ATTACH_CHILDREN" value="0" />
|
||||
<option name="MIXED_MODE_DEBUG" value="0" />
|
||||
<method v="2">
|
||||
<option name="Build" />
|
||||
</method>
|
||||
</configuration>
|
||||
</component>
|
||||
</project>
|
||||
-16
@@ -1,16 +0,0 @@
|
||||
|
||||
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Resume", "Resume\Resume.csproj", "{8B25A112-5EEE-41D1-8782-290A0EDB60C5}"
|
||||
EndProject
|
||||
Global
|
||||
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||
Debug|Any CPU = Debug|Any CPU
|
||||
Release|Any CPU = Release|Any CPU
|
||||
EndGlobalSection
|
||||
GlobalSection(ProjectConfigurationPlatforms) = postSolution
|
||||
{8B25A112-5EEE-41D1-8782-290A0EDB60C5}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
||||
{8B25A112-5EEE-41D1-8782-290A0EDB60C5}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
||||
{8B25A112-5EEE-41D1-8782-290A0EDB60C5}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
||||
{8B25A112-5EEE-41D1-8782-290A0EDB60C5}.Release|Any CPU.Build.0 = Release|Any CPU
|
||||
EndGlobalSection
|
||||
EndGlobal
|
||||
@@ -1,3 +0,0 @@
|
||||
<wpf:ResourceDictionary xml:space="preserve" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:ss="urn:shemas-jetbrains-com:settings-storage-xaml" xmlns:wpf="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
|
||||
<s:String x:Key="/Default/CodeInspection/ExcludedFiles/FilesAndFoldersToSkip2/=7020124F_002D9FFC_002D4AC3_002D8F3D_002DAAB8E0240759_002Ff_003AExceptionDispatchInfo_002Ecs_002Fl_003A_002E_002E_003FAppData_003FRoaming_003FJetBrains_003FRider2025_002E3_003Fresharper_002Dhost_003FSourcesCache_003Fbd1d5c50194fea68ff3559c160230b0ab50f5acf4ce3061bffd6d62958e2182_003FExceptionDispatchInfo_002Ecs/@EntryIndexedValue">ForceIncluded</s:String>
|
||||
<s:String x:Key="/Default/CodeInspection/ExcludedFiles/FilesAndFoldersToSkip2/=7020124F_002D9FFC_002D4AC3_002D8F3D_002DAAB8E0240759_002Ff_003AMidpointRounding_002Ecs_002Fl_003A_002E_002E_003FAppData_003FRoaming_003FJetBrains_003FRider2025_002E1_003Fresharper_002Dhost_003FDecompilerCache_003Fdecompiler_003F174cdfd56bcd471abff8d95d61867f0ec90938_003Fe4_003Fb8a35b5f_003FMidpointRounding_002Ecs/@EntryIndexedValue">ForceIncluded</s:String></wpf:ResourceDictionary>
|
||||
@@ -1,12 +0,0 @@
|
||||
<Router AppAssembly="@typeof(App).Assembly">
|
||||
<Found Context="routeData">
|
||||
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
|
||||
<FocusOnNavigate RouteData="@routeData" Selector="h1"/>
|
||||
</Found>
|
||||
<NotFound>
|
||||
<PageTitle>Not found</PageTitle>
|
||||
<LayoutView Layout="@typeof(MainLayout)">
|
||||
<p role="alert">Sorry, there's nothing at this address.</p>
|
||||
</LayoutView>
|
||||
</NotFound>
|
||||
</Router>
|
||||
@@ -1,35 +0,0 @@
|
||||
namespace Resume.Data;
|
||||
|
||||
public static class Overview
|
||||
{
|
||||
public static Data Get()
|
||||
{
|
||||
return new Data
|
||||
{
|
||||
Parts =
|
||||
[
|
||||
new Part
|
||||
{
|
||||
IsVisible = true,
|
||||
Order = 1,
|
||||
Description =
|
||||
"Software Developer with a focus on the .NET tech stack.",
|
||||
LastModified = new DateTime(2025, 9, 8)
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
public class Data
|
||||
{
|
||||
public List<Part> Parts { get; set; }
|
||||
}
|
||||
|
||||
public class Part
|
||||
{
|
||||
public bool IsVisible { get; set; }
|
||||
public int Order { get; set; } = 9999;
|
||||
public required string Description { get; set; }
|
||||
public DateTime LastModified { get; set; }
|
||||
}
|
||||
}
|
||||
@@ -1,67 +0,0 @@
|
||||
namespace Resume.Data;
|
||||
|
||||
public static class PersonalInfo
|
||||
{
|
||||
public static Data Get()
|
||||
{
|
||||
return new Data
|
||||
{
|
||||
Info =
|
||||
[
|
||||
new Info
|
||||
{
|
||||
Name = "Location",
|
||||
Value = "Ottawa, ON"
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Email",
|
||||
Value = "jonmcc0723@gmail.com"
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Phone",
|
||||
Value = "613-277-8353",
|
||||
IsVisible = true
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Experience Length",
|
||||
Value = Math.Round((DateTime.Today - new DateTime(2012, 1, 1)).TotalDays / 360,
|
||||
MidpointRounding.ToNegativeInfinity)
|
||||
+ " years in tech, 3 in education"
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Education",
|
||||
Value = "Game Development (2012)"
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Awaiting Release",
|
||||
Value = "Path of Exile 2",
|
||||
IsVisible = false
|
||||
},
|
||||
new Info
|
||||
{
|
||||
Name = "Favourite Games",
|
||||
Value = "Armored Core 4: For Answers, Warcraft 3, TimeSplitters: Future Perfect, Mass Effect 2",
|
||||
IsVisible = false
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
public class Data
|
||||
{
|
||||
public required List<Info> Info { get; set; }
|
||||
}
|
||||
|
||||
public class Info
|
||||
{
|
||||
public required string Name { get; set; }
|
||||
public required string Value { get; set; }
|
||||
public bool IsVisible { get; set; } = true;
|
||||
}
|
||||
}
|
||||
@@ -1,101 +0,0 @@
|
||||
namespace Resume.Data;
|
||||
|
||||
public static class Skills
|
||||
{
|
||||
public static Data Get()
|
||||
{
|
||||
return new Data
|
||||
{
|
||||
Skills =
|
||||
[
|
||||
new Skill
|
||||
{
|
||||
Name = "C#, .NET"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Blazor"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "React"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Angular"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "HTML, CSS"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "JS, TypeScript"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Agile, Scrum"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Jira, Azure DevOps"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Unit Tests"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Test Automation"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Jenkins, Azure Pipelines"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "REST, APIs"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "SQL"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "git"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "PC, Mac, Linux, Mobile"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Azure, AWS, Self-Hosting (Ubuntu Server)"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Google Analytics, 3rd Party APIs/Libraries"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Documentation, Training Videos"
|
||||
},
|
||||
new Skill
|
||||
{
|
||||
Name = "Customer Support and Debugging"
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
public class Data
|
||||
{
|
||||
public required List<Skill> Skills { get; init; }
|
||||
}
|
||||
|
||||
public class Skill
|
||||
{
|
||||
public string Name { get; init; } = "";
|
||||
public bool IsVisible { get; init; } = true;
|
||||
}
|
||||
}
|
||||
@@ -1,194 +0,0 @@
|
||||
namespace Resume.Data;
|
||||
|
||||
public static class WorkExperience
|
||||
{
|
||||
public static Data Get()
|
||||
{
|
||||
return new Data
|
||||
{
|
||||
Experiences =
|
||||
[
|
||||
new Experience
|
||||
{
|
||||
Role = "Server Developer",
|
||||
Location = "TotalETO, Company providing engineering to order solutions",
|
||||
DateRange = "2021 - 2026",
|
||||
Points =
|
||||
[
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Wrote various API calls, unit tests to test said calls, and exact examples to show the frontend team on how to consume the GraphQL API.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Converted SQL stored procedures into views usable by Entity Framework to support old functionality with new web app features.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Moved from backend to frontend as needed to fix bugs and add features to React frontend to help the UI team with their higher workload.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Took part in converting legacy VB-coded app functionality to a C# web development server.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.",
|
||||
IsVisible = true
|
||||
}
|
||||
]
|
||||
},
|
||||
new Experience
|
||||
{
|
||||
Role = "Fullstack Blazor Developer",
|
||||
Location = "Personal Projects, on various interests",
|
||||
DateRange = "2021",
|
||||
Points =
|
||||
[
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Created igpfanreference.ca to teach players in unreleased game basic play patterns, and to experiment with Blazor, Linux self-hosting and Azure web hosting.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Twitch streamed live coding sessions to demonstrate developing the website, and crowd-sourced and credited players on ideas and functionality for the website.",
|
||||
IsVisible = true
|
||||
}
|
||||
]
|
||||
},
|
||||
new Experience
|
||||
{
|
||||
Role = "Angular Web Developer",
|
||||
Location = "CleanCode, Software consultancy on various projects",
|
||||
DateRange = "2020 - 2021",
|
||||
Points =
|
||||
[
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Came to the conclusion that I wanted to focus my career in .NET, and left the company to pursue Blazor research and C# opportunities. Unfortunately, Blazor development work is not as popular as one would hope.",
|
||||
IsVisible = true
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
new Experience
|
||||
{
|
||||
Role = "Full Stack Developer",
|
||||
Location = "bitHeads, Tech shop with a focus on cloud-based technology",
|
||||
DateRange = "2015 - 2020",
|
||||
Points =
|
||||
[
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Worked on a portal and mobile-facing web app for a SaaS project written in React.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Eliminated routine project hours spent documenting by creating a Node.js tool in TypeScript that generated the API doc contents.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Created brainCloud’s Command Line tool in Node.js and other test tools, for developers and QA to test and stress test API and server features.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Maintained customer success and brainCloud’s unit tests, examples, and libraries in Java, ObjC, C++, C#, JS, Unity, and Unreal.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Wrote documentation, tutorials, and offered guidance to bring new co-workers up to speed on the BaaS environment.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Maintained and wrote Jenkins Pipeline in Groovy for improved test reporting and team CI.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Developed Test Automation for brainCloud and Nortec/Condair Help websites in Java, to reduce manual testing time spent on an agile team.",
|
||||
IsVisible = true
|
||||
}
|
||||
]
|
||||
},
|
||||
new Experience
|
||||
{
|
||||
Role = "Mobile Game Developer",
|
||||
Location = "Smoke Labs, Tech startup with a focus on mobile games",
|
||||
DateRange = "2012 - 2015",
|
||||
Points =
|
||||
[
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Developed key systems in Blokus, Mattel-branded title nominated in the Canadian Video Game Awards for 'Best Game Design' and 'Best Social or Casual Game.'",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Experience integrating a multitude of analytics, ad systems, and backends, including Google Analytics, Game Analytics, Flurry, Mopub, and Playhaven.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Spent time working with the external QA team to bridge the company's knowledge gaps between the developer and QA workflows.",
|
||||
IsVisible = true
|
||||
},
|
||||
new Point
|
||||
{
|
||||
Description =
|
||||
"Integrated ads, in-app purchases, analytics, and handled product releases of legacy client apps.",
|
||||
IsVisible = true
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
public class Data
|
||||
{
|
||||
public List<Experience> Experiences = new();
|
||||
}
|
||||
|
||||
public class Experience
|
||||
{
|
||||
public string Role { get; set; }
|
||||
public string Location { get; set; }
|
||||
public string DateRange { get; set; }
|
||||
|
||||
public List<Point> Points { get; set; }
|
||||
}
|
||||
|
||||
public class Point
|
||||
{
|
||||
public string Description { get; set; }
|
||||
public bool IsVisible { get; set; }
|
||||
}
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
@inherits LayoutComponentBase
|
||||
<div class="page">
|
||||
<main>
|
||||
|
||||
<article class="content px-4">
|
||||
@Body
|
||||
</article>
|
||||
</main>
|
||||
</div>
|
||||
@@ -1,55 +0,0 @@
|
||||
@page "/"
|
||||
@using Resume.Data
|
||||
|
||||
|
||||
<div class="page">
|
||||
<div class="title">
|
||||
<div><b>Jonathan McCaffrey</b></div>
|
||||
@foreach (var part in Overview.Get().Parts.OrderBy(a => a.Order))
|
||||
{
|
||||
@if (part.IsVisible)
|
||||
{
|
||||
<div>@part.Description</div>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="side">
|
||||
@foreach (var info in PersonalInfo.Get().Info)
|
||||
{
|
||||
@if (info.IsVisible)
|
||||
{
|
||||
<div><i>@info.Name</i></div>
|
||||
<div>@info.Value</div>
|
||||
<br/>
|
||||
}
|
||||
}
|
||||
<br/>
|
||||
<i>Skills:</i>
|
||||
@foreach (var skill in Skills.Get().Skills)
|
||||
{
|
||||
@if (skill.IsVisible)
|
||||
{
|
||||
<div>@skill.Name</div>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="experience">
|
||||
@foreach (var experience in WorkExperience.Get().Experiences)
|
||||
{
|
||||
<div><b>@experience.Role</b></div>
|
||||
<div>@experience.Location</div>
|
||||
<div>@experience.DateRange</div>
|
||||
<ul>
|
||||
@foreach (var point in experience.Points)
|
||||
{
|
||||
@if (point.IsVisible)
|
||||
{
|
||||
<li>@point.Description</li>
|
||||
}
|
||||
}
|
||||
</ul>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,30 +0,0 @@
|
||||
.page {
|
||||
width: 816px;
|
||||
height: 1054px;
|
||||
|
||||
display: grid;
|
||||
|
||||
gap: 14px;
|
||||
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-template-rows: min-content 1fr;
|
||||
|
||||
grid-template-areas:
|
||||
"title title"
|
||||
"side experience";
|
||||
}
|
||||
|
||||
.title {
|
||||
grid-area: title;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.side {
|
||||
grid-area: side;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.experience {
|
||||
grid-area: experience;
|
||||
font-size: 12px;
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
using Microsoft.AspNetCore.Components.Web;
|
||||
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
|
||||
using Resume;
|
||||
|
||||
var builder = WebAssemblyHostBuilder.CreateDefault(args);
|
||||
builder.RootComponents.Add<App>("#app");
|
||||
builder.RootComponents.Add<HeadOutlet>("head::after");
|
||||
|
||||
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
|
||||
|
||||
await builder.Build().RunAsync();
|
||||
@@ -1,41 +0,0 @@
|
||||
{
|
||||
"$schema": "http://json.schemastore.org/launchsettings.json",
|
||||
"iisSettings": {
|
||||
"windowsAuthentication": false,
|
||||
"anonymousAuthentication": true,
|
||||
"iisExpress": {
|
||||
"applicationUrl": "http://localhost:25488",
|
||||
"sslPort": 44361
|
||||
}
|
||||
},
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": true,
|
||||
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
|
||||
"applicationUrl": "http://localhost:5242",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": true,
|
||||
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
|
||||
"applicationUrl": "https://localhost:7294;http://localhost:5242",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"IIS Express": {
|
||||
"commandName": "IISExpress",
|
||||
"launchBrowser": true,
|
||||
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,27 +0,0 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net10.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
<LangVersion>latestmajor</LangVersion>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.7" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.7" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.7" PrivateAssets="all" />
|
||||
<PackageReference Include="Microsoft.DotNet.HotReload.WebAssembly.Browser" Version="10.0.203" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Content Update="Pages\Home.razor.css">
|
||||
<ExcludeFromSingleFile>true</ExcludeFromSingleFile>
|
||||
</Content>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<_ContentIncludedByDefault Remove="wwwroot\sample-data\weather.json" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -1,6 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||
<PropertyGroup>
|
||||
<ActiveDebugProfile>https</ActiveDebugProfile>
|
||||
</PropertyGroup>
|
||||
</Project>
|
||||
@@ -1,11 +0,0 @@
|
||||
@using System.Net.Http
|
||||
@using System.Net.Http.Json
|
||||
@using Microsoft.AspNetCore.Components.Forms
|
||||
@using Microsoft.AspNetCore.Components.Routing
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.AspNetCore.Components.Web.Virtualization
|
||||
@using Microsoft.AspNetCore.Components.WebAssembly.Http
|
||||
@using Microsoft.JSInterop
|
||||
@using Resume
|
||||
@using Resume.Layout
|
||||
|
||||
@@ -1,103 +0,0 @@
|
||||
html, body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
h1:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a, .btn-link {
|
||||
color: #0071c1;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
|
||||
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-top: 1.1rem;
|
||||
}
|
||||
|
||||
.valid.modified:not([type=checkbox]) {
|
||||
outline: 1px solid #26b050;
|
||||
}
|
||||
|
||||
.invalid {
|
||||
outline: 1px solid red;
|
||||
}
|
||||
|
||||
.validation-message {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#blazor-error-ui {
|
||||
background: lightyellow;
|
||||
bottom: 0;
|
||||
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
||||
display: none;
|
||||
left: 0;
|
||||
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#blazor-error-ui .dismiss {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 0.75rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
.blazor-error-boundary {
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
|
||||
padding: 1rem 1rem 1rem 3.7rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.blazor-error-boundary::after {
|
||||
content: "An error has occurred."
|
||||
}
|
||||
|
||||
.loading-progress {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
margin: 20vh auto 1rem auto;
|
||||
}
|
||||
|
||||
.loading-progress circle {
|
||||
fill: none;
|
||||
stroke: #e0e0e0;
|
||||
stroke-width: 0.6rem;
|
||||
transform-origin: 50% 50%;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.loading-progress circle:last-child {
|
||||
stroke: #1b6ec2;
|
||||
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
|
||||
transition: stroke-dasharray 0.05s ease-in-out;
|
||||
}
|
||||
|
||||
.loading-progress-text {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
|
||||
}
|
||||
|
||||
.loading-progress-text:after {
|
||||
content: var(--blazor-load-percentage-text, "Loading");
|
||||
}
|
||||
|
||||
code {
|
||||
color: #c02d76;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
@@ -1,35 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<title>Resume</title>
|
||||
<base href="/"/>
|
||||
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"/>
|
||||
<link href="css/app.css" rel="stylesheet"/>
|
||||
<link href="favicon.png" rel="icon" type="image/png"/>
|
||||
<link href="Resume.styles.css" rel="stylesheet"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<svg class="loading-progress">
|
||||
<circle cx="50%" cy="50%" r="40%"/>
|
||||
<circle cx="50%" cy="50%" r="40%"/>
|
||||
</svg>
|
||||
<div class="loading-progress-text"></div>
|
||||
</div>
|
||||
|
||||
<div id="blazor-error-ui">
|
||||
An unhandled error has occurred.
|
||||
<a class="reload" href="">Reload</a>
|
||||
<a class="dismiss">🗙</a>
|
||||
</div>
|
||||
<script src="_framework/blazor.webassembly.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Rider ignored files
|
||||
/modules.xml
|
||||
/projectSettingsUpdater.xml
|
||||
/.idea.Website.iml
|
||||
/contentModel.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Ignored default folder with query files
|
||||
/queries/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="DiscordProjectSettings">
|
||||
<option name="show" value="ASK" />
|
||||
<option name="description" value="" />
|
||||
<option name="applicationTheme" value="default" />
|
||||
<option name="iconsTheme" value="default" />
|
||||
<option name="button1Title" value="" />
|
||||
<option name="button1Url" value="" />
|
||||
<option name="button2Title" value="" />
|
||||
<option name="button2Url" value="" />
|
||||
<option name="customApplicationId" value="" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="Encoding" addBOMForNewFiles="with BOM under Windows, with no BOM otherwise" />
|
||||
</project>
|
||||
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="UserContentModel">
|
||||
<attachedFolders />
|
||||
<explicitIncludes />
|
||||
<explicitExcludes />
|
||||
</component>
|
||||
</project>
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jon McCaffrey - .NET Developer</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="sidebar">
|
||||
<div class="profile">
|
||||
<div class="avatar">JM</div>
|
||||
<h1>Jon McCaffrey</h1>
|
||||
<p class="tagline">.NET Developer</p>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
<ul class="contact-list">
|
||||
<li><span class="label">Location</span><span>Ottawa, ON</span></li>
|
||||
<li><span class="label">Email</span><span>jonmcc0723@gmail.com</span></li>
|
||||
<li><span class="label">Phone</span><span>613-277-8353</span></li>
|
||||
<li><span class="label">Experience</span><span>14 years in tech, 3 in education</span></li>
|
||||
<li><span class="label">Education</span><span>Game Development (2012)</span></li>
|
||||
<li><span class="label">Rate</span><span>$50 / hr</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="info-section skills-section">
|
||||
<h2>Skills</h2>
|
||||
<div class="skill-group">
|
||||
<h3>.NET Ecosystem</h3>
|
||||
<ul class="skill-list">
|
||||
<li>C# / .NET</li>
|
||||
<li>Blazor</li>
|
||||
<li>Entity Framework</li>
|
||||
<li>ASP.NET Core</li>
|
||||
<li>REST APIs / GraphQL</li>
|
||||
<li>SQL / SQL Server</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3>Frontend & Web</h3>
|
||||
<ul class="skill-list">
|
||||
<li>HTML / CSS</li>
|
||||
<li>JavaScript / TypeScript</li>
|
||||
<li>React</li>
|
||||
<li>Angular</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3>DevOps & Tools</h3>
|
||||
<ul class="skill-list">
|
||||
<li>Azure / AWS</li>
|
||||
<li>Azure Pipelines / Jenkins</li>
|
||||
<li>Git</li>
|
||||
<li>Jira / Azure DevOps</li>
|
||||
<li>Unit Testing / Test Automation</li>
|
||||
<li>CI/CD</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skill-group">
|
||||
<h3>Other</h3>
|
||||
<ul class="skill-list">
|
||||
<li>Agile / Scrum</li>
|
||||
<li>Documentation & Training</li>
|
||||
<li>Customer Support & Debugging</li>
|
||||
<li>Self-Hosting (Ubuntu Server)</li>
|
||||
<li>Google Analytics / 3rd Party APIs</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<div class="overview">
|
||||
<h2>About Me</h2>
|
||||
<p>Software Developer with a focus on the <strong>.NET tech stack</strong>. Passionate about building robust backends, crafting clean APIs, and writing maintainable C# code. Experienced across the full stack with a drive to deliver quality software.</p>
|
||||
</div>
|
||||
|
||||
<div class="experience-section">
|
||||
<h2>Experience</h2>
|
||||
|
||||
<div class="experience">
|
||||
<div class="exp-header">
|
||||
<h3>.NET Server Developer</h3>
|
||||
<span class="exp-date">2021 – 2026</span>
|
||||
</div>
|
||||
<p class="exp-location">TotalETO — Engineering to Order Solutions</p>
|
||||
<ul>
|
||||
<li>Wrote various API calls, unit tests to test said calls, and exact examples to show the frontend team on how to consume the GraphQL API.</li>
|
||||
<li>Converted SQL stored procedures into views usable by Entity Framework to support old functionality with new web app features.</li>
|
||||
<li>Moved from backend to frontend as needed to fix bugs and add features to React frontend to help the UI team with their higher workload.</li>
|
||||
<li>Took part in converting legacy VB-coded app functionality to a <strong>C# .NET web development server</strong>.</li>
|
||||
<li>Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="experience">
|
||||
<div class="exp-header">
|
||||
<h3>Fullstack Blazor Developer</h3>
|
||||
<span class="exp-date">2021</span>
|
||||
</div>
|
||||
<p class="exp-location">Personal Projects</p>
|
||||
<ul>
|
||||
<li>Created igpfanreference.ca to teach players in unreleased game basic play patterns, and to experiment with <strong>Blazor</strong>, Linux self-hosting and Azure web hosting.</li>
|
||||
<li>Twitch streamed live coding sessions to demonstrate developing the website, and crowd-sourced and credited players on ideas and functionality for the website.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="experience">
|
||||
<div class="exp-header">
|
||||
<h3>Angular Web Developer</h3>
|
||||
<span class="exp-date">2020 – 2021</span>
|
||||
</div>
|
||||
<p class="exp-location">CleanCode — Software Consultancy</p>
|
||||
<ul>
|
||||
<li>Came to the conclusion that I wanted to focus my career in <strong>.NET</strong>, and left the company to pursue Blazor research and C# opportunities.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="experience">
|
||||
<div class="exp-header">
|
||||
<h3>Full Stack Developer</h3>
|
||||
<span class="exp-date">2015 – 2020</span>
|
||||
</div>
|
||||
<p class="exp-location">bitHeads — Cloud-Based Technology</p>
|
||||
<ul>
|
||||
<li>Worked on a portal and mobile-facing web app for a SaaS project written in React.</li>
|
||||
<li>Eliminated routine project hours spent documenting by creating a Node.js tool in TypeScript that generated the API doc contents.</li>
|
||||
<li>Created brainCloud's Command Line tool in Node.js and other test tools, for developers and QA to test and stress test API and server features.</li>
|
||||
<li>Maintained customer success and brainCloud's unit tests, examples, and libraries in <strong>Java, ObjC, C++, C#, JS, Unity, and Unreal</strong>.</li>
|
||||
<li>Wrote documentation, tutorials, and offered guidance to bring new co-workers up to speed on the BaaS environment.</li>
|
||||
<li>Maintained and wrote Jenkins Pipeline in Groovy for improved test reporting and team CI.</li>
|
||||
<li>Developed Test Automation for brainCloud and Nortec/Condair Help websites in Java, to reduce manual testing time spent on an agile team.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="experience">
|
||||
<div class="exp-header">
|
||||
<h3>Mobile Game Developer</h3>
|
||||
<span class="exp-date">2012 – 2015</span>
|
||||
</div>
|
||||
<p class="exp-location">Smoke Labs — Mobile Games Startup</p>
|
||||
<ul>
|
||||
<li>Developed key systems in Blokus, Mattel-branded title nominated in the Canadian Video Game Awards for "Best Game Design" and "Best Social or Casual Game."</li>
|
||||
<li>Experience integrating a multitude of analytics, ad systems, and backends, including Google Analytics, Game Analytics, Flurry, Mopub, and Playhaven.</li>
|
||||
<li>Spent time working with the external QA team to bridge the company's knowledge gaps between the developer and QA workflows.</li>
|
||||
<li>Integrated ads, in-app purchases, analytics, and handled product releases of legacy client apps.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,240 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
|
||||
background: #e8ecf1;
|
||||
color: #2d3436;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
max-width: 1100px;
|
||||
margin: 40px auto;
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 40px rgba(0,0,0,0.12);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
.sidebar {
|
||||
width: 300px;
|
||||
min-width: 300px;
|
||||
background: #1a1d23;
|
||||
color: #e0e0e0;
|
||||
padding: 40px 28px;
|
||||
}
|
||||
|
||||
.profile {
|
||||
text-align: center;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, #6c5ce7, #512da8);
|
||||
color: #fff;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 16px;
|
||||
}
|
||||
|
||||
.profile h1 {
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.tagline {
|
||||
color: #a29bfe;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.info-section {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.info-section h2 {
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
color: #a29bfe;
|
||||
border-bottom: 1px solid #2d2d35;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.contact-list {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.contact-list li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.contact-list .label {
|
||||
color: #888;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.skill-group {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.skill-group h3 {
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.8px;
|
||||
color: #a29bfe;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.skill-list {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.skill-list li {
|
||||
background: #2d2d35;
|
||||
color: #ccc;
|
||||
padding: 4px 10px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.skill-list li:first-child {
|
||||
background: #6c5ce7;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Main content */
|
||||
.main {
|
||||
flex: 1;
|
||||
padding: 40px 44px;
|
||||
}
|
||||
|
||||
.overview {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.overview h2 {
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
color: #6c5ce7;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.overview p {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.overview strong {
|
||||
color: #512da8;
|
||||
}
|
||||
|
||||
/* Experience */
|
||||
.experience-section h2 {
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
color: #6c5ce7;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.experience {
|
||||
margin-bottom: 28px;
|
||||
padding-left: 16px;
|
||||
border-left: 3px solid #e0e0e0;
|
||||
}
|
||||
|
||||
.experience:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.exp-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.exp-header h3 {
|
||||
font-size: 17px;
|
||||
color: #1a1d23;
|
||||
}
|
||||
|
||||
.exp-date {
|
||||
font-size: 13px;
|
||||
color: #888;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.exp-location {
|
||||
font-size: 13px;
|
||||
color: #6c5ce7;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.experience ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.experience ul li {
|
||||
position: relative;
|
||||
padding-left: 18px;
|
||||
margin-bottom: 6px;
|
||||
font-size: 14px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.experience ul li::before {
|
||||
content: "–";
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
color: #6c5ce7;
|
||||
}
|
||||
|
||||
.experience ul li strong {
|
||||
color: #512da8;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
flex-direction: column;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
min-width: unset;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 28px 24px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user