diff --git a/src/App.css b/src/App.css index 5b25de7..04732bd 100644 --- a/src/App.css +++ b/src/App.css @@ -11,6 +11,10 @@ .app-title-wrapper { display: flex; align-items: center; + justify-content: space-between; +} +.app-title-text { + flex-grow: 1; } .App-header { background-color: #222; @@ -23,10 +27,33 @@ .App-title { font-size: 1.5em; } - .App-intro { font-size: large; } +.deploy-button-wrapper { + margin-right: 20px; +} +.deploy-button { + width: 250px; +} +.view-src { + margin-top: 15px; + text-align: center; +} +.view-src img { + margin-right: 10px; +} +.view-src a { + text-decoration: none; + color: #fff; + display: flex; + align-items: center; + justify-content: center; +} +.github-icon { + width: 25px; + fill: white; +} .todo-list { padding: 60px; diff --git a/src/App.js b/src/App.js index 5badc24..1ed12d2 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,7 @@ import React, { Component } from 'react' import logo from './logo.svg' +import github from './github.svg' +import deployButton from './deploy-to-netlify.svg' import ContentEditable from './components/ContentEditable' import './App.css' @@ -188,12 +190,26 @@ class App extends Component {
logo -
+

Netlify + Fauna DB

Using FaunaDB & Netlify functions

+
+ + deploy to netlify + +
+ + View the source Luke + +
+
diff --git a/src/deploy-to-netlify.svg b/src/deploy-to-netlify.svg new file mode 100644 index 0000000..55ad0ed --- /dev/null +++ b/src/deploy-to-netlify.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/github.svg b/src/github.svg new file mode 100644 index 0000000..02b7672 --- /dev/null +++ b/src/github.svg @@ -0,0 +1,3 @@ + + +