Added dashdrop to the portfolio.
This commit is contained in:
parent
5d88d71fd3
commit
731487b9c9
5 changed files with 39 additions and 11 deletions
12
css/main.css
12
css/main.css
|
|
@ -39,7 +39,7 @@ p {
|
||||||
|
|
||||||
p.attention {
|
p.attention {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: italic;
|
/* font-style: italic; */
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
|
|
@ -53,7 +53,7 @@ h4 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-image {
|
.project-image {
|
||||||
margin: 2rem;
|
margin-right: 2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -65,8 +65,7 @@ h4 {
|
||||||
|
|
||||||
.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
BIN
images/dashdrop-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
images/dashdrop-2.png
Normal file
BIN
images/dashdrop-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
images/dashdrop-3.png
Normal file
BIN
images/dashdrop-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
28
index.html
28
index.html
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue