jshaver
/
portfolio
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added dashdrop to the portfolio.

This commit is contained in:
John Shaver 2018-03-21 21:36:00 -07:00
parent 5d88d71fd3
commit 731487b9c9
5 changed files with 39 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/main.css
View File

@ -39,7 +39,7 @@ p {
p.attention { p.attention {
text-align: center; text-align: center;
font-style: italic; /* font-style: italic; */
} }
h4 { h4 {
@ -53,20 +53,19 @@ h4 {
} }
.project-image { .project-image {
margin: 2rem; margin-right: 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
width: 15rem; width: 15rem;
max-width: 40%; max-width: 40%;
right: 100%; right: 100%;
align-items: flex-end; align-items: flex-end;
} }
.project-image > img { .project-image > img {
max-width: 100%; max-width: 100%;
margin-top: 2rem; margin-bottom: 3rem;
margin-bottom: 2rem;
-webkit-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17); -webkit-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17); -moz-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17);
box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17); box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17);
@ -93,3 +92,8 @@ span.no-break {
section { section {
margin-bottom: 2.3rem; margin-bottom: 2.3rem;
} }
.project-info {
margin: 1.5em 0 5em 0;
}

BIN
images/dashdrop-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/dashdrop-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/dashdrop-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

28
index.html
View File

@ -2,7 +2,7 @@
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" media="screen and (max-width: 700px)" href="css/700.css" /> <link rel="stylesheet" media="screen and (max-width: 700px)" href="css/700.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i" rel="stylesheet">
<title>Javascipt Developer - Portfolio</title> <title>Javascipt Developer - Portfolio</title>
</head> </head>
<body> <body>
@ -23,7 +23,7 @@
<h2>About Me</h2> <h2>About Me</h2>
<p class="attention">I’m a full-stack engineer with experience building <p class="attention">I’m a full-stack engineer with experience building
and deploying web based applications from the ground up as well as and deploying web based applications from the ground up as well as
debugging and maintaining existing systems. I am looking for a remote debugging and maintaining legacy systems. I am looking for a remote
full-stack/frontend position with a team that embraces remote work</p> full-stack/frontend position with a team that embraces remote work</p>
<p>I have been working with websites and code since I was a kid and then <p>I have been working with websites and code since I was a kid and then
@ -39,6 +39,30 @@
</section> </section>
<section class="section projects"> <section class="section projects">
<h2>Recent Software Projects</h2> <h2>Recent Software Projects</h2>
<h3>Dashdrop</h3>
<div class="project">
<div class="project-image">
<img class="main-image" src="images/dashdrop-1.png"/>
<img class="main-image" src="images/dashdrop-2.png"/>
<img class="main-image" src="images/dashdrop-3.png"/>
</div>
<div class="project-info">
<h4>Project Goals</h4>
<p>DashDrop is a service to allow dash enthusiasts to automatically
generate and fund promotional wallets to distribute at
conferences and events for the purpose of promoting the dash
currency. The project owners had a new design commisioned for
the app and needed it implemented quickly.
<h4>My Contributions</h4>
<p>The app was already built but they needed someone with strong
CSS experience to implement the new design. I implmented the new
design using CSS styles and made some small changes in the
Javascript, where needed, to change the structure of the
interface.</p>
<h4>Technologies Used</h4>
<p>CSS and some JQuery</p>
</div>
</div>
<h3>NewVistas Website Platform</h3> <h3>NewVistas Website Platform</h3>
<div class="project"> <div class="project">
<div class="project-image"> <div class="project-image">