antcalatayud / ReactCoin (public) (License: GPLv3) (since 2018-04-24) (hash sha1)
As seen on this course: https://udilia.com/courses/learn-react-by-building-a-web-app
Clone URLs: https://rocketgit.com/user/antcalatayud/ReactCoin ssh://rocketgit@ssh.rocketgit.com/user/antcalatayud/ReactCoin git://git.rocketgit.com/user/antcalatayud/ReactCoin
develop
List of commits:
Subject Hash Author Date (UTC)
Add styling 866cbbbc94ce81e8b8b6b88da9f86d2d4153e509 antcalatayud 2018-04-24 10:18:43
Create fist component and render App b713ed055b8691a0fd89792d136e0ef9ed86f07c antcalatayud 2018-04-24 10:11:22
Add init files d81df9e3d230bcb49f0bb31c43cffad97532d321 antcalatayud 2018-04-24 09:51:04
Initial commit 3c3626d89f221374c92ee04aed1eaa8616f3977e Antonio Calatayud 2018-04-24 09:03:03
Commit 866cbbbc94ce81e8b8b6b88da9f86d2d4153e509 - Add styling
Author: antcalatayud
Author date (UTC): 2018-04-24 10:18
Committer name: antcalatayud
Committer date (UTC): 2018-04-24 10:18
Parent(s): b713ed055b8691a0fd89792d136e0ef9ed86f07c
Signing key:
Tree: 36af4135178b923d750abf9346acb80919ff6930
File Lines added Lines deleted
src/components/common/Header.css 22 0
src/components/common/Header.js 2 1
src/index.css 58 0
src/index.js 1 0
File src/components/common/Header.css added (mode: 100644) (index 0000000..a315789)
1 .Header {
2 display: flex;
3 flex-direction: row;
4 align-items: center;
5 justify-content: center;
6 background-color: #0f273d;
7 width: 100%;
8 height: 80px;
9 }
10
11 .Header-logo {
12 position: absolute;
13 top: 30px;
14 left: 20px;
15 width: 90px;
16 }
17
18 @media (max-width: 700px) {
19 .Header-logo {
20 display: none;
21 }
22 }
File src/components/common/Header.js changed (mode: 100644) (index fdc9496..af18d65)
1 1 import React from 'react'; import React from 'react';
2 import './Header.css';
2 3
3 4 const Header = () => { const Header = () => {
4 5 return ( return (
5 <div>Header</div>
6 <div className="Header">Header</div>
6 7 ); );
7 8 } }
8 9
File src/index.css added (mode: 100644) (index 0000000..02dbc10)
1 /*
2 Application colors
3
4 text: #fff;
5 text-secondary: #9cb3c9;
6
7 error-red: #d64d96;
8
9 green: #3cd483;
10
11 indigo-light: #1f364d;
12 indigo-normal: #0f273d;
13 indigo-dark: #0c2033;
14
15 blue-normal: #4997e5;
16 blue-dark: #457cb2;
17 */
18
19 /* Load Open Sans font from Google Fonts */
20 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
21
22 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
23 button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
24
25 body {
26 background-color: #0c2033;
27 font-family: 'Open Sans', sans-serif;
28 color: #fff;
29 letter-spacing: .5px;
30 font-size: 16px;
31 font-weight: 300;
32 }
33
34 .percent-raised {
35 color: #3cd483;
36 }
37
38 .percent-fallen {
39 color: #d64d96;
40 }
41
42 .loading-container {
43 width: 100%;
44 text-align: center;
45 margin: 40px auto;
46 }
47
48 .error {
49 width: 100%;
50 margin: 40px 0;
51 text-align: center;
52 color: #d64d96;
53 }
54
55 /* Remove close icon from input on IE */
56 input::-ms-clear {
57 display: none;
58 }
File src/index.js changed (mode: 100644) (index efdfa91..7f24f27)
1 1 import React from 'react'; import React from 'react';
2 2 import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
3 3 import Header from "./components/common/Header"; import Header from "./components/common/Header";
4 import './index.css'
4 5
5 6 const App = () => { const App = () => {
6 7 return ( return (
Hints:
Before first commit, do not forget to setup your git environment:
git config --global user.name "your_name_here"
git config --global user.email "your@email_here"

Clone this repository using HTTP(S):
git clone https://rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using ssh (do not forget to upload a key first):
git clone ssh://rocketgit@ssh.rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using git:
git clone git://git.rocketgit.com/user/antcalatayud/ReactCoin

You are allowed to anonymously push to this repository.
This means that your pushed commits will automatically be transformed into a merge request:
... clone the repository ...
... make some changes and some commits ...
git push origin main