The site is more or less working. Some weirdness with animations though
This commit is contained in:
103
src/app/resume/resume.component.css
Normal file
103
src/app/resume/resume.component.css
Normal file
@@ -0,0 +1,103 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 16px Helvetica, Sans-Serif;
|
||||
line-height: 24px;
|
||||
background: url(../../assets/noise.jpg);
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#page-wrap {
|
||||
width: 800px;
|
||||
margin: 40px auto 60px;
|
||||
}
|
||||
|
||||
#pic {
|
||||
float: right;
|
||||
margin: -30px 0 0 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 16px 0;
|
||||
padding: 0 0 16px 0;
|
||||
font-size: 42px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -2px;
|
||||
border-bottom: 1px solid #888;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
margin: 0 0 6px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h2 span {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
font-style: italic;
|
||||
font-family: Georgia, Serif;
|
||||
font-size: 16px;
|
||||
color: #888;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #888;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted #888;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-bottom-style: solid;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 0 32px 17px;
|
||||
}
|
||||
|
||||
#objective {
|
||||
width: 500px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#objective p {
|
||||
font-family: Georgia, serif;
|
||||
font-style: italic;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
padding: 0 26px 0 0;
|
||||
width: 150px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
border-right: 2px solid #888;
|
||||
}
|
||||
|
||||
dd {
|
||||
width: 600px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
dd.clear {
|
||||
float: none;
|
||||
margin: 0;
|
||||
height: 15px;
|
||||
}
|
||||
74
src/app/resume/resume.component.html
Normal file
74
src/app/resume/resume.component.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<div id="page-wrap">
|
||||
|
||||
<img src="../../assets/cthulu.png" alt="Photo of Cthulu" id="pic"/>
|
||||
|
||||
<div id="contact-info" class="vcard">
|
||||
|
||||
<!-- Microformats! -->
|
||||
|
||||
<h1 class="fn">Cameron Ryan Kenneth Cordes</h1>
|
||||
|
||||
<p>
|
||||
Cell: <span class="tel">330-421-6010</span><br/>
|
||||
Email: <a class="email" href="mailto:cameronc.dev@gmail.com">cameronc.dev@gmail.com</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="objective">
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<dl>
|
||||
<dd class="clear"></dd>
|
||||
|
||||
<dt>Education</dt>
|
||||
<dd>
|
||||
<h2>Baldwin Wallace University</h2>
|
||||
<p><strong>Major:</strong> Computer Science<br/>
|
||||
<strong>Minor:</strong> Math</p>
|
||||
</dd>
|
||||
|
||||
<dd class="clear"></dd>
|
||||
|
||||
<dt>Skills</dt>
|
||||
<dd>
|
||||
<h2>Computer skills</h2>
|
||||
<p>Windows, Linux, OSX, Android Studio, Visual Studio, XCode, Microsoft productivity software (Word, Excel, etc).</p>
|
||||
</dd>
|
||||
|
||||
<dd class="clear"></dd>
|
||||
|
||||
<dt>Experience</dt>
|
||||
<dd>
|
||||
<h2>Progressive Insurance <span>Mobile Developer Jan 2018 - Present</span></h2>
|
||||
<ul>
|
||||
<li>Inspired and won highest peasant death competition among servants</li>
|
||||
<li>Helped coordinate managers to grow cult following</li>
|
||||
<li>Provided untimely deaths to all who opposed</li>
|
||||
</ul>
|
||||
|
||||
<h2>Hyland Software <span>Developer II - Westlake, OH - 2016 - 2018</span></h2>
|
||||
<ul>
|
||||
<li>Developed a camera interface and photo viewer using Android Camera API for a consistent method of capturing photos and reviewing them</li>
|
||||
<li>Wrote an image downloading module with in memory caching</li>
|
||||
<li>Started an initiative to use the Model View Presenter pattern to enable more testable code</li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
<dd class="clear"></dd>
|
||||
|
||||
<dt>Hobbies</dt>
|
||||
<dd>Music, Movies, Motorcycles, Homebrewing, Travel</dd>
|
||||
|
||||
<dd class="clear"></dd>
|
||||
|
||||
<dt>References</dt>
|
||||
<dd>Available on request</dd>
|
||||
|
||||
<dd class="clear"></dd>
|
||||
</dl>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
25
src/app/resume/resume.component.spec.ts
Normal file
25
src/app/resume/resume.component.spec.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ResumeComponent } from './resume.component';
|
||||
|
||||
describe('ResumeComponent', () => {
|
||||
let component: ResumeComponent;
|
||||
let fixture: ComponentFixture<ResumeComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ResumeComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ResumeComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
15
src/app/resume/resume.component.ts
Normal file
15
src/app/resume/resume.component.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-resume',
|
||||
templateUrl: './resume.component.html',
|
||||
styleUrls: ['./resume.component.css']
|
||||
})
|
||||
export class ResumeComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user