From 7e4f615f756d2681a736312b3bf687a686276dca Mon Sep 17 00:00:00 2001 From: PA4KEV Date: Sat, 31 Dec 2022 11:34:54 +0100 Subject: [PATCH] Update layout with fixed navbar and fixed sidebar --- src/App.css | 5 ++--- src/App.js | 14 ++++++++------ src/Content/ContentItem.js | 38 +++++++++++++++++++++++++++++++++++++- src/UI/Navigation.css | 3 +++ src/UI/Navigation.js | 2 +- src/UI/Sidebar.css | 2 ++ src/UI/Sidebar.js | 17 +++++++++++++++++ 7 files changed, 70 insertions(+), 11 deletions(-) create mode 100644 src/UI/Sidebar.css create mode 100644 src/UI/Sidebar.js diff --git a/src/App.css b/src/App.css index 168d46d..d2975f0 100644 --- a/src/App.css +++ b/src/App.css @@ -1,6 +1,5 @@ -.container { - max-width: 800px; - background-color: #282c34; +body { + padding-top: 100px; } .App { diff --git a/src/App.js b/src/App.js index e11a639..a330bec 100644 --- a/src/App.js +++ b/src/App.js @@ -4,16 +4,18 @@ import "bootstrap/dist/js/bootstrap.bundle.min"; import './App.css'; import Navigation from './UI/Navigation'; import ContentItem from './Content/ContentItem'; +import Sidebar from './UI/Sidebar'; function App() { return (
- - - - - - +
+ +
+
+ + +
); } diff --git a/src/Content/ContentItem.js b/src/Content/ContentItem.js index cd63076..4698c3f 100644 --- a/src/Content/ContentItem.js +++ b/src/Content/ContentItem.js @@ -3,13 +3,49 @@ import React from 'react'; const ContentItem = (props) => { return ( -
+
+
+

Item 1

Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals.

Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world.

+

+ We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. +

+

Item 2

+

+ Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. +

+

+ Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. +

+

+ We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. +

+

Item 3

+

+ Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. +

+

+ Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. +

+

+ We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. +

+

Item 4

+

+ Whether we like it or not, we have all been born on this earth as part of one great human family. Rich or poor, educated or uneducated, belonging to one nation or another, to one religion or another, adhering to this ideology or that, ultimately each of us is just a human being like everyone else: we all desire happiness and do not want suffering. Furthermore, each of us has an equal right to pursue these goals. +

+

+ Let us cultivate love and compassion, both of which give life true meaning. This is the religion I preach. It is simple. Its temple is the heart. Its teaching is love and compassion. Its moral values are loving and respecting others, whoever they may be. Whether one is a lay person or a monastic, we have no other option if we wish to survive in this world. +

+

+ We have bigger houses but smaller families. More conveniences, but less time. We have more degrees, but less sense. More knowledge, but less judgment. More experts, but more problems. More medicines, but less healthiness. We’ve been all the way to the moon and back, but have trouble crossing the street to meet the new neighbor. We build more computers to hold more information to produce more copies than ever but have less communication. We have become long on quantity, but short on quality. These are times of fast foods but slow digestion; Tall man but short character; Steep profits but shallow relationships. It’s a time when there is much in the window, but nothing in the room. +

+
) } diff --git a/src/UI/Navigation.css b/src/UI/Navigation.css index f57518f..463b049 100644 --- a/src/UI/Navigation.css +++ b/src/UI/Navigation.css @@ -1,3 +1,6 @@ .logo-sub { font-size: 10pt; } + +.navbar { +} \ No newline at end of file diff --git a/src/UI/Navigation.js b/src/UI/Navigation.js index 9dc9404..5b631b7 100644 --- a/src/UI/Navigation.js +++ b/src/UI/Navigation.js @@ -4,7 +4,7 @@ import './Navigation.css'; const Navigation = (props) => { return ( -