From d1b7bafddb6521306112d5ac3f01b8e87ad98805 Mon Sep 17 00:00:00 2001 From: Brianabeno Date: Mon, 10 Aug 2020 01:15:44 -0500 Subject: [PATCH] Removed src --- src/App.css | 44 --------- src/App.js | 26 ----- src/components/Button.css | 43 -------- src/components/Button.js | 45 --------- src/components/CardItem.js | 25 ----- src/components/Cards.css | 118 ---------------------- src/components/Cards.js | 51 ---------- src/components/Footer.css | 163 ------------------------------- src/components/Footer.js | 120 ----------------------- src/components/HeroSection.css | 72 -------------- src/components/HeroSection.js | 33 ------- src/components/Navbar.css | 158 ------------------------------ src/components/Navbar.js | 80 --------------- src/components/pages/Home.js | 17 ---- src/components/pages/Products.js | 6 -- src/components/pages/Services.js | 6 -- src/components/pages/SignUp.js | 6 -- src/index.js | 5 - 18 files changed, 1018 deletions(-) delete mode 100644 src/App.css delete mode 100644 src/App.js delete mode 100644 src/components/Button.css delete mode 100644 src/components/Button.js delete mode 100644 src/components/CardItem.js delete mode 100644 src/components/Cards.css delete mode 100644 src/components/Cards.js delete mode 100644 src/components/Footer.css delete mode 100644 src/components/Footer.js delete mode 100644 src/components/HeroSection.css delete mode 100644 src/components/HeroSection.js delete mode 100644 src/components/Navbar.css delete mode 100644 src/components/Navbar.js delete mode 100644 src/components/pages/Home.js delete mode 100644 src/components/pages/Products.js delete mode 100644 src/components/pages/Services.js delete mode 100644 src/components/pages/SignUp.js delete mode 100644 src/index.js diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 379ff2d417..0000000000 --- a/src/App.css +++ /dev/null @@ -1,44 +0,0 @@ -* { - box-sizing: border-box; - margin: 0; - padding: 0; - font-family: 'PT Sans', sans-serif; -} - -.home, -.services, -.products, -.sign-up { - display: flex; - height: 90vh; - align-items: center; - justify-content: center; - font-size: 3rem; -} - -.services { - background-image: url('/images/img-2.jpg'); - background-position: center; - background-size: cover; - background-repeat: no-repeat; - color: #fff; - font-size: 100px; -} - -.products { - background-image: url('/images/img-1.jpg'); - background-position: center; - background-size: fill; - background-repeat: no-repeat; - color: #fff; - font-size: 100px; -} - -.sign-up { - background-image: url('/images/img-8.jpg'); - background-position: center; - background-size: cover; - background-repeat: no-repeat; - color: #fff; - font-size: 100px; -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index ee4ec23bdf..0000000000 --- a/src/App.js +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; -import Navbar from './components/Navbar'; -import './App.css'; -import Home from './components/pages/Home'; -import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; -import Services from './components/pages/Services'; -import Products from './components/pages/Products'; -import SignUp from './components/pages/SignUp'; - -function App() { - return ( - <> - - - - - - - - - - - ); -} - -export default App; diff --git a/src/components/Button.css b/src/components/Button.css deleted file mode 100644 index 8f7448e73d..0000000000 --- a/src/components/Button.css +++ /dev/null @@ -1,43 +0,0 @@ -:root { - --primary: #fff; -} - -.btn { - padding: 8px 20px; - border-radius: 2px; - outline: none; - border: none; - cursor: pointer; -} - -.btn--primary { - background-color: var(--primary); - color: #242424; - border: 1px solid var(--primary); -} - -.btn--outline { - background-color: transparent; - color: #fff; - padding: 8px 20px; - border: 1px solid var(--primary); - transition: all 0.3s ease-out; -} - -.btn--medium { - padding: 8px 20px; - font-size: 18px; -} - -.btn--large { - padding: 12px 26px; - font-size: 20px; -} - -.btn--large:hover, -.btn--medium:hover { - transition: all 0.3s ease-out; - background: #fff; - color: #242424; - transition: 250ms; -} diff --git a/src/components/Button.js b/src/components/Button.js deleted file mode 100644 index 27490cc5cd..0000000000 --- a/src/components/Button.js +++ /dev/null @@ -1,45 +0,0 @@ -// import React from 'react'; -// import './Button.css'; -// import { Link } from 'react-router-dom'; - -// export function Button() { -// return ( -// -// -// -// ); -// } - -import React from 'react'; -import './Button.css'; -import { Link } from 'react-router-dom'; - -const STYLES = ['btn--primary', 'btn--outline', 'btn--test']; - -const SIZES = ['btn--medium', 'btn--large']; - -export const Button = ({ - children, - type, - onClick, - buttonStyle, - buttonSize -}) => { - const checkButtonStyle = STYLES.includes(buttonStyle) - ? buttonStyle - : STYLES[0]; - - const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0]; - - return ( - - - - ); -}; diff --git a/src/components/CardItem.js b/src/components/CardItem.js deleted file mode 100644 index 505c1ddc26..0000000000 --- a/src/components/CardItem.js +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -function CardItem(props) { - return ( - <> -
  • - -
    - Travel Image -
    -
    -
    {props.text}
    -
    - -
    • - - ); -} - -export default CardItem; diff --git a/src/components/Cards.css b/src/components/Cards.css deleted file mode 100644 index 4e5df7de83..0000000000 --- a/src/components/Cards.css +++ /dev/null @@ -1,118 +0,0 @@ -.cards { - padding: 4rem; - background: #fff; -} - -h1 { - text-align: center; -} - -.cards__container { - display: flex; - flex-flow: column; - align-items: center; - max-width: 1120px; - width: 90%; - margin: 0 auto; -} - -.cards__wrapper { - position: relative; - margin: 50px 0 45px; -} - -.cards__items { - margin-bottom: 24px; -} - -.cards__item { - display: flex; - flex: 1; - margin: 0 1rem; - border-radius: 10px; -} - -.cards__item__link { - display: flex; - flex-flow: column; - width: 100%; - box-shadow: 0 6px 20px rgba(56, 125, 255, 0.17); - -webkit-filter: drop-shadow(0 6px 20px rgba(56, 125, 255, 0.017)); - filter: drop-shadow(0 6px 20px rgba(56, 125, 255, 0.017)); - border-radius: 10px; - overflow: hidden; - text-decoration: none; -} - -.cards__item__pic-wrap { - position: relative; - width: 100%; - padding-top: 67%; - overflow: hidden; -} - -.fade-img { - animation-name: fade-img; - animation-duration: 2s; -} - -.cards__item__pic-wrap::after { - content: attr(data-category); - position: absolute; - bottom: 0; - margin-left: 10px; - padding: 6px 8px; - max-width: calc((100%) - 60px); - font-size: 12px; - font-weight: 700; - color: #fff; - background-color: #1f98f4; - box-sizing: border-box; -} - -.cards__item__img { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - width: 100%; - max-width: 100%; - height: 100%; - max-height: 100%; - object-fit: cover; - transition: all 0.2s linear; -} - -.cards__item__img:hover { - transform: scale(1.1); -} - -.cards__item__info { - padding: 20px 30px 30px; -} - -.cards__item__text { - color: #252e48; - font-size: 18px; - line-height: 24px; -} - -@media only screen and (min-width: 1200px) { - .content__blog__container { - width: 84%; - } -} - -@media only screen and (min-width: 1024px) { - .cards__items { - display: flex; - } -} - -@media only screen and (max-width: 1024px) { - .cards__item { - margin-bottom: 2rem; - } -} diff --git a/src/components/Cards.js b/src/components/Cards.js deleted file mode 100644 index 718a4346cc..0000000000 --- a/src/components/Cards.js +++ /dev/null @@ -1,51 +0,0 @@ -import React from 'react'; -import './Cards.css'; -import CardItem from './CardItem'; - -function Cards() { - return ( -
    -

    Check out these EPIC Destinations!

    -
    -
    -
      - - -
    -
      - - - -
    -
    -
    -
    - ); -} - -export default Cards; diff --git a/src/components/Footer.css b/src/components/Footer.css deleted file mode 100644 index b62e39f756..0000000000 --- a/src/components/Footer.css +++ /dev/null @@ -1,163 +0,0 @@ -.footer-container { - background-color: #242424; - padding: 4rem 0 2rem 0; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.footer-subscription { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - - margin-bottom: 24px; - padding: 24px; - color: #fff; -} - -.footer-subscription > p { - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', - 'Lucida Sans', Arial, sans-serif; -} - -.footer-subscription-heading { - margin-bottom: 24px; - font-size: 24px; -} - -.footer-subscription-text { - margin-bottom: 24px; - font-size: 20px; -} - -.footer-input { - padding: 8px 20px; - border-radius: 2px; - margin-right: 10px; - outline: none; - border: none; - font-size: 18px; - margin-bottom: 16px; - border: 1px solid #fff; -} - -.footer-links { - width: 100%; - max-width: 1000px; - display: flex; - justify-content: center; -} - -.footer-link-wrapper { - display: flex; -} - -.footer-link-items { - display: flex; - flex-direction: column; - align-items: flex-start; - margin: 16px; - text-align: left; - width: 160px; - box-sizing: border-box; -} - -.footer-link-items h2 { - margin-bottom: 16px; -} - -.footer-link-items > h2 { - color: #fff; -} - -.footer-link-items a { - color: #fff; - text-decoration: none; - margin-bottom: 0.5rem; -} - -.footer-link-items a:hover { - color: #e9e9e9; - transition: 0.3s ease-out; -} - -.footer-email-form h2 { - margin-bottom: 2rem; -} - -.footer-input::placeholder { - color: #b1b1b1; -} - -/* Social Icons */ -.social-icon-link { - color: #fff; - font-size: 24px; -} - -.social-media { - max-width: 1000px; - width: 100%; -} - -.social-media-wrap { - display: flex; - justify-content: space-between; - align-items: center; - width: 90%; - max-width: 1000px; - margin: 40px auto 0 auto; -} - -.social-icons { - display: flex; - justify-content: space-between; - align-items: center; - width: 240px; -} - -.social-logo { - color: #fff; - justify-self: start; - margin-left: 20px; - cursor: pointer; - text-decoration: none; - font-size: 2rem; - display: flex; - align-items: center; - margin-bottom: 16px; -} - -.website-rights { - color: #fff; - margin-bottom: 16px; -} - -@media screen and (max-width: 820px) { - .footer-links { - padding-top: 2rem; - } - - .footer-input { - width: 100%; - } - - .btn { - width: 100%; - } - - .footer-link-wrapper { - flex-direction: column; - } - - .social-media-wrap { - flex-direction: column; - } -} - -@media screen and (max-width: 768px) { -} diff --git a/src/components/Footer.js b/src/components/Footer.js deleted file mode 100644 index 2b06f3ae24..0000000000 --- a/src/components/Footer.js +++ /dev/null @@ -1,120 +0,0 @@ -import React from 'react'; -import './Footer.css'; -import { Button } from './Button'; -import { Link } from 'react-router-dom'; - -function Footer() { - return ( -
    -
    -

    - Join the Adventure newsletter to receive our best vacation deals -

    -

    - You can unsubscribe at any time. -

    -
    -
    - - -
    -
    -
    -
    -
    -
    -

    About Us

    - How it works - Testimonials - Careers - Investors - Terms of Service -
    -
    -

    Contact Us

    - Contact - Support - Destinations - Sponsorships -
    -
    -
    -
    -

    Videos

    - Submit Video - Ambassadors - Agency - Influencer -
    -
    -

    Social Media

    - Instagram - Facebook - Youtube - Twitter -
    -
    -
    - -
    - ); -} - -export default Footer; diff --git a/src/components/HeroSection.css b/src/components/HeroSection.css deleted file mode 100644 index b93ddb40ea..0000000000 --- a/src/components/HeroSection.css +++ /dev/null @@ -1,72 +0,0 @@ -video { - object-fit: cover; - width: 100%; - height: 100%; - position: fixed; - z-index: -1; -} - -.hero-container { - /* background: url('/images/img-home.jpg') center center/cover no-repeat; */ - height: 100vh; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); - object-fit: contain; -} - -.hero-container > h1 { - color: #fff; - font-size: 100px; - margin-top: -100px; -} - -.hero-container > p { - margin-top: 8px; - color: #fff; - font-size: 32px; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', - 'Lucida Sans', Arial, sans-serif; -} - -.hero-btns { - margin-top: 32px; -} - -.hero-btns .btn { - margin: 6px; -} - -.fa-play-circle { - margin-left: 4px; -} - -@media screen and (max-width: 960px) { - .hero-container > h1 { - font-size: 70px; - margin-top: -150px; - } -} - -@media screen and (max-width: 768px) { - .hero-container > h1 { - font-size: 50px; - margin-top: -100px; - } - - .hero-container > p { - font-size: 30px; - } - - .btn-mobile { - display: block; - text-decoration: none; - } - - .btn { - width: 100%; - } -} diff --git a/src/components/HeroSection.js b/src/components/HeroSection.js deleted file mode 100644 index 0de7d8c357..0000000000 --- a/src/components/HeroSection.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react'; -import '../App.css'; -import { Button } from './Button'; -import './HeroSection.css'; - -function HeroSection() { - return ( -
    -
    - ); -} - -export default HeroSection; diff --git a/src/components/Navbar.css b/src/components/Navbar.css deleted file mode 100644 index fc244818e5..0000000000 --- a/src/components/Navbar.css +++ /dev/null @@ -1,158 +0,0 @@ -.navbar { - background: linear-gradient(90deg, rgb(28, 27, 27) 0%, rgb(26, 23, 23) 100%); - height: 80px; - display: flex; - justify-content: center; - align-items: center; - font-size: 1.2rem; - position: sticky; - top: 0; - z-index: 999; -} - -.navbar-container { - display: flex; - justify-content: center; - align-items: center; - height: 80px; - max-width: 1500px; -} - -.navbar-logo { - color: #fff; - justify-self: start; - margin-left: 20px; - cursor: pointer; - text-decoration: none; - font-size: 2rem; - display: flex; - align-items: center; -} - -.fa-typo3 { - margin-left: 0.5rem; - font-size: 1.8rem; -} - -.nav-menu { - display: grid; - grid-template-columns: repeat(4, auto); - grid-gap: 10px; - list-style: none; - text-align: center; - width: 60vw; - justify-content: end; - margin-right: 2rem; -} - -.nav-item { - height: 80px; -} - -.nav-links { - color: #fff; - display: flex; - align-items: center; - text-decoration: none; - padding: 0.5rem 1rem; - height: 100%; -} - -.nav-links:hover { - border-bottom: 4px solid #fff; - transition: all 0.2s ease-out; -} - -.fa-bars { - color: #fff; -} - -.nav-links-mobile { - display: none; -} - -.menu-icon { - display: none; -} - -@media screen and (max-width: 960px) { - .NavbarItems { - position: relative; - } - - .nav-menu { - display: flex; - flex-direction: column; - width: 100%; - height: 90vh; - position: absolute; - top: 80px; - left: -100%; - opacity: 1; - transition: all 0.5s ease; - } - - .nav-menu.active { - background: #242222; - left: 0; - opacity: 1; - transition: all 0.5s ease; - z-index: 1; - } - - .nav-links { - text-align: center; - padding: 2rem; - width: 100%; - display: table; - } - - .nav-links:hover { - background-color: #fff; - color: #242424; - border-radius: 0; - } - - .navbar-logo { - position: absolute; - top: 0; - left: 0; - transform: translate(25%, 50%); - } - - .menu-icon { - display: block; - position: absolute; - top: 0; - right: 0; - transform: translate(-100%, 60%); - font-size: 1.8rem; - cursor: pointer; - } - - .fa-times { - color: #fff; - font-size: 2rem; - } - - .nav-links-mobile { - display: block; - text-align: center; - margin: 2rem auto; - border-radius: 4px; - width: 80%; - text-decoration: none; - font-size: 1.5rem; - background-color: transparent; - color: #fff; - padding: 14px 20px; - border: 1px solid #fff; - transition: all 0.3s ease-out; - } - - .nav-links-mobile:hover { - background: #fff; - color: #242424; - transition: 250ms; - } -} diff --git a/src/components/Navbar.js b/src/components/Navbar.js deleted file mode 100644 index eff37ca3e1..0000000000 --- a/src/components/Navbar.js +++ /dev/null @@ -1,80 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { Button } from './Button'; -import { Link } from 'react-router-dom'; -import './Navbar.css'; - -function Navbar() { - const [click, setClick] = useState(false); - const [button, setButton] = useState(true); - - const handleClick = () => setClick(!click); - const closeMobileMenu = () => setClick(false); - - const showButton = () => { - if (window.innerWidth <= 960) { - setButton(false); - } else { - setButton(true); - } - }; - - useEffect(() => { - showButton(); - }, []); - - window.addEventListener('resize', showButton); - - return ( - <> - - - ); -} - -export default Navbar; diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js deleted file mode 100644 index 4175f53343..0000000000 --- a/src/components/pages/Home.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import '../../App.css'; -import Cards from '../Cards'; -import HeroSection from '../HeroSection'; -import Footer from '../Footer'; - -function Home() { - return ( - <> - - -