diff options
| author | jloup <jean-loup.jamet@trainline.com> | 2018-02-14 14:19:09 +0100 |
|---|---|---|
| committer | jloup <jean-loup.jamet@trainline.com> | 2018-02-14 14:19:09 +0100 |
| commit | 7a9e5112eaaea58d55f181d3e5296e4ff839921c (patch) | |
| tree | 968ed193f42a1fad759cc89ad2f8ad5b0091291e /cmd/web/static | |
| download | Front-7a9e5112eaaea58d55f181d3e5296e4ff839921c.tar.gz Front-7a9e5112eaaea58d55f181d3e5296e4ff839921c.tar.zst Front-7a9e5112eaaea58d55f181d3e5296e4ff839921c.zip | |
initial commit
Diffstat (limited to 'cmd/web/static')
| -rw-r--r-- | cmd/web/static/index.html | 31 | ||||
| -rw-r--r-- | cmd/web/static/style.css | 100 |
2 files changed, 131 insertions, 0 deletions
diff --git a/cmd/web/static/index.html b/cmd/web/static/index.html new file mode 100644 index 0000000..9a70074 --- /dev/null +++ b/cmd/web/static/index.html | |||
| @@ -0,0 +1,31 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html> | ||
| 3 | <head> | ||
| 4 | <meta charset=utf-8 /> | ||
| 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| 7 | <!-- <meta name="theme-color" content="#FF6D50" /> --> | ||
| 8 | <!-- <link rel="shortcut icon" href="/favicon.ico"> --> | ||
| 9 | <!-- <link rel="icon" href="/favicon.ico"> --> | ||
| 10 | |||
| 11 | <title>Cryptoportfolio</title> | ||
| 12 | <link href='https://fonts.googleapis.com/css?family=Fira+Mono' rel='stylesheet' type='text/css'> | ||
| 13 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
| 14 | <link rel="stylesheet" type="text/css" href="/public/style.css"/> | ||
| 15 | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
| 16 | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
| 17 | <!--[if lt IE 9]> | ||
| 18 | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
| 19 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
| 20 | <![endif]--> | ||
| 21 | |||
| 22 | </head> | ||
| 23 | <body> | ||
| 24 | <div id="app"><div> | ||
| 25 | <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> | ||
| 26 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
| 27 | <script src="https://fb.me/react-0.14.0.js"></script> | ||
| 28 | <script src="https://fb.me/react-dom-0.14.0.js"></script> | ||
| 29 | <script src="/public/main.js"></script> | ||
| 30 | </body> | ||
| 31 | </html> | ||
diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css new file mode 100644 index 0000000..12af379 --- /dev/null +++ b/cmd/web/static/style.css | |||
| @@ -0,0 +1,100 @@ | |||
| 1 | @charset "UTF-8"; | ||
| 2 | |||
| 3 | body { | ||
| 4 | font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif; | ||
| 5 | background-color: rgb(246, 248, 251); | ||
| 6 | text-align: center; | ||
| 7 | } | ||
| 8 | |||
| 9 | ul { | ||
| 10 | list-style-type: none; | ||
| 11 | } | ||
| 12 | |||
| 13 | a { | ||
| 14 | text-decoration: none; | ||
| 15 | color: inherit; | ||
| 16 | } | ||
| 17 | |||
| 18 | a:hover { | ||
| 19 | text-decoration: none; | ||
| 20 | color: inherit; | ||
| 21 | } | ||
| 22 | |||
| 23 | a:focus { | ||
| 24 | text-decoration: none; | ||
| 25 | color: inherit; | ||
| 26 | } | ||
| 27 | |||
| 28 | #logo { | ||
| 29 | text-align: center; | ||
| 30 | display: inline-block; | ||
| 31 | color: white; | ||
| 32 | font-size: 28px; | ||
| 33 | background-color: rgb(20, 20, 20); | ||
| 34 | border-radius: 4px; | ||
| 35 | font-weight: bold; | ||
| 36 | padding: 10px 10px 10px 10px; | ||
| 37 | vertical-align: middle; | ||
| 38 | margin-bottom: 30px; | ||
| 39 | margin-top: 20px; | ||
| 40 | } | ||
| 41 | |||
| 42 | .sign-in .form-control { | ||
| 43 | margin-bottom: 20px; | ||
| 44 | border-radius: 2px; | ||
| 45 | border: none; | ||
| 46 | background-color: white; | ||
| 47 | } | ||
| 48 | |||
| 49 | .sign-in .submit { | ||
| 50 | background-color: rgb(20, 20, 20); | ||
| 51 | color: white; | ||
| 52 | } | ||
| 53 | |||
| 54 | .api-credentials-form .form-control { | ||
| 55 | margin-bottom: 20px; | ||
| 56 | border-radius: 2px; | ||
| 57 | border: none; | ||
| 58 | background-color: white; | ||
| 59 | } | ||
| 60 | |||
| 61 | .api-credentials-form .submit { | ||
| 62 | background-color: rgb(20, 20, 20); | ||
| 63 | color: white; | ||
| 64 | } | ||
| 65 | |||
| 66 | .otp-enroll .form-control { | ||
| 67 | margin-bottom: 20px; | ||
| 68 | border-radius: 2px; | ||
| 69 | border: none; | ||
| 70 | background-color: white; | ||
| 71 | } | ||
| 72 | |||
| 73 | .otp-enroll .submit { | ||
| 74 | background-color: rgb(20, 20, 20); | ||
| 75 | color: white; | ||
| 76 | } | ||
| 77 | .form-message { | ||
| 78 | background-color: rgba(255, 6, 6, .33); | ||
| 79 | border-radius: 2px; | ||
| 80 | line-height: 50px; | ||
| 81 | } | ||
| 82 | |||
| 83 | .form-message.message-ok { | ||
| 84 | background-color: rgba(33, 255, 72, .33); | ||
| 85 | } | ||
| 86 | |||
| 87 | #main { | ||
| 88 | padding-top: 100px; | ||
| 89 | } | ||
| 90 | |||
| 91 | .box { | ||
| 92 | position: relative; | ||
| 93 | background-color: rgb(250, 250, 250); | ||
| 94 | box-shadow: 0 2px 6px 2px rgba(0,0,0,.05); | ||
| 95 | border-radius: 4px; | ||
| 96 | } | ||
| 97 | |||
| 98 | .box:hover { | ||
| 99 | box-shadow: 0 4px 15px 2px rgba(0,0,0,.20); | ||
| 100 | } | ||