Skip to content

Commit

Permalink
Revamp to new template and create half finished resume link
Browse files Browse the repository at this point in the history
  • Loading branch information
wcolburn committed Dec 5, 2021
1 parent 84bf40f commit cdac963
Show file tree
Hide file tree
Showing 6 changed files with 173 additions and 10 deletions.
Binary file modified .DS_Store
Binary file not shown.
Binary file added Colburn Resume.docx
Binary file not shown.
Binary file added html/.DS_Store
Binary file not shown.
58 changes: 58 additions & 0 deletions html/mainproject.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.88.1">
<title>William Colburn's Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet">

<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>

</head>
<body class="d-flex h-100 text-center text-white bg-dark">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">William Colburn</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>

<main class="px-3">
<h1>Cover your page.</h1>
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
<p class="lead">
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a>
</p>
</main>

<footer class="mt-auto text-white-50">
<p>Footer text.</p>
</footer>
</div>

</body>
</html>
58 changes: 58 additions & 0 deletions html/resume.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.88.1">
<title>William Colburn's Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet">

<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>

</head>
<body class="d-flex h-100 text-center text-white bg-dark">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">William Colburn</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link" href="../index.html">Home</a>
<a class="nav-link active" aria-current="page" href="#">Resume</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>

<main class="px-3">
<h1>Cover your page.</h1>
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
<p class="lead">
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a>
</p>
</main>

<footer class="mt-auto text-white-50">
<p>Footer text.</p>
</footer>
</div>

</body>
</html>
67 changes: 57 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,62 @@
<!DOCTYPE html>
<html>
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8" />
<link href="screen.css" media="screen" rel="stylesheet" type="text/css" />
<title>YOUR NAME</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.88.1">
<title>William Colburn's Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet">

<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>

</head>
<body class="index">
<div id="main" role="main">
<h1>Your Name</h1>
<p>One sentence about what this is Visit my <a href = "https://github.com/wcolburn"> GitHub Account </a>.</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Lower_Petergate_in_York%2C_England.jpg/1024px-Lower_Petergate_in_York%2C_England.jpg">
<body class="d-flex h-100 text-center text-white bg-dark">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">William Colburn</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link" href="html/resume.html">Resume</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>

<main class="px-3">
<h1>Hello!</h1>
<p class="lead">My name is William, but I go by Liam. </p>
<p class="lead">I'm a student at Oregon State University Cascades, and I'm majoring in Computer Science.</p>
<p class="lead">
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a>
</p>
<p class="lead">
<a href="Colburn Resume.docx" class="btn btn-lg btn-secondary fw-bold border-white bg-white" download>My Resume</a>
</p>
</main>

<footer class="mt-auto text-white-50">
<p>Footer text.</p>
</footer>
</div>

</body>
</html>

0 comments on commit cdac963

Please sign in to comment.