Skip to content

Commit

Permalink
page added
Browse files Browse the repository at this point in the history
  • Loading branch information
@brandonleboeuf
brandonleboeuf committed Jul 18, 2020
1 parent 24677ba commit e6f5bd4
Show file tree
Hide file tree
Showing 6 changed files with 309 additions and 140 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
208 changes: 109 additions & 99 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,123 +15,133 @@
</head>
<body>
<nav>
<div>
<ul>
<li>Resources</li>
<li>Contact</li>
<li>Blog</li>
<li>Playlist</li>
</ul>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="./resources.html">Resources</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>

<div id="hero">
<div>
<h1>Brandon LeBoeuf</h1>
<h2>Softwaer Engineer</h2>
</div>
<div id="password">
<label for="password">PASSWORD</label>
<input name="password">
<div class="wrapper">
<div id="hero">
<div>
<h1>Brandon LeBoeuf</h1>
<h2>Software Engineer</h2>
</div>
<div id="password">
<label for="passwordInput">PASSWORD</label>
<input type="text" id="passwordInput" name="passwordInput" placeholder="||">
</div>
</div>
</div>

<main>
<section id="resume" class="content fadeBlue">
<div div class="about-obj">
<h2>About Me</h2>
<p>{</p>
<ul>
<li> name: 'Brandon LeBoeuf',</li>
<li> age: 34, </li>
<li> ocupation: 'freelance Software Engineer',</li>
<li> location: 'Portland, OR',</li>
</ul>
<p>}</p>
<div id="about">
<p >I love that software engineering allows me to be creative, solve puzzles, articulate vissions, and create realitys. There is a thrill in seeing things 'become' and reword to pushing through discomford to gain understainding. I work with people to help their vision become a reality and I am constintly learning and pushing myself to grow. Please reach out if you have questions about my work, my process, or are intrested in posibly working together!</p>

<main>
<section id="resume" class="content fadeBlue">
<div div class="about-obj">
<h2>About Me</h2>
<p>{</p>
<ul>
<li> name: 'Brandon LeBoeuf',</li>
<li> age: 34, </li>
<li> ocupation: 'freelance Software Engineer',</li>
<li> location: 'Portland, OR',</li>
</ul>
<p>}</p>
</div>
<div id="about">
<p >I love that software engineering allows me to be creative, solve puzzles, articulate vissions, and create realitys. There is a thrill in seeing things 'become' and reword to pushing through discomford to gain understainding. I work with people to help their vision become a reality and I am constintly learning and pushing myself to grow. Please reach out if you have questions about my work, my process, or are intrested in posibly working together!</p>
</div>
</section>

<section id="d_and_d" class="content fadeBlue">
<div div class="about-obj">
<h2>Dungeons and Dragons </h2>
<p>{</p>
<ul>
<li> name: 'Seoul',</li>
<li> age: 34, </li>
<li> ocupation: 'freelance Software Engineer',</li>
<li> location: 'Portland, OR',</li>
<li> __d&d class__: ranger, </li>
<li> __d&d race__: Tabaxi </li>
</ul>
<p>}</p>
<div id="about">

</div>
</div>
</div>
</div>
</section>

<section id="d_and_d" class="content fadeBlue">
<div div class="about-obj">
<h2>Dungeons and Dragons </h2>
<p>{</p>
</section>

<section class="content row fadeGreen">
<div>
<img src="./styles/img/puppet.jpg" />
</div>
<div>
<div class="about-obj">
<h2>Engineering Skills</h2>
<p>{</p>
<ul>
<li> name: 'Seoul',</li>
<li> age: 34, </li>
<li> ocupation: 'freelance Software Engineer',</li>
<li> location: 'Portland, OR',</li>
<li> __d&d class__: ranger, </li>
<li> __d&d race__: Tabaxi </li>
</ul>
<p>}</p>
<div id="about">

<li>Test Driven Development,</li>
<li>JavaScript,</li>
<li>React,</li>
<li>CSS,</li>
<li>HTML,</li>
<li>Python,</li>
<li>Git</li>
</ul>
<p>}</p>
</div>
</div>
</div>
</section>

<section class="content fadeGreen">
<div>
<div class="about-obj">
<h2>Engineering Skills</h2>
<p>{</p>
<ul>
<li>Test Driven Development,</li>
<li>JavaScript,</li>
<li>React,</li>
<li>CSS,</li>
<li>HTML,</li>
<li>Python,</li>
<li>Git</li>

<div class="about-obj">
<h2>Social Skills</h2>
<p>{</p>
<ul>
<li>10+ years of MGMT experience,</li>
<li>A love for diverse perspectives and cultures,</li>
<li>Hospitalty,</li>
<li>Comunication,</li>
<li>Leadership,</li>
<li>Followthrough,</li>
<li>Creativitiy</li>
</ul>
<p>}</p>
<p>}</p>
</div>
</div>

</section>

<div class="about-obj">
<h2>Social Skills</h2>
<p>{</p>
<ul>
<li>10+ years of MGMT experience,</li>
<li>A love for diverse perspectives and cultures,</li>
<li>Hospitalty,</li>
<li>Comunication,</li>
<li>Leadership,</li>
<li>Followthrough,</li>
<li>Creativitiy</li>
</ul>
<p>}</p>
</div>
<div id="projects" class="fadeBlue">
<h2>Projects</h2>
<ul>
<li><a class="thunderdog" target="_blank">ThunderDog</a></li>
<li><a class="realthread"href="https://www.realthread.com/" target="_blank">Realthread</a></li>
<li><a class="furrow" href="https://theFurrow.tv" target="_blank">theFurrow.tv</a></li>
<li><a class="crypto" href="https://www.cryptoratingcouncil.com/" target="_blank">CryptoRatingCouncil</a></li>
</ul>
</div>
<div>
<img src="./styles/img/puppet.jpg" />
<div id="contact">
<form></form>
</div>
</section>

<div id="projects" class="fadeBlue">
<h2>Projects</h2>
</main>
</div>
<footer>
<div>
<ul>
<li class="thunderdog" target="_blank"><a href="ThunderDog.com">ThunderDog</a></li>
<li class="realthread"href="https://www.realthread.com/" target="_blank"><a href="ThunderDog.com">Realthread</a></li>
<li class="furrow" href="https://theFurrow.tv" target="_blank"><a href="ThunderDog.com">theFurrow.tv</a></li>
<li class="crypto" href="https://www.cryptoratingcouncil.com/" target="_blank"><a href="ThunderDog.com">CryptoRatingCouncil</a></li>
<li><a href="#">Home</a></li>
<li><a href="./resources.html">Resources</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div id="contact">
<form></form>
</div>
</main>

<footer>
<div>
<h5><a href="mailto:[email protected]">[email protected]</a></h5>
<h5><a href="https://twitter.com/brandoneleboeuf" >@BrandonELeBoeuf</a></h5>
</div>
</footer>
<script src="./script.js"></script>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="./scripts/script.js"></script>
</body>
</html>
108 changes: 108 additions & 0 deletions resources.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="./styles/reset.css" rel="stylesheet" type="text/css" />
<link href="./styles/styles.css" rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Roboto:wght@300;400;700&display=swap"
rel="stylesheet"
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Resources</title>
</head>
<body>
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Playlist</a></li>
</ul>
</nav>
<div class="wrapper">
<div id="hero">
<div>
<h1>Brandon LeBoeuf</h1>
<h2>Software Engineer</h2>
</div>
<div id="password">
<label for="passwordInput">PASSWORD</label>
<input type="text" id="passwordInput" name="passwordInput" placeholder="||">
</div>
</div>

<section id='functions'>
<div>
<h2>Functions</h2>
<ul>
<li><a href="">.map()</a></li>
<li><a href="">.reduce()</a></li>
<li><a href="">.forEach()</a></li>
<li><a href="">.forEach()</a></li>
</ul></div>


<div>
<h2>Flex</h2>
<ul>
<li><a href="">.map()</a></li>
<li><a href="">.reduce()</a></li>
<li><a href="">.forEach()</a></li>
<li><a href="">.forEach()</a></li>
</ul>
</div>


<div>
<h2>Flexbox</h2>
<ul>
<li><a href="">.map()</a></li>
<li><a href="">.reduce()</a></li>
<li><a href="">.forEach()</a></li>
<li><a href="">.forEach()</a></li>
</ul>
</div>


</section>

<section id='links'>
<h2>links</h2>
<ul>
<li><a href="">CSS-Tricks</a></li>
<li><a href="">MDN</a></li>
<li><a href="">W3C</a></li>
<li><a href="">Adoby Color CC</a></li>

</ul>
</section>

<section id='tech'>
<h2>Tech</h2>
<ul>
<li><a href="">React</a></li>
<li><a href="">jQuery</a></li>
<li><a href="">node.js</a></li>
<li><a href="">Express</a></li>
<li><a href="">Redwood.js</a></li>
<li><a href="">TypeScript</a></li>
<li><a href="">JameStack</a></li>
<li><a href="">Github</a></li>
<li><a href="">medium</a></li>
<li><a href="">Smashing Magazine</a></li>
</ul>
</section>

<section id='teachers'>
<h2>Teachers</h2>
<ul>
<li><a href="">FrontEnd Happy Hour</a></li>
<li><a href="">Jake LeBoeuf</a></li>
<li><a href="">Jason Lengstorf</a></li>
<li><a href="">FrontEnd Masters</a></li>
<li><a href="">CodeCademy</a></li>
</ul>
</section>
</body>
</html>
18 changes: 17 additions & 1 deletion script.js → scripts/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@
}

// script taken from https://github.com/MarkHjorth/nedry

{
/* <script>
ahahah = new Audio("./styles/jarasicPark/ahahah.mp3");
Expand All @@ -14,3 +13,20 @@
ahahah.play();
</script> */
}

// creat toggel access hidden pages if password is valid

const password = document.getElementById("passwordInput");

const handleInput = function (e) {
const input = password.onchange.tolowercase;

if (
input === "d&d" ||
input === "dungeons and dragons" ||
input === "dungeons & dragons"
) {
}
};

console.log(password);
Binary file modified styles/.DS_Store
View file
Binary file not shown.
Loading

0 comments on commit e6f5bd4

Please sign in to comment.