From a7ee872ebd8a5de54adf730679ac83f77d299a77 Mon Sep 17 00:00:00 2001 From: Tobias Keinert Date: Sun, 15 Jan 2023 19:54:03 +0100 Subject: [PATCH] moved components, fonts, images to main add privat add LinkBox to privat --- src/App.js | 11 ++++-- src/{ => main}/components/Foot.css | 0 src/{ => main}/components/Foot.js | 0 src/{ => main}/components/LogoText.css | 0 src/{ => main}/components/LogoText.js | 0 src/{ => main}/components/Menu.css | 0 src/{ => main}/components/Menu.js | 0 src/{ => main}/components/NotFound.css | 0 src/{ => main}/components/NotFound.js | 0 src/{ => main}/font/ALGER.css | 0 src/{ => main}/font/ALGER.eot | Bin src/{ => main}/font/ALGER.ttf | Bin src/{ => main}/font/ALGER.woff | Bin src/{ => main}/images/NotFound.jsx | 0 src/{ => main}/images/arrow.svg | 0 src/{ => main}/images/cloud-download.svg | 0 src/{ => main}/images/cloud.svg | 0 src/privat/components/LinkBox.css | 42 +++++++++++++++++++++++ src/privat/components/LinkBox.js | 22 ++++++++++++ src/privat/components/Links.js | 11 ++++++ 20 files changed, 83 insertions(+), 3 deletions(-) rename src/{ => main}/components/Foot.css (100%) rename src/{ => main}/components/Foot.js (100%) rename src/{ => main}/components/LogoText.css (100%) rename src/{ => main}/components/LogoText.js (100%) rename src/{ => main}/components/Menu.css (100%) rename src/{ => main}/components/Menu.js (100%) rename src/{ => main}/components/NotFound.css (100%) rename src/{ => main}/components/NotFound.js (100%) rename src/{ => main}/font/ALGER.css (100%) rename src/{ => main}/font/ALGER.eot (100%) rename src/{ => main}/font/ALGER.ttf (100%) rename src/{ => main}/font/ALGER.woff (100%) rename src/{ => main}/images/NotFound.jsx (100%) rename src/{ => main}/images/arrow.svg (100%) rename src/{ => main}/images/cloud-download.svg (100%) rename src/{ => main}/images/cloud.svg (100%) create mode 100644 src/privat/components/LinkBox.css create mode 100644 src/privat/components/LinkBox.js create mode 100644 src/privat/components/Links.js diff --git a/src/App.js b/src/App.js index f8888c4..a9fb268 100644 --- a/src/App.js +++ b/src/App.js @@ -1,6 +1,10 @@ -import Menu from './components/Menu'; -import Foot from './components/Foot'; -import NotFound from './components/NotFound' +import Menu from './main/components/Menu'; +import Foot from './main/components/Foot'; + +import NotFound from './main/components/NotFound'; +import Links from './privat/components/Links'; + + import './App.css'; function App() { @@ -9,6 +13,7 @@ function App() {
+
diff --git a/src/components/Foot.css b/src/main/components/Foot.css similarity index 100% rename from src/components/Foot.css rename to src/main/components/Foot.css diff --git a/src/components/Foot.js b/src/main/components/Foot.js similarity index 100% rename from src/components/Foot.js rename to src/main/components/Foot.js diff --git a/src/components/LogoText.css b/src/main/components/LogoText.css similarity index 100% rename from src/components/LogoText.css rename to src/main/components/LogoText.css diff --git a/src/components/LogoText.js b/src/main/components/LogoText.js similarity index 100% rename from src/components/LogoText.js rename to src/main/components/LogoText.js diff --git a/src/components/Menu.css b/src/main/components/Menu.css similarity index 100% rename from src/components/Menu.css rename to src/main/components/Menu.css diff --git a/src/components/Menu.js b/src/main/components/Menu.js similarity index 100% rename from src/components/Menu.js rename to src/main/components/Menu.js diff --git a/src/components/NotFound.css b/src/main/components/NotFound.css similarity index 100% rename from src/components/NotFound.css rename to src/main/components/NotFound.css diff --git a/src/components/NotFound.js b/src/main/components/NotFound.js similarity index 100% rename from src/components/NotFound.js rename to src/main/components/NotFound.js diff --git a/src/font/ALGER.css b/src/main/font/ALGER.css similarity index 100% rename from src/font/ALGER.css rename to src/main/font/ALGER.css diff --git a/src/font/ALGER.eot b/src/main/font/ALGER.eot similarity index 100% rename from src/font/ALGER.eot rename to src/main/font/ALGER.eot diff --git a/src/font/ALGER.ttf b/src/main/font/ALGER.ttf similarity index 100% rename from src/font/ALGER.ttf rename to src/main/font/ALGER.ttf diff --git a/src/font/ALGER.woff b/src/main/font/ALGER.woff similarity index 100% rename from src/font/ALGER.woff rename to src/main/font/ALGER.woff diff --git a/src/images/NotFound.jsx b/src/main/images/NotFound.jsx similarity index 100% rename from src/images/NotFound.jsx rename to src/main/images/NotFound.jsx diff --git a/src/images/arrow.svg b/src/main/images/arrow.svg similarity index 100% rename from src/images/arrow.svg rename to src/main/images/arrow.svg diff --git a/src/images/cloud-download.svg b/src/main/images/cloud-download.svg similarity index 100% rename from src/images/cloud-download.svg rename to src/main/images/cloud-download.svg diff --git a/src/images/cloud.svg b/src/main/images/cloud.svg similarity index 100% rename from src/images/cloud.svg rename to src/main/images/cloud.svg diff --git a/src/privat/components/LinkBox.css b/src/privat/components/LinkBox.css new file mode 100644 index 0000000..477becd --- /dev/null +++ b/src/privat/components/LinkBox.css @@ -0,0 +1,42 @@ +.link-box { + display: grid; + grid-template-areas: + "logo title" + "logo subtitle"; + grid-template-columns: 2.5em 1fr; + grid-template-rows: 1.5em 1em; + column-gap: 10px; + border-radius: 1em; + border-width: 3px; + border-style: solid; + background-color: #5555; + width: 300px; + color: black; + text-decoration: none; +} + +.link-box:hover { + color: blueviolet; +} + +.link-box-logo { + grid-area: logo; + width: 100%; + height: 100%; +} + +.link-box-title { + grid-area: title; + font-size: 1.5em; + display: flex; + align-items: center; + line-height: 1; +} + +.link-box-subtitle { + grid-area: subtitle; + font-size: 1em; + display: flex; + align-items: center; + line-height: 1; +} \ No newline at end of file diff --git a/src/privat/components/LinkBox.js b/src/privat/components/LinkBox.js new file mode 100644 index 0000000..982a02f --- /dev/null +++ b/src/privat/components/LinkBox.js @@ -0,0 +1,22 @@ +import "./LinkBox.css" + +function LinkBox (par) { + const title = typeof par.title === "string" ? par.title : " "; + const subtitle = typeof par.subtitle === "string" ? par.subtitle : " "; + const logo = typeof par.logo === "string" ? : " "; + const url = typeof par.url === "string" ? par.url : "#"; + + return ( + + {logo} +
+
{title}
+
+
+
{subtitle}
+
+ + ); +} + +export default LinkBox; \ No newline at end of file diff --git a/src/privat/components/Links.js b/src/privat/components/Links.js new file mode 100644 index 0000000..f0b5d34 --- /dev/null +++ b/src/privat/components/Links.js @@ -0,0 +1,11 @@ +import LinkBox from './LinkBox'; + +function Links () { + return ( +
+ +
+ ); +} + +export default Links; \ No newline at end of file