Reconfigured home page; actually made to include real portfolio shit. Maybe someday I can actually launch this but who knows :)
This commit is contained in:
Kira Jiroux
parent
0b316a3b4b
commit
b8bc2fdfbe
|
|
@ -1,22 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="en" class="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/" />
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/" />
|
||||
|
||||
<link rel="stylesheet" href="bootstrap/bootstrap-brite.css" /> <!-- app.css -->
|
||||
<link rel="stylesheet" href="Portfolio.WebUI.Server.styles.css" />
|
||||
<link rel="stylesheet" href="bootstrap/bootstrap-brite.css" /> <!-- app.css -->
|
||||
<link rel="stylesheet" href="Portfolio.WebUI.Server.styles.css" />
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
<HeadOutlet />
|
||||
</head>
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
<HeadOutlet />
|
||||
</head>
|
||||
|
||||
<body class="bg-primary-subtle">
|
||||
<Routes />
|
||||
<script src="_framework/blazor.web.js"></script>
|
||||
<script src="js/site.js"></script>
|
||||
</body>
|
||||
<body class="bg-primary-subtle">
|
||||
<Routes />
|
||||
<script src="_framework/blazor.web.js"></script>
|
||||
<script src="js/site.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="page bg-primary-subtle h-100">
|
||||
<main class="h-100 w-100">
|
||||
<div class="page">
|
||||
<main class="">
|
||||
<NavMenu3 />
|
||||
<article class="container m-auto">
|
||||
<article class="container ">
|
||||
<div class="">
|
||||
@Body
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,217 @@
|
|||
|
||||
<PageTitle>Home</PageTitle>
|
||||
|
||||
<!-- <PokemonBackground />-->
|
||||
<h1 class="test">Hello, world!</h1>
|
||||
<p>Ensuring that git is connected properly.</p>
|
||||
<div class="container d-none d-md-block mt-5 pt-3 pb-5 ps-5 pe-5 ">
|
||||
<h1 class="fst-italic fw-light fs-1 font-monospace">Hello, World!</h1>
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<div class="card" style="width: 18em;">
|
||||
<img class="card-img" src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="row card fs-4 mb-3 p-2 ps-3 pe-3 border-0">
|
||||
I am a full-stack web developer with additional
|
||||
experience in Data Analysis and Visualization, as well as
|
||||
Simulation/ VR development, and AI/ ML programming.
|
||||
I am a friendly team worker with strong analytical, math
|
||||
and problem-solving skills that adapts well to an
|
||||
Agile/SCRUM environment and development lifecycle.
|
||||
</div>
|
||||
<div class="row ">
|
||||
<div class="col">
|
||||
<div class="card mb-3 p-2 ps-3 pe-3 border border-1 border-primary">
|
||||
<p class="fs-6 fw-lighter card-subtitle m-0">September 2018 – March 2022</p>
|
||||
<p class="fs-4 card-title m-0">B.S. in Computer Science</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Oregon State University</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Graduated Cum Laude</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Dean’s List: Fall 2020, Fall 2021</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Final GPA: 3.33</p>
|
||||
|
||||
Welcome to your new app.
|
||||
@* <label>Courses</label>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item fs-6 fw-lighter">Advanced Web Development</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Operating Systems</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Game Development</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Parallel Programming</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">VR \ AR Development</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Artificial Intelligence</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Machine Learning</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Computer Graphics</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Data Visualization</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Database Management</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">Analysis of Algorithms</li>
|
||||
<li class="list-group-item fs-6 fw-lighter">VR \ AR Development</li>
|
||||
</ul> *@
|
||||
|
||||
</div>
|
||||
<div class="ps-3 pe-3">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="">Organized</li>
|
||||
<li class="">Responsible</li>
|
||||
<li class="">Meticulous</li>
|
||||
<li class="">Analytical</li>
|
||||
<li class="">Self-motivating</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col ">
|
||||
<div class="bg-white rounded p-2 border border-1 border-primary">
|
||||
<div class="card-header fs-3">
|
||||
Skills \ Languages
|
||||
</div>
|
||||
<div class="overflow-auto" style="max-height: 15rem">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">C# / C++ / C</li>
|
||||
<li class="list-group-item">ASP.NET / .NET Core</li>
|
||||
<li class="list-group-item">Blazor WASM</li>
|
||||
<li class="list-group-item">React</li>
|
||||
<li class="list-group-item">Java</li>
|
||||
<li class="list-group-item">JavaScript</li>
|
||||
<li class="list-group-item">HTML / CSS</li>
|
||||
<li class="list-group-item">SQL / MYSQL / MSSQL</li>
|
||||
<li class="list-group-item">JSON / XML</li>
|
||||
<li class="list-group-item">Python</li>
|
||||
<li class="list-group-item">Swift</li>
|
||||
<li class="list-group-item">TypeScript</li>
|
||||
<li class="list-group-item">MATLAB</li>
|
||||
<li class="list-group-item">R</li>
|
||||
<li class="list-group-item">LaTeX</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col ">
|
||||
<div class="bg-white rounded p-2 border border-1 border-primary">
|
||||
<div class="card-header fs-3">
|
||||
Technology
|
||||
</div>
|
||||
<div class="overflow-auto" style="max-height: 15rem">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">MS Visual Studio 2022</li>
|
||||
<li class="list-group-item">Git / GitHub / GitLab</li>
|
||||
<li class="list-group-item">RESTful API</li>
|
||||
<li class="list-group-item">Docker</li>
|
||||
<li class="list-group-item">Terraform</li>
|
||||
<li class="list-group-item">Jira</li>
|
||||
<li class="list-group-item">Linux / UNIX</li>
|
||||
<li class="list-group-item">SQL / MYSQL / MSSQL</li>
|
||||
<li class="list-group-item">Unreal Engine</li>
|
||||
<li class="list-group-item">Unity</li>
|
||||
<li class="list-group-item">Blendr</li>
|
||||
<li class="list-group-item">Windows, Android & iOS</li>
|
||||
<li class="list-group-item">Gephi</li>
|
||||
<li class="list-group-item">Excel / Microsoft Office Suite</li>
|
||||
<li class="list-group-item">Figma</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-75 h-100 bg-white">
|
||||
|
||||
<!-- Desktop B: Mobile View -->
|
||||
<div class="container card border-0 d-block d-md-none mx-auto mt-4 shadow-sm pb-2">
|
||||
<h1 class="fst-italic fw-light fs-1 font-monospace">Hello, World!</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<div class="card" style="width: 10em;">
|
||||
<img class="card-img" src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card fs-6 mb-3 p-2 ps-1 pe-1 border-0">
|
||||
I am a full-stack web developer with additional
|
||||
experience in Data Analysis and Visualization, as well as
|
||||
Simulation/ VR development, and AI/ ML programming.
|
||||
I am a friendly team worker with strong analytical, math
|
||||
and problem-solving skills that adapts well to an
|
||||
Agile/SCRUM environment and development lifecycle.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3 bg-info rounded rounded-5 pt-1 pb-1">
|
||||
<p class="fw-lighter fs-6 text-nowrap p-0 m-auto text-center text-white">
|
||||
Organized • Responsible • Meticulous • Analytical • Self-motivating
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="text-primary" />
|
||||
|
||||
<div class="row mb-3 ms-2 me-2">
|
||||
<div class="card p-2 ps-3 pe-3 border border-1 border-primary">
|
||||
<p class="fs-6 fw-lighter card-subtitle m-0">September 2018 – March 2022</p>
|
||||
<p class="fs-4 card-title m-0">B.S. in Computer Science</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Oregon State University</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Graduated Cum Laude</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Dean’s List: Fall 2020, Fall 2021</p>
|
||||
<p class="fs-6 fw-lighter card-subtitle">Final GPA: 3.33</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3 ms-2 me-2">
|
||||
<div class="bg-white rounded p-2 border border-1 border-primary">
|
||||
<div class="card-header fs-3">
|
||||
Skills \ Languages
|
||||
</div>
|
||||
<div class="overflow-auto" style="max-height: 15rem">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">C# / C++ / C</li>
|
||||
<li class="list-group-item">ASP.NET / .NET Core</li>
|
||||
<li class="list-group-item">Blazor WASM</li>
|
||||
<li class="list-group-item">React</li>
|
||||
<li class="list-group-item">Java</li>
|
||||
<li class="list-group-item">JavaScript</li>
|
||||
<li class="list-group-item">HTML / CSS</li>
|
||||
<li class="list-group-item">SQL / MYSQL / MSSQL</li>
|
||||
<li class="list-group-item">JSON / XML</li>
|
||||
<li class="list-group-item">Python</li>
|
||||
<li class="list-group-item">Swift</li>
|
||||
<li class="list-group-item">TypeScript</li>
|
||||
<li class="list-group-item">MATLAB</li>
|
||||
<li class="list-group-item">R</li>
|
||||
<li class="list-group-item">LaTeX</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3 ms-2 me-2">
|
||||
<div class="bg-white rounded p-2 border border-1 border-primary">
|
||||
<div class="card-header fs-3">
|
||||
Technology
|
||||
</div>
|
||||
<div class="overflow-auto" style="max-height: 15rem">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">MS Visual Studio 2022</li>
|
||||
<li class="list-group-item">Git / GitHub / GitLab</li>
|
||||
<li class="list-group-item">RESTful API</li>
|
||||
<li class="list-group-item">Docker</li>
|
||||
<li class="list-group-item">Terraform</li>
|
||||
<li class="list-group-item">Jira</li>
|
||||
<li class="list-group-item">Linux / UNIX</li>
|
||||
<li class="list-group-item">SQL / MYSQL / MSSQL</li>
|
||||
<li class="list-group-item">Unreal Engine</li>
|
||||
<li class="list-group-item">Unity</li>
|
||||
<li class="list-group-item">Blendr</li>
|
||||
<li class="list-group-item">Windows, Android & iOS</li>
|
||||
<li class="list-group-item">Gephi</li>
|
||||
<li class="list-group-item">Excel / Microsoft Office Suite</li>
|
||||
<li class="list-group-item">Figma</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue