Skip to content

Commit

Permalink
Replace portrait photos
Browse files Browse the repository at this point in the history
  • Loading branch information
Jacob Rhoda committed Apr 5, 2024
1 parent aac8f82 commit c84d483
Show file tree
Hide file tree
Showing 5 changed files with 171 additions and 175 deletions.
29 changes: 6 additions & 23 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,30 +137,13 @@ section > .container {
.hero {
color: #fff;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
height: 100%;
}

.hero > img {
/*background: url() no-repeat fixed top;*/
/*background-size: cover;*/
vertical-align: top;
position: relative;
width: 105%;
/*height: 100%;*/
/* right: 100%; */
}

@media (max-width: 768px) {
.hero > img {
/*background: url() no-repeat fixed top;*/
/*background-size: cover;*/
height: 100%;
width: unset;
right: 120%;
display: block;
/*height: 100%;*/
/* right: 100%; */
}
background-image: url("/images/jacob.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.hero .container {
Expand Down
Binary file modified images/Portrait.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/jacob.jpg
100755 → 100644
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
317 changes: 165 additions & 152 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,175 +1,188 @@
<html>
<head>
<title>Jacob Rhoda</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="I am a programmer, software engineer, maker, and Christ follower.">
<meta name="author" content="Jacob Rhoda">


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Biryani:200,300,400|Roboto:200,300,400" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">

<script src='https://www.google.com/recaptcha/api.js'></script>
</head>

<body id="top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->

<nav id="bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".jacob-nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#top" style="opacity: 0;">Jacob Rhoda</a>
</div>
<div class="collapse navbar-collapse jacob-nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="http://blog.jadar.net/">BLOG</a></li>
<li><a href="#contact">CONTACT ME</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>

<!-- End navigation -->

<!-- Main page -->

<section id="main" class="main-section">
<div class="container-fluid">
<div class="hero parallax">
<img class="rellax" src="/images/jacob.jpg">
<div class="container">
<div class="name-container">
<div class="name">
Jacob<br/>
Rhoda
</div>
<div class="subtitle">
Programmer, Engineer, Maker, Christ Follower.
</div>

<head>
<title>Jacob Rhoda</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="I am a software engineer, maker, and Christ follower.">
<meta name="author" content="Jacob Rhoda">


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Biryani:200,300,400|Roboto:200,300,400" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">

<script src='https://www.google.com/recaptcha/api.js'></script>
</head>

<body id="top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->

<nav id="bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".jacob-nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#top" style="opacity: 0;">Jacob Rhoda</a>
</div>
<div class="collapse navbar-collapse jacob-nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="http://blog.jadar.net/">BLOG</a></li>
<li><a href="#contact">CONTACT ME</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>

<!-- End navigation -->

<!-- Main page -->

<section id="main" class="main-section">
<div class="container-fluid">
<div class="hero parallax">
<div class="container">
<div class="name-container">
<div class="name">
Jacob<br />
Rhoda
</div>
<div class="subtitle">
Software Engineer, Maker, Christ Follower.
</div>
</div>
</div>
<a href="#portfolio" data-scroll="true" data-id="#portfolio" class="scroll-arrow hidden-xs hidden-sm">
<i class="fa fa-angle-down"></i>
</a>
</section>

<!-- End main page -->

<a id="portfolio"></a>

<!-- Start RPI section -->

<section id="portfolio-rpi" class="section">
<center><h1>Portfolio</h1></center>
<div class="container">
<div class="row">
<div class="col-md-4">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="rpi-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
<div class="col-md-1">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-6">
<h2>RP International / Covfamikoi</h2>
<br/>
RP International allows attendees to make the most of the conference. Find the classes, seminars, and events, that you're interested in! Get a heads up view of what is coming next and plan out your day in detail. Make the most of your time by easily filtering through the events and seeing what matters to you.
<br/>&nbsp;
<ul>
<li>See what events are happening on an hour-by-hour basis.</li>
<li>Favorite events so you know exactly what you want to do.</li>
<li>Easily find where events are located.</li>
<li>Filter events by category. (Nursery, Preschool, Kindergarten, Juniors, Middle School, High School, College, Phase 2, Adult, and more!)</li>
<li>Search events by their name, location, speaker, and description.</li>
<li>Receive reminders 15-minutes before a favorite event begins.</li>
</ul>
</div>
</div>
<a href="#portfolio" data-scroll="true" data-id="#portfolio" class="scroll-arrow hidden-xs hidden-sm">
<i class="fa fa-angle-down"></i>
</a>
</section>

<!-- End main page -->

<a id="portfolio"></a>

<!-- Start RPI section -->

<section id="portfolio-rpi" class="section">
<center>
<h1>Portfolio</h1>
</center>
<div class="container">
<div class="row">
<div class="col-md-4">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="rpi-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
<div class="col-md-1">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-6">
<h2>RP International / Covfamikoi</h2>
<br />
RP International allows attendees to make the most of the conference. Find the classes, seminars, and events,
that you're interested in! Get a heads up view of what is coming next and plan out your day in detail. Make
the most of your time by easily filtering through the events and seeing what matters to you.
<br />&nbsp;
<ul>
<li>See what events are happening on an hour-by-hour basis.</li>
<li>Favorite events so you know exactly what you want to do.</li>
<li>Easily find where events are located.</li>
<li>Filter events by category. (Nursery, Preschool, Kindergarten, Juniors, Middle School, High School,
College, Phase 2, Adult, and more!)</li>
<li>Search events by their name, location, speaker, and description.</li>
<li>Receive reminders 15-minutes before a favorite event begins.</li>
</ul>
</div>
</div>
</section>

<!-- End RPI section -->

<!-- Start CYPU section -->

<section id="portfolio-cypu" class="section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>CYPU</h2>
<br/>
The website for Covenanter Young Peoples Union, an organization of the Great Lakes/Gulf Presbytery of the Reformed Presbyterian Church, informs students and parents of upcoming events.
<br/>&nbsp;
<ul>
<li>See what events are happening during the year.</li>
<li>Know when registration is open.</li>
<li>Register and pay conference fees online for easy check-in.</li>
</ul>
</div>
<div class="col-md-1">
<a href="http://cypu.info">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-4">
<a href="http://cypu.info">
<figure class="cypu-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
</div>
</section>

<!-- End RPI section -->

<!-- Start CYPU section -->

<section id="portfolio-cypu" class="section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>CYPU</h2>
<br />
The website for Covenanter Young Peoples Union, an organization of the Great Lakes/Gulf Presbytery of the
Reformed Presbyterian Church, informs students and parents of upcoming events.
<br />&nbsp;
<ul>
<li>See what events are happening during the year.</li>
<li>Know when registration is open.</li>
<li>Register and pay conference fees online for easy check-in.</li>
</ul>
</div>
<div class="col-md-1">
<a href="http://cypu.info">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-4">
<a href="http://cypu.info">
<figure class="cypu-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
</div>
</section>
</div>
</section>

<!-- End CYPU section -->
<!-- End CYPU section -->

<section id="contact" class="section">
<div class="container">
<center>
<section id="contact" class="section">
<div class="container">
<center>
<h1>Contact Me</h1>
<div><figure class="portrait"></figure></div>
<div>
<figure class="portrait"></figure>
</div>
<div class="contact-icons">
<a href="https://github.com/jadar/" class="fa fa-github"></a>
<a href="https://www.linkedin.com/in/jacob-r-44a599122/" class="fa fa-linkedin"></a>
</div>
<h3>Have a question? Drop me a line!</h3>
</center>
</div>
</section>
</center>
</div>
</section>

<footer>
</footer>

<footer>
</footer>
<!-- Scripts -->

<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/rellax.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/rellax.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
// Need DEBUG for old version of Rellax.js
var DEBUG = false;
var rellax = new Rellax('.rellax');
</script>

<script>
// Need DEBUG for old version of Rellax.js
var DEBUG = false;
var rellax = new Rellax('.rellax');
</script>
<!-- End Scripts -->

<!-- End Scripts -->
</body>

</body>
</html>

0 comments on commit c84d483

Please sign in to comment.