mirror of
https://github.com/mitchell/mjfs.us.git
synced 2025-12-19 13:47:22 +00:00
Replaced CRA template with simple hello world to get started. Setup eslint and conformed current files to standard.
This commit is contained in:
parent
79d3b90a21
commit
90552c7db6
11 changed files with 337 additions and 195 deletions
28
src/App.css
28
src/App.css
|
|
@ -1,28 +0,0 @@
|
|||
.App {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
animation: App-logo-spin infinite 20s linear;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.App-header {
|
||||
background-color: #222;
|
||||
height: 150px;
|
||||
padding: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.App-title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.App-intro {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
21
src/App.js
21
src/App.js
|
|
@ -1,21 +0,0 @@
|
|||
import React, { Component } from 'react';
|
||||
import logo from './logo.svg';
|
||||
import './App.css';
|
||||
|
||||
class App extends Component {
|
||||
render() {
|
||||
return (
|
||||
<div className="App">
|
||||
<header className="App-header">
|
||||
<img src={logo} className="App-logo" alt="logo" />
|
||||
<h1 className="App-title">Welcome to React</h1>
|
||||
</header>
|
||||
<p className="App-intro">
|
||||
To get started, edit <code>src/App.js</code> and save to reload.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default App;
|
||||
7
src/Website.css
Normal file
7
src/Website.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
.Website {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.Hello-World {
|
||||
font-size: 1.5rem
|
||||
}
|
||||
16
src/Website.js
Normal file
16
src/Website.js
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
import React, { Component } from 'react';
|
||||
import './Website.css';
|
||||
|
||||
class Website extends Component {
|
||||
render() {
|
||||
return (
|
||||
<div className="Website">
|
||||
<div className="Hello-World">
|
||||
<p>Hello, my dudes.</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Website;
|
||||
|
|
@ -1,8 +1,11 @@
|
|||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import './index.css';
|
||||
import App from './App';
|
||||
import Website from './Website';
|
||||
import registerServiceWorker from './registerServiceWorker';
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById('root'));
|
||||
ReactDOM.render(
|
||||
<Website />,
|
||||
document.getElementById('root')
|
||||
);
|
||||
registerServiceWorker();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue