-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
beb60d3
commit 3cfe7b2
Showing
1 changed file
with
203 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,203 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>About Me - Halie Eckert</title> | ||
|
|
||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!-- BOOTSTRAP 5 --> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
|
|
||
| <!-- GOOGLE FONTS --> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
|
|
||
| <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> | ||
|
|
||
|
|
||
| <style> | ||
|
|
||
| body { | ||
| margin: 0; | ||
| background-color: #684455; | ||
| color: #fff; | ||
| overflow-x: hidden; | ||
| } | ||
|
|
||
| h1, h2, h3 { | ||
| font-family: "Zilla Slab", serif; | ||
| } | ||
|
|
||
| h1 { | ||
| text-align: center; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| h2 { | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| h3 { | ||
| font-weight: normal; | ||
| text-decoration: underline; | ||
| color: #eddbe0; | ||
| font-size: 1.5rem; | ||
| } | ||
|
|
||
| .dk-blue-bg { | ||
| background-color: #000c27; | ||
| } | ||
|
|
||
| p { | ||
| font-family: "Roboto", sans-serif; | ||
| line-height: 1.5rem; | ||
| font-size: 1.1rem; | ||
| } | ||
|
|
||
| #intro { | ||
| background-color: #dcf3ff; | ||
| color: #000; | ||
| } | ||
|
|
||
| #intro img { | ||
| height: auto; | ||
| min-height: 300px; | ||
| min-width: 300px | ||
| } | ||
|
|
||
| #intro p { | ||
| width: 100%; | ||
| padding-left: 1em; | ||
| } | ||
|
|
||
| .project { | ||
| border-bottom: 1px solid #000; | ||
| } | ||
|
|
||
| #hobbies { | ||
| background-color: rgb(0 12 39 / 17%); | ||
| margin: 0.5em; | ||
| padding: 0.5em; | ||
| font-weight: 300; | ||
| } | ||
|
|
||
| .img { | ||
| height: auto; | ||
| min-height: auto; | ||
| min-width: 200px | ||
| } | ||
|
|
||
|
|
||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="container-fluid w-100 p-0 dk-blue-bg"> | ||
| <div class="row p-5 pb-3"> | ||
| <h1 class="m-0 w-100 h-100">━   About Me   ━</h1> | ||
| </div> | ||
| <nav class="row navbar navbar-expand-lg navbar-light pb-3"> | ||
| <div class="navbar-collapse justify-content-center"> | ||
| <ul class="navbar-nav "> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#intro" style="color:lightgray">Intro</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#projects" style="color:lightgray">Projects</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#hobbies" style="color:lightgray">Hobbies</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| </div> | ||
|
|
||
| <!-- INTRO --> | ||
| <div id="intro" class="container-fluid w-100 p-3"> | ||
| <div class="row w-100 align-items-center m-0 p-0"> | ||
| <div class="col p-0"> | ||
| <img class="img-fluid" src="Assets/Images/me.jpg" height="300"> | ||
| </div> | ||
| <div class="col-8 pt-5 pb-5 pl-0 pr-0 m-0"> | ||
| <p class="p-0 p-4">Hello, my name's Halie Eckert! I'm a senior at Kent State University with a deep passion for programming. | ||
| I have experience with Python, Java, basic web development, and database systems. I'm currently employed as a | ||
| student employee, as well as a co-op student at Sherwin-Williams. After I graduate, I plan on furthering my | ||
| career at Sherwin-Williams.</p> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- PROJECTS --> | ||
| <div id="projects" class="container-fluid pt-5"> | ||
| <h2>Experience And Projects</h2> | ||
| <div class="container-fluid row pl-5"> | ||
|
|
||
| <div class="row p-5"> | ||
| <h3 class="p-0 m-0">Sherwin-Williams Intern/Co-Op</h3> | ||
| </div> | ||
| <div class="row m-5 mt-0 mb-0 pb-5 project"> | ||
| <p>At Sherwin-Williams, I've had the oppurtunity to be involved in multiple projects, such as the ProDash Upgrade. | ||
| On this project, I played a part in updating Sherwin-Williams web dashboard for their Pro-users, such as painters and | ||
| contractors. I also manage, document, and maintain, CPRA banners on all PSG Sherwin domains.</p> | ||
| </div> | ||
| </div> | ||
| <div class="container-fluid row pl-5 align-items-center"> | ||
| <div class="row p-5"> | ||
| <h3 class="p-0 m-0">Spatial-Social Networks Research</h3> | ||
| </div> | ||
| <div class="col m-5 mt-0 mb-0 pb-5 project"> | ||
| <p class="p-3 pt-0 pb-0">Location-based social networks have grown in size and popularity in the past two decades due to their | ||
| real-world versatility. In such networks, it is important to create a spatial-social network that | ||
| not only looks into personal relationships among users but also their geographical closeness on road | ||
| networks. This research focuses on creating a system to analyze and query such networks.</p> | ||
| </div> | ||
| <div class="col p-5 pt-0"> | ||
| <img class="img-fluid" src="Assets/Images/ssn.jpg" style="height: auto; min-width: 300px"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-fluid row pl-5"> | ||
| <div class="row p-5"> | ||
| <h3 class="p-0 m-0">KSU Ticketing System Data Transfer</h3> | ||
| </div> | ||
| <div class="row m-5 mt-0 mb-0 pb-5"> | ||
| <p>This project aimed at creating a data export of open service tickets, reformat the export, and import | ||
| the data to a new ticketing system. A python script was created to work with the ticketing system | ||
| API and build the import file.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- HOBBIES --> | ||
| <div id="hobbies" container-fluid pt-5> | ||
| <div class="row"> | ||
| <h2>Hobbies</h2> | ||
| </div> | ||
| <div class="row"> | ||
| <p>In my free time, I enjoy fish and reptile keeping and (unsurprisingly) programming. I currently have | ||
| 13 aquariums, a gecko, and two cats in my small apartment. I also foster cats with the Portage | ||
| APL and have asisted with rehabilitating and finding over 20 cats their forever homes.</p> | ||
| </div> | ||
| <div class="container-fluid row"> | ||
| <div class="col"> | ||
| <img class="img-fluid img" src="Assets/Images/cats.jpg"> | ||
| </div> | ||
| <div class="col"> | ||
| <img class="img-fluid img" src="Assets/Images/fish.jpg"> | ||
| </div> | ||
| <div class="col"> | ||
| <img class="img-fluid img" src="Assets/Images/axolotls.jpg"> | ||
| </div> | ||
| <div class="col"> | ||
| <img class="img-fluid img" src="Assets/Images/gecko.jpg"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| </body> | ||
| </html> |