Browse Source

Added dashdrop to the portfolio.

master
John Shaver 4 years ago
parent
commit
731487b9c9
  1. 22
      css/main.css
  2. BIN
      images/dashdrop-1.png
  3. BIN
      images/dashdrop-2.png
  4. BIN
      images/dashdrop-3.png
  5. 28
      index.html

22
css/main.css

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

BIN
images/dashdrop-1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/dashdrop-2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/dashdrop-3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

28
index.html

@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.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>
</head>
<body>
@ -23,7 +23,7 @@ @@ -23,7 +23,7 @@
<h2>About Me</h2>
<p class="attention">I’m a full-stack engineer with experience building
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>
<p>I have been working with websites and code since I was a kid and then
@ -39,6 +39,30 @@ @@ -39,6 +39,30 @@
</section>
<section class="section projects">
<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>
<div class="project">
<div class="project-image">

Loading…
Cancel
Save