Skip to content

I
interface
Commit ab891d1b authored by Hayden Adams's avatar Hayden Adams
Browse files
Options

first demo release

parent 65b3660b
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 487 additions and 109 deletions
package.json
View file @ ab891d1b
{ {
"name": "hello-world", "name": "uniswap",
"homepage": "https://haydenadams.github.io/uniswap/",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
...@@ -7,12 +8,17 @@ ...@@ -7,12 +8,17 @@
"react": "^16.0.0", "react": "^16.0.0",
"react-dom": "^16.0.0", "react-dom": "^16.0.0",
"react-scripts": "1.0.14", "react-scripts": "1.0.14",
"react-web3": "^0.4.3",
"web3": "^1.0.0-beta.23" "web3": "^1.0.0-beta.23"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",
"build": "react-scripts build", "build": "react-scripts build",
"test": "react-scripts test --env=jsdom", "test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject" "eject": "react-scripts eject",
"deploy": "npm run build&&gh-pages -d build"
},
"devDependencies": {
"gh-pages": "^1.0.0"
} }
} }
smart_contracts/SafeMath.sol 0 → 100644
View file @ ab891d1b
pragma solidity 0.4.18;
/// @title SafeMath
/// @dev Math operations with safety checks that throw on error
library SafeMath {
/// @dev Multiplies a times b
function mul(uint256 a, uint256 b)
internal
constant
returns (uint256)
{
uint256 c = a * b;
assert(a == 0 || c / a == b);
return c;
}
/// @dev Divides a by b
function div(uint256 a, uint256 b)
internal
constant
returns (uint256)
{
// assert(b > 0); // Solidity automatically throws when dividing by 0
uint256 c = a / b;
// assert(a == b * c + a % b); // There is no case in which this doesn't hold
return c;
}
/// @dev Subtracts a from b
function sub(uint256 a, uint256 b)
internal
constant
returns (uint256)
{
assert(b <= a);
return a - b;
}
/// @dev Adds a to b
function add(uint256 a, uint256 b)
internal
constant
returns (uint256)
{
uint256 c = a + b;
assert(c >= a);
return c;
}
}
src/App.css
View file @ ab891d1b
...@@ -7,30 +7,78 @@ ...@@ -7,30 +7,78 @@
font-family: Optima, sans-serif; font-family: Optima, sans-serif;
} }
.App-header { .title {
height: 1px;
color: rgb(209, 151, 245);
text-shadow: 2.5px 2px 6px #ff78e5;
font-family: Optima, sans-serif;
}
.App-title {
position: fixed; position: fixed;
font-size: 8vh; font-size: 9vh;
margin-top: 1vh; margin-top: 1vh;
margin-left: 2vh;
float: left; float: left;
padding-left: 2vh; text-shadow: 3px 3px 10px #f29ae1;
color: rgb(220, 173, 247);
font-weight: bold;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgb(180, 81, 179);
}.title:hover{
color: rgb(122, 251, 255);
text-shadow: 3px 3px 10px #2daae0;
font-weight: bold;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgb(22, 177, 210);
}
/* entire container, keeps perspective */
.titled-container {
perspective: 1000px;
}
/* flip the pane when hovered */
.titled-container:hover .title, .titled-container.hover .title {
transform: rotateX(180deg);
}
.titled-container, .front, .back {
width: 1vh;
height: 0.1vh;
}
/* flip speed goes here */
.title {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
/* front pane, placed above back */
.front {
z-index: 2;
/* for firefox 31 */
transform: rotateX(0deg);
}
/* back, initially hidden pane */
.back {
transform: rotateX(180deg);
} }
.ethLogo { .ethLogo {
position: fixed; position: fixed;
right: 25vh; z-index: 0;
right: 22vh;
position: fixed; position: fixed;
height: 12vh; height: 10vh;
z-index: 1; z-index: 1;
padding-top: 11px; margin-top: 1vh;
padding-right: 12px; margin-right: 5vh;
opacity: 0.8; opacity: 0.6;
-webkit-filter: invert(.8); -webkit-filter: invert(.8);
filter: invert(.8); filter: invert(.8);
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
...@@ -48,7 +96,7 @@ ...@@ -48,7 +96,7 @@
clear: both; clear: both;
z-index: 1; z-index: 1;
height:25vh; height:25vh;
opacity: 0.85; opacity: 0.75;
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-khtml-user-select: none; -khtml-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -58,81 +106,199 @@ ...@@ -58,81 +106,199 @@
opacity: 1; opacity: 1;
} }
.Warning {
position: fixed;
z-index: 3;
font-size: 16px;
text-align: center;
left: 35vw;
/*color: rgb(122, 251, 255);
text-shadow: 2px 2px 10px #2daae0;*/
color: rgb(238, 0, 0);
text-shadow: 2px 2px 10px #2daae0;
}
.Account-info { .Account-info {
position: relative; position: fixed;
z-index: 2; z-index: 2;
font-size: 15px;
text-align: left; text-align: left;
font-size: 14px;
top: 60px;
left: 40vw;
color: rgb(122, 251, 255); color: rgb(122, 251, 255);
text-shadow: 2px 2px 6px #2daae0; text-shadow: 2px 2px 10px #2daae0;
padding-top: 37px; width: 35vw;
padding-left: 27em; }.Account-info:hover{
color: rgb(209, 151, 245);
text-shadow: 2px 2px 10px #ff69f0;
} }
.Approval{ .pinkText {
font-size: 15px; position: fixed;
z-index: 3;
color: rgb(216, 169, 236);
text-shadow: 1px 1px 5px #ff69f0;
text-align: left; text-align: left;
}.pinkText:hover{
color: rgb(122, 251, 255); color: rgb(122, 251, 255);
text-shadow: 2px 2px 6px #2daae0; text-shadow: 2px 2px 10px #2daae0;
padding-left: 27em;
} }
.Buy{ .greenText {
font-size: 15px; z-index: 2;
color: rgb(122, 251, 255);
text-shadow: 2px 2px 10px #1c5f7c;
text-align: left; text-align: left;
}.greenText:hover{
color: rgb(220, 160, 245);
text-shadow: 1px 1px 5px #ff69f0;
}
.Approval{
position:fixed;
z-index: 3;
font-size: 15px;
color: rgb(122, 251, 255); color: rgb(122, 251, 255);
right: 10vw;
top: 30vh;
margin-left: 40vw;
text-shadow: 2px 2px 6px #2daae0; text-shadow: 2px 2px 6px #2daae0;
padding-left: 27em;
} }
.approveZero { .approveButton {
background-color: rgba(209, 151, 245, 0.25); position: fixed;
font-size: 14px; background-color: rgba(209, 151, 245, 0.25);
/*text-shadow: 1px 1px 6px #2daae0;*/ font-size: 18px;
font-family: Optima, sans-serif; /*text-shadow: 1px 1px 6px #2daae0;*/
font-weight: bolder; font-family: Optima, sans-serif;
border-radius: 2px; font-weight: bolder;
padding: 2px 4px; border-radius: 8px;
color: rgb(122, 251, 255); padding: 4px 8px;
border: 2px solid rgb(122, 251, 255); color: rgb(122, 251, 255);
-webkit-transition-duration: 0.5s; border: 2px solid rgb(122, 251, 255);
transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}.approveZero:hover { transition-duration: 0.5s;
background-color: rgba(122, 251, 255, 0.15); }.approveButton:hover {
color: rgb(209, 151, 245); background-color: rgba(122, 251, 255, 0.15);
border: 2px solid rgb(209, 151, 245); color: rgb(209, 151, 245);
/*text-shadow: 0px, 0px, 0px #fff;*/ border: 2px solid rgb(209, 151, 245);
/*text-shadow: 1px 1px 6px #ff78e5;*/ cursor: pointer;
} }
.buyButton { .exchange {
padding: 10px; position: fixed;
font-family: Optima, sans-serif;
font-size: 18px;
color: rgb(122, 251, 255);
text-shadow: 2px 2px 10px #2daae0;
} }
.buyInput { .exchange-buyTokensButton {
font-family: Optima, sans-serif; position: fixed;
font-size: 14px; float: left;
width: 100px; bottom: 74vh;
height: 20px; margin-left: 35vw;
}
.exchange-buyEthButton {
position: fixed;
float: left;
bottom: 74vh;
margin-left: 60vw;
}
.exchange-buyTokensInput {
width: 110px;
height: 30px;
text-align: center; text-align: center;
color: rgb(209, 151, 245); color: rgb(209, 151, 245);
vertical-align: middle; vertical-align: middle;
border: 2px solid rgba(209, 151, 245, .15); border: 1px solid rgba(180, 81, 179, 0.55);
background-color: rgba(122, 251, 255, 0.15); background-color: rgba(122, 251, 255, 0.15);
border-radius: 8px 0 0 8px;
font-size: 18px;
font-family: Optima, sans-serif;
} }
input[type="button"] { .exchange-buyEthInput {
font-family: Optima, sans-serif; width: 110px;
font-size: 14px; height: 30px;
width: 50px; text-align: center;
margin-top: 10px;
height: 26px;
background-color: rgba(209, 151, 245, 0.15);
color: rgb(209, 151, 245); color: rgb(209, 151, 245);
vertical-align: middle; vertical-align: middle;
margin-top: -1px; border: 1px solid rgba(180, 81, 179, 0.55);
border: 2px solid rgb(209, 151, 245); border-radius: 8px 0 0 8px;
}.input[type="button"]:hover{ background-color: rgba(122, 251, 255, 0.15);
color: rgb(209, 151, 245); font-size: 18px;
font-family: Optima, sans-serif;
}
.exchange-buyEthInputButton, .exchange-buyTokensInputButton{
position: fixed;
font-size: 20px;
width: 90px;
text-shadow: 3px 3px 10px #1c5f7c;
margin-top: 10px;
height: 30px;
text-align: center;
color: rgb(220, 160, 245);
text-shadow: 1px 1px 5px #ff69f0;
background-color: rgba(126, 228, 255, 0.26);
vertical-align: middle;
margin-top: 1px;
border: 1px solid rgb(180, 81, 179);
border-radius: 0 8px 8px 0;
font-family: Optima, sans-serif;
}.exchange-buyEthInputButton:hover, .exchange-buyTokensInputButton:hover{
cursor: pointer;
color: rgb(220, 173, 247);
background-color: rgba(209, 151, 245, 0.6);
}
.instructions {
position: fixed;
background-color: rgba(0,0,0,0.4);
bottom: 1vh;
border-radius: 15px;
border: 1px solid rgb(180, 81, 179);
color: rgb(122, 251, 255);
text-shadow: 2px 2px 10px #2daae0;
margin-left: 35vw;
margin-right: 1vw;
} .instructions:hover{
color: rgb(216, 169, 236);
text-shadow: 1px 1px 5px #ff69f0;
}
.instructions-title {
text-align: left;
padding-left: 40px;
padding-top: 10px;
font-size: 22px;
}
.instructions-text {
font-size: 15px;
padding-top: 10px;
text-align: left;
padding-left: 25px;
padding-right: 15px;
}
a:visited {
color: rgb(122, 251, 255);
}
a:link {
color: rgb(122, 251, 255);
}
a:hover {
color: rgb(216, 169, 236);
text-shadow: 1px 1px 5px #ff69f0;
}
.instructions-link {
padding-top: 14px;
text-align: left;
} }
src/App.js
View file @ ab891d1b
This diff is collapsed.
src/index.js
View file @ ab891d1b
...@@ -3,6 +3,12 @@ import ReactDOM from 'react-dom'; ...@@ -3,6 +3,12 @@ import ReactDOM from 'react-dom';
import './index.css'; import './index.css';
import App from './App'; import App from './App';
import registerServiceWorker from './registerServiceWorker'; import registerServiceWorker from './registerServiceWorker';
import { Web3Provider } from 'react-web3';
ReactDOM.render(<App />, document.getElementById('root'));
ReactDOM.render(
<Web3Provider>
<App />
</Web3Provider>, document.getElementById('root'));
registerServiceWorker(); registerServiceWorker();
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment