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 | } | ||