From 41a62134431868186150db5a7be72e96037f4ffe Mon Sep 17 00:00:00 2001 From: Ahmed Ayman Date: Wed, 15 Jan 2020 14:32:33 +0200 Subject: [PATCH] add title to the topics page, style the video items and the links, add about page. --- public/favicon.ico | Bin 3870 -> 32446 bytes src/App.js | 5 +++- src/components/Nav.js | 10 ++++---- src/components/RandomDate.js | 32 +++++++++++++---------- src/components/RandomPlace.js | 8 ++++-- src/components/RandomTopic.js | 25 ++++++++++-------- src/components/Search.js | 2 ++ src/containers/About.js | 23 +++++++++++++++++ src/containers/Results.js | 25 +++++++++++++----- src/logo.svg | 7 ----- src/stylesheets/footer.scss | 6 +++++ src/stylesheets/globals.scss | 44 ++++++++++++++------------------ src/stylesheets/header.scss | 2 +- src/stylesheets/items-list.scss | 16 +++++++----- src/stylesheets/search.scss | 2 +- src/stylesheets/video-item.scss | 2 +- 16 files changed, 128 insertions(+), 81 deletions(-) create mode 100644 src/containers/About.js delete mode 100644 src/logo.svg diff --git a/public/favicon.ico b/public/favicon.ico index a11777cc471a4344702741ab1c8a588998b1311a..26e64da17b8867afe7ffc0275cde06624bcc91a1 100644 GIT binary patch literal 32446 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

?A$NCOl))K16;T9PAj=zGt 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/src/App.js b/src/App.js index d1e837d..61c7c65 100644 --- a/src/App.js +++ b/src/App.js @@ -5,6 +5,7 @@ import './App.css'; import 'font-awesome/css/font-awesome.min.css'; import { Route, Switch } from 'react-router-dom'; import Home from './containers/Home'; +import About from './containers/About'; import TopicsListContainer from './containers/TopicsListContainer'; import store from './store/configureStore'; import history from './history'; @@ -25,11 +26,13 @@ class App extends Component { + + -