From 99871aa54a5d56ca1217400f0d9cdd68fd68c74d Mon Sep 17 00:00:00 2001 From: BIT Student Date: Tue, 21 Nov 2017 15:16:17 +0100 Subject: [PATCH 1/3] zavrsen servis za api --- src/constants.js | 4 +- src/services/communicationService.js | 60 ++++++++++++++++++++++++++++ 2 files changed, 63 insertions(+), 1 deletion(-) create mode 100644 src/services/communicationService.js diff --git a/src/constants.js b/src/constants.js index ca54aec..e72a6b1 100644 --- a/src/constants.js +++ b/src/constants.js @@ -1 +1,3 @@ -// export const SOME_GLOBAL_CONFIG = "value"; \ No newline at end of file +// export const SOME_GLOBAL_CONFIG = "value"; +export const FETCH_ADDRESS = "https://bitbookapi.azurewebsites.net/"; +export const API_KEY = "Y3dvKZsv"; \ No newline at end of file diff --git a/src/services/communicationService.js b/src/services/communicationService.js new file mode 100644 index 0000000..b2c9e49 --- /dev/null +++ b/src/services/communicationService.js @@ -0,0 +1,60 @@ +import { FETCH_ADDRESS } from "../constants"; +import { API_KEY } from "../constants"; +import axios from "axios"; + +class ApiCommunication { + constructor() { + + } + get(address, callbackSuccess, callbackFail) { + + axios.get(FETCH_ADDRESS + address, this.createRequest()) + .then((response) => { + response.json() + .then((response) => { + callbackSuccess(response); + }).catch((reason) => { + callbackFail(reason); + }); + }); + } + post(address, dataObj, callbackSuccess, callbackFail) { + axios.post(FETCH_ADDRESS + address, this.createRequest(dataObj)) + .then((response) => response.json()) + .then((response) => { + callbackSuccess(response); + + }).catch((reason) => { + callbackFail(reason); + }); + + } + getSessionID() { + return sessionStorage.getItem("sessionID"); + + } + createRequest(dataObj = null) { + const sesID = this.getSessionID(); + if (sesID) { + return { + headers: { + "Accept": "application/json", + "Content-Type": "application/json", + "key": API_KEY, + "sessionID": sesID + }, + data: dataObj + }; + }else{ + return { + headers: { + "Accept": "application/json", + "Content-Type": "application/json", + "key": API_KEY + }, + data: dataObj + }; + } + } +} +export default ApiCommunication; \ No newline at end of file From 5999b36a10f476176e742e3585ca6db4141ed2f9 Mon Sep 17 00:00:00 2001 From: BIT Student Date: Tue, 21 Nov 2017 17:33:17 +0100 Subject: [PATCH 2/3] valjda ce sada da radi --- .../style.scssc | Bin 0 -> 67896 bytes src/components/app.js | 8 +- src/components/dashboard.js | 12 + src/components/loginComponents/login.js | 73 +++++ src/components/loginComponents/loginPage.js | 25 ++ src/components/loginComponents/register.js | 82 ++++++ src/components/loginComponents/style.css | 11 + src/components/loginComponents/welcome.js | 0 src/index.html | 42 ++- src/index.js | 7 +- src/style.css | 211 ++++++++++++++ src/style.css.map | 7 + src/style.scss | 269 ++++++++++++++++++ 13 files changed, 730 insertions(+), 17 deletions(-) create mode 100644 src/.sass-cache/0dea24d856f58728e1d0231d8fed49d94c4de0ab/style.scssc create mode 100644 src/components/dashboard.js create mode 100644 src/components/loginComponents/login.js create mode 100644 src/components/loginComponents/loginPage.js create mode 100644 src/components/loginComponents/register.js create mode 100644 src/components/loginComponents/style.css create mode 100644 src/components/loginComponents/welcome.js create mode 100644 src/style.css create mode 100644 src/style.css.map create mode 100644 src/style.scss diff --git a/src/.sass-cache/0dea24d856f58728e1d0231d8fed49d94c4de0ab/style.scssc b/src/.sass-cache/0dea24d856f58728e1d0231d8fed49d94c4de0ab/style.scssc new file mode 100644 index 0000000000000000000000000000000000000000..e1624f629f170b60bbeef5a634e1e0dc8d4424fa GIT binary patch literal 67896 zcmb__3zQ_sRi!Eg{i*Jmo@xF6dKy~YK_KPfA$>Pu!o<&9M*tgmyZFPuVIZ1*svG_f@8C1&DS>AW*0b%*=3DcFbB-u z7a0*Rewm#)!pE(tsET~=#f|q~M7($rxw>?6X|;9N1N|iFrGw4ZL%q%9?&isRPu;hE zYUTco^^?iTd%O3ZSYA!K$?B>5x*NUw?mxb|dJ@0(R+pP!F_pD%c%nNRwcBTgNz!gV zo@L|5vR*RV-XE`TrTyM88Jt~pEA93Zsx;Sb#zTBQJ8}9@^!ditc)P#QTFZKu7FxaZ zsfE^Pr#o0^b$539$#|iat-UH)$G_>uu)CcsG`Ch3T3g5Qw~D_L_&bTeQwyyf(CBCD z=P&GL;{?Sa>UKe9ZEcAEt`D=prEPrZLA22bb<@p-)_O`+*CEqFvzI`M-Uc`)sF!Zz z=X8LI=hu1*tqYI}|L<<^EHp>k-9D<0#>4bHp2ok~0F_6(YxEz8F^05Hb%zU0e6b5E z;E)W)3BKqN3;fyx$qb)&@z+lmnj2}-?~SOn8`%)t``tB?rk`vkgWf`O++FLFoZX#q znnA#E4%T=BsH3!%bU|;7W{$V;hX=aDak@^AbVn)Lh9?J4b<_x;%qHK4(vkTtC-8J;u2puE@8|`jycZZiC zaf+^L;q!UOu-i*BAOcCUiT1=pXWH}ePIov;dgn+BMp^q%u1ZfNeGtlq?e>Ei=sb~J z*i8oO$y9q^yiEcRM`xeR+PAosRlUj1?AeK|ec1aw-G(NqS~GdAo84Lu^%JyjJPq9( zK+jGenkK!R=uDq!&xvoKmFvkee(tA(B%Oq!Z>0T%>Mlb-^ggMn_?Ybu*Qr@kPbA|B zJh0UrZN27-htcej`03oRJJ?LJ_VrQ*@g;1CzMTfQ(HQ-AZYKkYo9rqt%SI_7J=vL0 zC)%@dwy^=N!N+|u6h%DJxk>!kxjAiuHHo+kQ2{|VM6WL6!O6~5;-9RuFNdtNKL@2V zH{CgahLd(t!#f9c^{baV*JPb*Cpy=mA)V{9&JEL@8#CrL+quOk9q8P;+__CZ43~9eGN{hYI3^K;&gLmP7^yd8Qp3zx~(#!IiA4O*D)X9^6U>_I z<}7yC)?k-UV{5Xz-eOl>FQ+hBuE~lOl7PIua?7S^N?w!KomR7s*5HMSe@$Ks7O(o+ zKZRvR4VKfE{!?kXa`UFJn5oHXMz@Yw?XS#gGTE-l>43#)zA~pNEX-=My4qrOT@6-) zQB77iSgfj#FjH7$)?~$F40YA>Dz|FlLQO`8tu|G+q3J0+~2vCD*6HVe7DV1i5n0f=*Ode{e$!(u*B5}K_7B>VmYI3{A;#Pg7G=+t8 zO;)^2qK369Hw>)ms0k52WVPy!%B&{Gfk;V;;y0l`@o4ckxJEPq|+2gugQz&q{ORwzcod; zz9uv7I$~CRz?{i91!{8RF_X9zh87FEFW-Ww!E`^^aNkj>`g~_rZbj5&#}gi6SEKvH zc1lfV+S&y#I11T@w8-CZg$pW$LnfhSAELg6kDn_nenWjm@U-SmYID2wg%S& z;KRy7rRsC8Io>6%$&u$?#IgE3WhUQ?uE~w(D#We&0&yna@vg~@*NDXJuA)Bl^mArQ z?5o%0c2xTp;#NQYI8B@QHFzEb7uFXlRbN(3AyuFzD_&R;tGVi6<_QTkxgFGC61VD+ z!D&i+sL6{%gT(8W$}O9f$rUx(-DWlI&Km6U6potg?y}e&D`HnT>`ha`NDZFzz>w9F zO4ZeJn$l8g@?yOtUey z4`kW-#qBPh7#4!Kr?af&tfuze`*CD`R% z?~ajhl~Nws&N*aOr4R&lC`spPC!yzRbR5s|s04+Nqqkhyxh;;~c4g`=k%gv`+mPRwpw3jy_!g z0^((ZJa+4~e>NR#CBroT)q&u82ZHNGXDBnE5|)R1Ll7dv5cp&?1pk{MpjwDA8O&@5 zq-b&Ue+nSD>Zyd%X1o2xZa>}3x6VB<_N{d>4k80Iq!2eaXxspiIE9c(7!M5r3lt(m zhSBiJXf&?)3hgJU7Iq2@W;Pm9v^Z*fg;mRN;FGE~arB)GvmDi#Fw$C);CfDFeV@tN zGPgF*45w6Hj58uRyaPB-A3AmHXzRsi9)08_vb{$;{qCj3Vb)JtNXt&fl>dy(Xn3R6 z+AzCFgMI7hF@g0$duD)`Zny9H(3_N;(%;{Nrt{p8O81&g%sP{EohcIJ6>gfePLJk= zu1Jj*DbmfNyl7fc$+T#5uHMW#GgC-5K2VhV>W6x6rtx#HR9kM^1e(U79`W#edUFvw zH`G&!8T)i%#-X0QnEAn%O6)k+L+p5wv=_TzWTFyBUMCSpj&|HnA;>K}E zhg;z?$%}{V$<>~cQ;Fj}4%a}0LYx2))+bWID{OXzz1rr) zK`Qa$&>->RF#KM;>^MjzRvd&UR-6m77b`znP>CIgZ)k0b?AOq^daL8%Zv`vftfP`W)D?`YAu>F!`egLD z`Ys+VUJX@zCPNJ?fVI-`jaL0Jg+nRg;dz8m z=?`O*-Ty6M!TnDqd;Ue;VDO>na@**$r1i}V8vN|RI1ef zAu`UhR6CZ6&JB+%lX;iXTe4eJw_0tj7 zbQE_AJDcf27M{c3u6jr6+U;O=m7Z2p2?05y`wM(chz#qRPe$w7mslmJmK{Z~bxn#E zNB>x;Yll^9;^==dVIM$K*XH>Y0uDY_Q@P;Dg*)r39@en( zkzuX#$!M)x_)4wfRLiz5TkE7~akTiAmPp3R@lMs6IJ$)i`{0>c*I}(|uO(Op;{2%b zRd)k{%Z26z{o94M_{vhxX-8S$A@d`RLG`>F>d7Z8_1V*xjgsA7Hq*X37Qs!NY+XMm zf~w8+K2AK-3CWpUK;qq=juG9ZBbF*WPSHUkU2`GFVSe#2Xw+{^=hRH+-p+j_Vw2Ii zf4S4HEEI1Ckd^Ry$Pvn2p=hK{vlIXuG8wRSDho9UG1vg9#7SU|P-+2FNtnw4h`95- zlS+QCsouBU$lX>ej-rH3aL1k}&O&fKRbEFt4snz4=rwudi1@*oC*7m$PI{4hEP1J9 zPhASet`HgaB0d@IMPAFsPPNMB$x^g9dY$D(ssd2xNEaLk7Ay#;lLC}YCD`k0Q?NYzs_#lp3MQCBSRm+Jd1PU{m7 z&!8c1$Hq{>m)i>U>vXaXstzyE~(TdE7qhXU86nDfpy490ONA14kt! zhd43>lp#chmBA;YmEjk-�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 literal 0 HcmV?d00001 diff --git a/src/components/app.js b/src/components/app.js index 688ddcc..2ac0f8a 100644 --- a/src/components/app.js +++ b/src/components/app.js @@ -1,6 +1,8 @@ import React from "react"; import HelloWorld from "./helloWorld/helloWorld"; +import Dashboard from "./dashboard"; +import LoginPage from "./loginComponents/loginPage"; class App extends React.Component { constructor(props) { @@ -8,7 +10,11 @@ class App extends React.Component { } render() { - return ; + return ( +
+ +
); + } } diff --git a/src/components/dashboard.js b/src/components/dashboard.js new file mode 100644 index 0000000..56c776f --- /dev/null +++ b/src/components/dashboard.js @@ -0,0 +1,12 @@ +import React from "react"; + +class Dashboard extends React.Component { + constructor(props) { + super(props); + } +} + + + + +export default Dashboard; \ No newline at end of file diff --git a/src/components/loginComponents/login.js b/src/components/loginComponents/login.js new file mode 100644 index 0000000..bdad2b1 --- /dev/null +++ b/src/components/loginComponents/login.js @@ -0,0 +1,73 @@ +import React from "react"; +import { Link } from "react-router-dom"; + +class Login extends React.Component { + constructor(props) { + super(props); + this.state = this.initialState(); + this.changeState = this.changeState.bind(this); + } + initialState() { + return { + email: "", + password: "" + }; + } + + changeState(event) { + this.setState({ + [event.target.name]: event.target.value + }); + console.log(event.target.value); + } + render() { + console.log(this.state); + + return ( +
+
+
+

WELCOME TO BITBOOK

+
+
+

+ Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + +

+
+
+
+
+
+
    +
  • Login
    • +
  • Register
    • +
+
+
+
+
+ + +
+
+ + +
+ +
+
+
+
+
+ ); + } +} + + + + +export default Login; \ No newline at end of file diff --git a/src/components/loginComponents/loginPage.js b/src/components/loginComponents/loginPage.js new file mode 100644 index 0000000..dc67193 --- /dev/null +++ b/src/components/loginComponents/loginPage.js @@ -0,0 +1,25 @@ +import React from "react"; +import Login from "./login"; +import Register from "./register"; + +import { Switch, Route } from "react-router-dom"; + +class LoginPage extends React.Component { + constructor(props) { + super(props); + } + + render() { + return ( +
+ + + + + +
+ ); + } +} + +export default LoginPage; \ No newline at end of file diff --git a/src/components/loginComponents/register.js b/src/components/loginComponents/register.js new file mode 100644 index 0000000..92eaa60 --- /dev/null +++ b/src/components/loginComponents/register.js @@ -0,0 +1,82 @@ +import React from "react"; +import { Link } from "react-router-dom"; + +class Register extends React.Component { + constructor(props) { + super(props); + this.state = this.initialState(); + this.handleChange = this.handleChange.bind(this); + } + initialState() { + return { + name: "", + email: "", + password: "" + + }; + } + handleChange(event) { + + this.setState({ + [event.target.name]: event.target.value + }); + + } + render() { + console.log(this.state); + const { name, email, password } = this.state; + + return ( +
+
+
+

WELCOME TO BITBOOK

+
+
+

+ Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + Random text Random text. Random text Random text. Random text Random text + +

+
+
+
+
+
+
    +
  • Login
    • +
  • Register
    • +
+
+
+
+
+ + +
+
+ + + +
+
+ + +
+ +
+
+
+
+
+ + ); + } +} + + + + +export default Register; \ No newline at end of file diff --git a/src/components/loginComponents/style.css b/src/components/loginComponents/style.css new file mode 100644 index 0000000..9240b4d --- /dev/null +++ b/src/components/loginComponents/style.css @@ -0,0 +1,11 @@ +body { + background-color: red; +} + +.navigation { + background-color: gray; +} + +.nav-links li { + display: inline; +} \ No newline at end of file diff --git a/src/components/loginComponents/welcome.js b/src/components/loginComponents/welcome.js new file mode 100644 index 0000000..e69de29 diff --git a/src/index.html b/src/index.html index ac437dd..7a24106 100644 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,31 @@ - - - - - - My React App - - -
- - - - + + + + + + + My React App + + + + + + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/src/index.js b/src/index.js index 80d7d1b..d39f7f4 100644 --- a/src/index.js +++ b/src/index.js @@ -1,13 +1,14 @@ import React from "react"; import ReactDOM from "react-dom"; -import { BrowserRouter } from "react-router-dom"; +import { HashRouter } from "react-router-dom"; import "babel-polyfill"; import App from "./components/app"; + ReactDOM.render( - + - , + , document.querySelector(".container") ); diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..091c294 --- /dev/null +++ b/src/style.css @@ -0,0 +1,211 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } + +body { + line-height: 1; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +*, *:before, *:after { + box-sizing: border-box; } + +html { + overflow-y: scroll; } + +body { + background: #c1bdba; + font-family: 'Lato', sans-serif; } + +a { + text-decoration: none; + color: #1ab188; + transition: .5s ease; } + a:hover { + color: #179b77; } + +.form { + background: rgba(19, 35, 47, 0.9); + padding: 40px; + max-width: 600px; + margin: 40px auto; + border-radius: 4px; + box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); } + +.tab-group { + list-style: none; + padding: 0; + margin: 0 0 40px 0; } + .tab-group:after { + content: ""; + display: table; + clear: both; } + .tab-group li a { + display: block; + text-decoration: none; + padding: 15px; + background: rgba(160, 179, 176, 0.25); + color: #a0b3b0; + font-size: 20px; + float: left; + width: 50%; + text-align: center; + cursor: pointer; + transition: .5s ease; } + .tab-group li a:hover { + background: #179b77; + color: #ffffff; } + .tab-group .active a { + background: #1ab188; + color: #ffffff; } + +.tab-content > div:last-child { + display: none; } + +h1 { + text-align: center; + color: #ffffff; + font-weight: 300; + margin: 0 0 40px; } + +label { + position: absolute; + transform: translateY(6px); + left: 13px; + color: rgba(255, 255, 255, 0.5); + transition: all 0.25s ease; + -webkit-backface-visibility: hidden; + pointer-events: none; + font-size: 22px; } + label .req { + margin: 2px; + color: #1ab188; } + +label.active { + transform: translateY(50px); + left: 2px; + font-size: 14px; } + label.active .req { + opacity: 0; } + +label.highlight { + color: #ffffff; } + +input, textarea { + font-size: 22px; + display: block; + width: 100%; + height: 100%; + padding: 5px 10px; + background: none; + background-image: none; + border: 1px solid #a0b3b0; + color: #ffffff; + border-radius: 0; + transition: border-color .25s ease, box-shadow .25s ease; } + input:focus, textarea:focus { + outline: 0; + border-color: #1ab188; } + +textarea { + border: 2px solid #a0b3b0; + resize: vertical; } + +.field-wrap { + position: relative; + margin-bottom: 40px; } + +.top-row:after { + content: ""; + display: table; + clear: both; } +.top-row > div { + float: left; + width: 100%; } + .top-row > div:last-child { + margin: 0; } + +.button { + border: 0; + outline: none; + border-radius: 0; + padding: 15px 0; + font-size: 2rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: .1em; + background: #1ab188; + color: #ffffff; + transition: all 0.5s ease; + -webkit-appearance: none; } + .button:hover, .button:focus { + background: #179b77; } + +.button-block { + display: block; + width: 100%; } + +.forgot { + margin-top: -20px; + text-align: right; } + +.outer__wrapper { + padding-top: 22%; + margin: 0 auto; } + +.inner__wrapper--left { + float: left; + max-width: 50%; } + +.inner__wrapper--right { + float: right; + max-width: 50%; } + +.h1__main-page { + font-size: 2rem; + padding-top: 50px; } + +.h1__main-page h1 { + color: #15a079; + font-weight: bold; } + +.p__main-page { + font-size: 1.3rem; + line-height: 1.4; + padding-top: 20px; } + +/*# sourceMappingURL=style.css.map */ diff --git a/src/style.css.map b/src/style.css.map new file mode 100644 index 0000000..008ffaa --- /dev/null +++ b/src/style.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["style.scss"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/src/style.scss b/src/style.scss new file mode 100644 index 0000000..af2a795 --- /dev/null +++ b/src/style.scss @@ -0,0 +1,269 @@ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + + +$body-bg: #c1bdba; +$form-bg: #13232f; +$white: #ffffff; + +$main: #1ab188; +$main2: #15a079; +$main-light: lighten($main,5%); +$main-dark: darken($main,5%); + +$gray-light: #a0b3b0; +$gray: #ddd; + +$thin: 300; +$normal: 400; +$bold: 600; +$br: 4px; + +*, *:before, *:after { + box-sizing: border-box; +} + +html { + overflow-y: scroll; +} + +body { + background:$body-bg; + font-family: 'Lato', sans-serif; +} + +a { + text-decoration:none; + color:$main; + transition:.5s ease; + &:hover { + color:$main-dark; + } +} + +.form { + background:rgba($form-bg,.9); + padding: 40px; + max-width:600px; + margin:40px auto; + border-radius:$br; + box-shadow:0 4px 10px 4px rgba($form-bg,.3); +} + +.tab-group { + list-style:none; + padding:0; + margin:0 0 40px 0; + &:after { + content: ""; + display: table; + clear: both; + } + li a { + display:block; + text-decoration:none; + padding:15px; + background:rgba($gray-light,.25); + color:$gray-light; + font-size:20px; + float:left; + width:50%; + text-align:center; + cursor:pointer; + transition:.5s ease; + &:hover { + background:$main-dark; + color:$white; + } + } + .active a { + background:$main; + color:$white; + } +} + +.tab-content > div:last-child { + display:none; +} + + +h1 { + text-align:center; + color:$white; + font-weight:$thin; + margin:0 0 40px; +} + +label { + position:absolute; + transform:translateY(6px); + left:13px; + color:rgba($white,.5); + transition:all 0.25s ease; + -webkit-backface-visibility: hidden; + pointer-events: none; + font-size:22px; + .req { + margin:2px; + color:$main; + } +} + +label.active { + transform:translateY(50px); + left:2px; + font-size:14px; + .req { + opacity:0; + } +} + +label.highlight { + color:$white; +} + +input, textarea { + font-size:22px; + display:block; + width:100%; + height:100%; + padding:5px 10px; + background:none; + background-image:none; + border:1px solid $gray-light; + color:$white; + border-radius:0; + transition:border-color .25s ease, box-shadow .25s ease; + &:focus { + outline:0; + border-color:$main; + } +} + +textarea { + border:2px solid $gray-light; + resize: vertical; +} + +.field-wrap { + position:relative; + margin-bottom:40px; +} + +.top-row { + &:after { + content: ""; + display: table; + clear: both; + } + + > div { + float:left; + width:100%; + + &:last-child { + margin:0; + } + } +} + +.button { + border:0; + outline:none; + border-radius:0; + padding:15px 0; + font-size:2rem; + font-weight:$bold; + text-transform:uppercase; + letter-spacing:.1em; + background:$main; + color:$white; + transition:all.5s ease; + -webkit-appearance: none; + &:hover, &:focus { + background:$main-dark; + } +} + +.button-block { + display:block; + width:100%; +} + +.forgot { + margin-top:-20px; + text-align:right; +} + +// Custom CSS ////////////////////////////////////////////////////////////// + +.outer__wrapper { + padding-top: 22%; + margin: 0 auto; +} + +.inner__wrapper--left { + float: left; + max-width: 50%; +} + +.inner__wrapper--right { + float: right; + max-width: 50%; +} + +.h1__main-page { + font-size: 2rem; + padding-top: 50px; +} +.h1__main-page h1 { + color: #15a079; + font-weight: bold; +} +.p__main-page { + font-size: 1.3rem; + line-height: 1.4; + padding-top: 20px; +} \ No newline at end of file From 9baccb905e161d6e4d06a9ee811d9e52a11c8b01 Mon Sep 17 00:00:00 2001 From: BIT Student Date: Tue, 21 Nov 2017 17:48:45 +0100 Subject: [PATCH 3/3] fix --- src/constants.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/constants.js b/src/constants.js index ca54aec..7a6931e 100644 --- a/src/constants.js +++ b/src/constants.js @@ -1 +1,3 @@ -// export const SOME_GLOBAL_CONFIG = "value"; \ No newline at end of file +// export const SOME_GLOBAL_CONFIG = "value"; +export const FETCH_ADDRESS = "https://bitbookapi.azurewebsites.net/"; +export const API_KEY = "Y3dvKZsv"; \ No newline at end of file