From 4063b23794ad90cb32a49c7ca668ea0130e79c2d Mon Sep 17 00:00:00 2001 From: SaniyaBhargav Date: Wed, 24 Nov 2021 12:50:50 +0530 Subject: [PATCH 1/3] Added AlgoMenu --- src/Components/Algorithms/AlgoMenu.css | 304 ++++++++++++++++++ src/Components/Algorithms/AlgoMenu.jsx | 130 +++++++- .../Algorithms/pictures/algorithm.jpg | Bin 0 -> 48683 bytes src/Components/Developers/Developers.css | 20 +- src/Components/Developers/Developers.jsx | 3 +- src/Components/Landing/Navbar/Navbars.jsx | 5 +- src/Components/Navbar/Navbar.jsx | 2 + 7 files changed, 452 insertions(+), 12 deletions(-) create mode 100644 src/Components/Algorithms/pictures/algorithm.jpg diff --git a/src/Components/Algorithms/AlgoMenu.css b/src/Components/Algorithms/AlgoMenu.css index e69de29..75c09f5 100644 --- a/src/Components/Algorithms/AlgoMenu.css +++ b/src/Components/Algorithms/AlgoMenu.css @@ -0,0 +1,304 @@ +* { + padding: 0; + margin: 0; + position: relative; + box-sizing: border-box; + } + .product-column{ + display: flex; + flex-direction: column; + align-items: center; + + } + + .listing-section, .cart-section { + width: 100%; + float: left; + padding: 1%; + border-bottom: 0.01em solid #dddbdb; + } + + .product { + border-radius: 2%; + margin: 0 2%; + } + .product-row{ + display: flex; + flex-direction: row; + margin: 2% 0; + } + + .product:hover { + box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); + } + + .image-box { + width: 25vw; + overflow: hidden; + border-radius: 2% 2% 0 0; + } + + .images { + height: 13em; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + border-radius: 2% 2% 0 0; + transition: all 1s ease; + -moz-transition: all 1s ease; + -ms-transition: all 1s ease; + -webkit-transition: all 1s ease; + -o-transition: all 1s ease; + } + + .images:hover { + transform: scale(1.2); + overflow: hidden; + border-radius: 2%; + } + + /* IMAGES */ + #image-1 {background-image: url("./pictures/algorithm.jpg");} + + #image-2 {background-image: url("./pictures/algorithm.jpg")} + + #image-3 {background-image: url("./pictures/algorithm.jpg")} + + #image-4 {background-image: url("./pictures/algorithm.jpg")} + + #image-5 {background-image: url("./pictures/algorithm.jpg")} + + #image-6 {background-image: url("./pictures/algorithm.jpg")} + + #image-7 {background-image: url("./pictures/algorithm.jpg")} + + #image-8 {background-image: url("./pictures/algorithm.jpg")} + + #image-9 {background-image: url("./pictures/algorithm.jpg")} + + #image-10 {background-image: url("./pictures/algorithm.jpg")} + + #image-11 {background-image: url("./pictures/algorithm.jpg")} + + #image-12 {background-image: url("./pictures/algorithm.jpg")} + + .text-box { + width: 100%; + float: left; + border: 0.01em solid #dddbdb; + border-radius: 0 0 2% 2%; + padding: 1em; + } + + h2, h3 { + float: left; + font-family: 'Roboto', sans-serif; + font-weight: 400; + font-size: 1em; + text-transform: uppercase; + margin: 0.2em auto; + } + + .item, .price { + clear: left; + width: 100%; + text-align: center; + } + + .price { + color: Grey; + } + + .description, label, button, input { + float: left; + clear: left; + width: 100%; + font-family: 'Roboto', sans-serif; + font-weight: 300; + font-size: 1em; + text-align: center; + margin: 0.2em auto; + } + + input:focus { + outline-color: #fdf; + } + + label { + width: 60%; + } + + .text-box input { + width: 15%; + clear: none; + } + + .text-box button { + margin-top: 1em; + } + + button { + padding: 2%; + background-color: #dfd; + border: none; + border-radius: 2%; + } + + button:hover { + bottom: 0.1em; + } + + button:focus { + outline: 0; + } + + button:active { + bottom: 0; + background-color: #fdf; + } + + .table-heading, .table-content { + width: 75%; + margin: 1% 12.25%; + float: left; + background-color: #dfd; + } + + .table-heading h2 { + padding: 1%; + margin: 0; + text-align: center; + } + + .cart-product { + width: 50%; + float: left; + } + + .cart-price { + width: 15%; + float: left; + } + + .cart-quantity { + width: 10%; + float: left; + } + + .cart-total { + width: 25%; + float: left; + } + + .cart-image-box { + width: 20%; + overflow: hidden; + border-radius: 2%; + float: left; + margin: 1%; + } + + .cart-images { + height: 7em; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + } + + .cart-item { + width: 20%; + float: left; + margin: 3.2em 1%; + text-align: center; + } + .cart-description { + width: 53%; + float: left; + margin: 3.2em 1%; + font-family: 'Roboto', sans-serif; + font-weight: 300; + font-size: 1em; + text-align: center; + } + + .cart-price h3, .cart-total h3 { + margin: 3.2em 5% 3.2em 20%; + width: 60%; + } + + .cart-quantity input { + margin: 3.2em 1%; + border: none; + } + + .remove { + width: 10%; + margin: 1px; + float: right; + clear: right; + } + + .coupon { + width: 20%; + background-color: #dfd; + margin: 1% 1% 1% 12.25%; + float: left; + height: 6em; + } + + .coupon input { + width: 60%; + border: none; + margin: 12.75% 5%; + padding: 1%; + } + + .coupon button { + width: 25%; + float: left; + clear: right; + margin: 12% 5% 12% 0; + } + + .keep-shopping { + width: 15%; + height: 6em; + float: left; + margin: 1% auto; + padding: 1%; + background-color: #dfd; + } + + .keep-shopping button { + text-transform: uppercase; + margin: 12% auto; + + } + + .checkout { + width: 37.25%; + margin: 1% 12.75% 1% 1%; + float: right; + background-color: #dfd; + height: 6em; + } + + .checkout button { + width: 30%; + clear: none; + margin: 5.4% 0 5.4% 5.5%; + text-transform: uppercase; + } + + .final-cart-total { + width: 15%; + float: right; + margin: 7%; + background-color: White; + } + + .final-cart-total h3 { + color: Black; + } \ No newline at end of file diff --git a/src/Components/Algorithms/AlgoMenu.jsx b/src/Components/Algorithms/AlgoMenu.jsx index 3def885..74ecf4e 100644 --- a/src/Components/Algorithms/AlgoMenu.jsx +++ b/src/Components/Algorithms/AlgoMenu.jsx @@ -1,11 +1,133 @@ import React from "react"; import './AlgoMenu.css' -import {Container, Col, Image, Row} from 'react-bootstrap' +import { Container, Col, Image, Row } from 'react-bootstrap' -export default function AlgoMenu (){ - return( + +export default function AlgoMenu() { + return (
-

Hello World!

+
+
+
+
+
+
+ +
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
+
+
+

Algorithm Name

+

Algorithm Link

+
+
+
+
+
) } \ No newline at end of file diff --git a/src/Components/Algorithms/pictures/algorithm.jpg b/src/Components/Algorithms/pictures/algorithm.jpg new file mode 100644 index 0000000000000000000000000000000000000000..20b3b99bc04d3af377bd4a81e76748d212654d83 GIT binary patch literal 48683 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 $D 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 literal 0 HcmV?d00001 diff --git a/src/Components/Developers/Developers.css b/src/Components/Developers/Developers.css index 4324de0..6d2b8e3 100644 --- a/src/Components/Developers/Developers.css +++ b/src/Components/Developers/Developers.css @@ -16,8 +16,6 @@ body { } h1, -h2, -h3, h4, h5, h6 { @@ -25,11 +23,25 @@ h6 { text-transform: none; color: rgba(254, 82, 76, 1); font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 600; + font-weight: 700; letter-spacing: 1px; line-height: 1.5; } - +h2{ + font-size: 3rem !important; + color: rgba(254, 82, 76, 1); + font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 600 !important; +} +h3{ + font-size: 2rem !important; + font-weight: 500 !important; +} +.heading-text{ + display: flex; + flex-direction: column; + align-items: center; +} a:link, a:active, a:visited{ diff --git a/src/Components/Developers/Developers.jsx b/src/Components/Developers/Developers.jsx index d0009a1..78cf1d0 100644 --- a/src/Components/Developers/Developers.jsx +++ b/src/Components/Developers/Developers.jsx @@ -20,8 +20,9 @@ export default function Developers (){
-
+

Our Team

+

Meet the people who made this amazing page.

diff --git a/src/Components/Landing/Navbar/Navbars.jsx b/src/Components/Landing/Navbar/Navbars.jsx index b8e69b5..cd03b71 100644 --- a/src/Components/Landing/Navbar/Navbars.jsx +++ b/src/Components/Landing/Navbar/Navbars.jsx @@ -17,9 +17,8 @@ const Navbars = () => { diff --git a/src/Components/Navbar/Navbar.jsx b/src/Components/Navbar/Navbar.jsx index 379c373..75b8e95 100644 --- a/src/Components/Navbar/Navbar.jsx +++ b/src/Components/Navbar/Navbar.jsx @@ -65,10 +65,12 @@ export default function NavBar() { + +
From 9c6611e9abb06f64b8e863b4f0d9bfe7fb2da205 Mon Sep 17 00:00:00 2001 From: SaniyaBhargav Date: Sun, 28 Nov 2021 22:36:50 +0530 Subject: [PATCH 2/3] Added Algo Page and Algo Menu --- src/Components/Algorithms/AlgoMenu.css | 632 ++++++++++-------- src/Components/Algorithms/AlgoMenu.jsx | 177 ++--- .../Algorithms/AlgoPage/About/About.css | 96 +++ .../Algorithms/AlgoPage/About/About.jsx | 26 + .../Algorithms/AlgoPage/AlgoPage.css | 0 .../Algorithms/AlgoPage/AlgoPage.jsx | 18 + .../Algorithms/AlgoPage/Video/Video.css | 86 +++ .../Algorithms/AlgoPage/Video/Video.jsx | 30 + 8 files changed, 646 insertions(+), 419 deletions(-) create mode 100644 src/Components/Algorithms/AlgoPage/About/About.css create mode 100644 src/Components/Algorithms/AlgoPage/About/About.jsx create mode 100644 src/Components/Algorithms/AlgoPage/AlgoPage.css create mode 100644 src/Components/Algorithms/AlgoPage/AlgoPage.jsx create mode 100644 src/Components/Algorithms/AlgoPage/Video/Video.css create mode 100644 src/Components/Algorithms/AlgoPage/Video/Video.jsx diff --git a/src/Components/Algorithms/AlgoMenu.css b/src/Components/Algorithms/AlgoMenu.css index 75c09f5..cf1fc04 100644 --- a/src/Components/Algorithms/AlgoMenu.css +++ b/src/Components/Algorithms/AlgoMenu.css @@ -1,304 +1,346 @@ -* { - padding: 0; - margin: 0; - position: relative; - box-sizing: border-box; - } - .product-column{ - display: flex; - flex-direction: column; - align-items: center; - - } - - .listing-section, .cart-section { - width: 100%; - float: left; - padding: 1%; - border-bottom: 0.01em solid #dddbdb; - } - - .product { - border-radius: 2%; - margin: 0 2%; - } - .product-row{ - display: flex; - flex-direction: row; - margin: 2% 0; - } - - .product:hover { - box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4); - } - - .image-box { - width: 25vw; - overflow: hidden; - border-radius: 2% 2% 0 0; - } - - .images { - height: 13em; - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - border-radius: 2% 2% 0 0; - transition: all 1s ease; - -moz-transition: all 1s ease; - -ms-transition: all 1s ease; - -webkit-transition: all 1s ease; - -o-transition: all 1s ease; - } - - .images:hover { - transform: scale(1.2); - overflow: hidden; - border-radius: 2%; +body { + margin: 0; + padding: 0; + font-family: 'Comfortaa', cursive; + background-color: black; +} + +#con { + width: 75%; + margin: 0 auto; + margin-top: 200px; + height: auto; +} + +#con2 { + width: 75%; + margin: 0 auto; + margin-top: 30px; + height: auto; +} + +#con3 { + width: 75%; + margin: 0 auto; + margin-top: 30px; + height: auto; +} +.con4{ + width: 75%; + margin: 0 auto; + margin-top: 30px; + height: auto; +} +h4 { + width: 90%; + position: absolute; + font-size: 30px; + padding: 20px; + margin-top: 120px; + color: #fff; +} +.f-title{ + text-align: center; + margin-top: 30px; + font-size: 30px; + font-family: 'Rock Salt', cursive; + -webkit-animation:colorchange 5s infinite alternate; +} +.zayn_1 { + position: relative; + margin-top: -150px; + background: url(http://i.huffpost.com/gen/1960925/images/o-COOLEST-CITIES-IN-AMERICA-facebook.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + border-bottom: 3px solid rgba(255,162,52,0.8); + width: 100%; + height: 280px; + border-radius: 6px; + box-shadow: 5px 5px 30px 0px rgba(46,61,73,0.9); + transition: all 0.3s ease; + +} + +.zayn_2 { + position: relative; + margin-top: 1px; + background: url(https://i.ytimg.com/vi/fwoDwajwqdo/maxresdefault.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + border-bottom: 3px solid rgba(2,204,186,0.8); + width: 49%; + height: 300px; + border-radius: 6px; + box-shadow: 5px 5px 30px 0px rgba(46,61,73,0.9); + transition: all 0.3s ease; +} + +.zayn_3 { + position: relative; + float: right; + margin-top: -304px; + background: url(https://tinyurl.com/2p97bsmp); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + border-bottom: 3px solid rgba(169,81,237,0.8); + width: 49%; + height: 300px; + border-radius: 6px; + box-shadow: 5px 5px 30px 0px rgba(46,61,73,0.9); + transition: all 0.3s ease; +} + +.zayn_4 { + position: relative; + margin-top: 1px; + background: url(http://www.lolwot.com/wp-content/uploads/2015/02/top-16-coolest-buildings-in-the-world.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + border-bottom: 3px solid rgba(255,84,131,0.8); + width: 100%; + height: 280px; + border-radius: 6px; + box-shadow: 5px 5px 30px 0px rgba(46,61,73,0.9); + transition: all 0.3s ease; +} + +.new { + color: #fff; + z-index: 1; + position: relative; + left: 2%; + top: 8%; + padding: 15px; + background: linear-gradient(to right, #02b3e4 0%, #02ccba 100%); + border-radius: 50px 120px 120px; +} +.zayn_form{ + position: relative; + margin-top: -150px; + background:#fafafa; + border-bottom: 3px solid rgba(255,162,52,0.8); + width: 100%; + height: 280px; + border-radius: 6px; + box-shadow: 5px 5px 30px 0px rgba(46,61,73,0.9); + transition: all 0.3s ease; +} + + +.pop { + color: #fff; + z-index: 1; + position: absolute; + left: 2%; + top: 3%; + padding: 15px; + background: linear-gradient(to right, #fa3350 0%, #fa3380 100%); + border-radius: 50px 120px 120px; +} + +.lat { + color: #fff; + z-index: 1; + position: absolute; + left: 2%; + top: 3%; + padding: 15px; + background: linear-gradient(to right, deeppink 0%, #fa3380 100%); + border-radius: 50px 120px 120px; +} + +.free { + color: #fff; + z-index: 1; + position: absolute; + left: 2%; + top: 3%; + padding: 15px; + background: linear-gradient(to right, deepskyblue 0%, skyblue 100%); + border-radius: 50px 120px 120px; +} + +.overlay { + position: absolute; + z-index: 0; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(000,000,000, 0.6); + border-radius: 6px; +} + + + +@media only screen and (max-width: 840px) { + + h4 { + font-size: 24px; } - - /* IMAGES */ - #image-1 {background-image: url("./pictures/algorithm.jpg");} - - #image-2 {background-image: url("./pictures/algorithm.jpg")} - - #image-3 {background-image: url("./pictures/algorithm.jpg")} - - #image-4 {background-image: url("./pictures/algorithm.jpg")} - - #image-5 {background-image: url("./pictures/algorithm.jpg")} - - #image-6 {background-image: url("./pictures/algorithm.jpg")} - - #image-7 {background-image: url("./pictures/algorithm.jpg")} - - #image-8 {background-image: url("./pictures/algorithm.jpg")} - - #image-9 {background-image: url("./pictures/algorithm.jpg")} - - #image-10 {background-image: url("./pictures/algorithm.jpg")} - - #image-11 {background-image: url("./pictures/algorithm.jpg")} - - #image-12 {background-image: url("./pictures/algorithm.jpg")} - - .text-box { + + .zayn_2 { + position: relative; width: 100%; - float: left; - border: 0.01em solid #dddbdb; - border-radius: 0 0 2% 2%; - padding: 1em; - } - - h2, h3 { - float: left; - font-family: 'Roboto', sans-serif; - font-weight: 400; - font-size: 1em; - text-transform: uppercase; - margin: 0.2em auto; } - - .item, .price { - clear: left; + + .zayn_3 { + position: relative; width: 100%; - text-align: center; - } - - .price { - color: Grey; + margin-top: 30px; } - - .description, label, button, input { - float: left; - clear: left; + + .zayn_4 { + position: relative; width: 100%; - font-family: 'Roboto', sans-serif; - font-weight: 300; - font-size: 1em; - text-align: center; - margin: 0.2em auto; - } - - input:focus { - outline-color: #fdf; - } - - label { - width: 60%; - } - - .text-box input { - width: 15%; - clear: none; - } - - .text-box button { - margin-top: 1em; - } - - button { - padding: 2%; - background-color: #dfd; - border: none; - border-radius: 2%; - } - - button:hover { - bottom: 0.1em; - } - - button:focus { - outline: 0; - } - - button:active { - bottom: 0; - background-color: #fdf; - } - - .table-heading, .table-content { - width: 75%; - margin: 1% 12.25%; - float: left; - background-color: #dfd; - } - - .table-heading h2 { - padding: 1%; - margin: 0; - text-align: center; - } - - .cart-product { - width: 50%; - float: left; - } - - .cart-price { - width: 15%; - float: left; - } - - .cart-quantity { - width: 10%; - float: left; + margin-top: 360px; } - - .cart-total { - width: 25%; - float: left; - } - - .cart-image-box { - width: 20%; - overflow: hidden; - border-radius: 2%; - float: left; - margin: 1%; - } - - .cart-images { - height: 7em; - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - } - - .cart-item { - width: 20%; - float: left; - margin: 3.2em 1%; - text-align: center; - } - .cart-description { - width: 53%; - float: left; - margin: 3.2em 1%; - font-family: 'Roboto', sans-serif; - font-weight: 300; - font-size: 1em; - text-align: center; - } - - .cart-price h3, .cart-total h3 { - margin: 3.2em 5% 3.2em 20%; - width: 60%; - } - - .cart-quantity input { - margin: 3.2em 1%; - border: none; - } - - .remove { - width: 10%; - margin: 1px; - float: right; - clear: right; - } - - .coupon { - width: 20%; - background-color: #dfd; - margin: 1% 1% 1% 12.25%; - float: left; - height: 6em; - } - - .coupon input { - width: 60%; - border: none; - margin: 12.75% 5%; - padding: 1%; - } - - .coupon button { - width: 25%; - float: left; - clear: right; - margin: 12% 5% 12% 0; - } - - .keep-shopping { - width: 15%; - height: 6em; - float: left; - margin: 1% auto; - padding: 1%; - background-color: #dfd; - } - - .keep-shopping button { - text-transform: uppercase; - margin: 12% auto; - - } - - .checkout { - width: 37.25%; - margin: 1% 12.75% 1% 1%; - float: right; - background-color: #dfd; - height: 6em; - } - - .checkout button { - width: 30%; - clear: none; - margin: 5.4% 0 5.4% 5.5%; - text-transform: uppercase; + + .date { + left: 70%; } - - .final-cart-total { - width: 15%; - float: right; - margin: 7%; - background-color: White; + + .date-1 { + left: 70%; } - - .final-cart-total h3 { - color: Black; - } \ No newline at end of file +} + +.footer { + margin-top: 50px; + position: absolute; + background: #b24592; + background: -webkit-linear-gradient(to right, #b24592, #f15f79); + background: linear-gradient(to right, #b24592, #f15f79); + padding: 15px; + width: 100%; + border-radius: 4px; +} + +.footer h1 { + color: #fff; + font-size: 20px; + text-align: center; +} + + + +.shadow:hover { + box-shadow: 5px 1px 10px 0px rgba(46,61,73,0.1); + transition: all 0.3s ease; +} + + +@-webkit-keyframes spaceboots { + 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } + 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } + 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } + 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } + 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } + 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } + 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } + 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } + 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } + 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } + 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } +} +.shadow:hover, +.shadow:focus { + -webkit-animation-name: spaceboots; + -webkit-animation-duration: 0.8s; + -webkit-transform-origin:50% 50%; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; +} + + + + + @-webkit-keyframes colorchange { + 0% { + + color: darkviolet; + } + + 10% { + + color: #fa3380; + } + + 20% { + + color: #02b3e4; + } + + 30% { + + color: #02ccba; + } + + 40% { + + color: #a951ed; + } + + 50% { + + color: #ffa234; + } + + 60% { + + color: #ff5483; + } + + 70% { + + color: deepskyblue; + } + 80% { + + color: purple; + } + + 90% { + + color: lightpink; + } + + 100% { + + color: #fff; + } + } + + + + + +.Follow { background:url("https://pbs.twimg.com/profile_images/959092900708544512/v4Db9QRv_bigger.jpg")no-repeat center / contain; + width: 50px; + height: 50px; + bottom: 9px; + right: 20px; + display:block; + position:fixed; + border-radius:50%; + z-index:999; + animation: rotation 10s infinite linear; + } + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +} + + + + + diff --git a/src/Components/Algorithms/AlgoMenu.jsx b/src/Components/Algorithms/AlgoMenu.jsx index 74ecf4e..3bfc8d2 100644 --- a/src/Components/Algorithms/AlgoMenu.jsx +++ b/src/Components/Algorithms/AlgoMenu.jsx @@ -1,133 +1,62 @@ import React from "react"; import './AlgoMenu.css' import { Container, Col, Image, Row } from 'react-bootstrap' +import AlgoPage from "./AlgoPage/AlgoPage"; export default function AlgoMenu() { return ( -
-
-
-
-
-
-
- -
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
-
-

Algorithm Name

-

Algorithm Link

-
-
-
-
-
-
+ <> + + + + +
+
+ +
+ + +

ALGORITHM NAME

+
+
+ + +
+
+ +
+ + +

He is not a lover who does not love forever.

+
+ + +
+ +
+ + +

Show me your garden and I shall tell you what you are.

+
+
+ + +
+
+ +
+ + +

All theory, dear friend, is gray, but the golden tree of life springs + ever green.

+
+
+ +
+
+ + + ) } \ No newline at end of file diff --git a/src/Components/Algorithms/AlgoPage/About/About.css b/src/Components/Algorithms/AlgoPage/About/About.css new file mode 100644 index 0000000..3ed6174 --- /dev/null +++ b/src/Components/Algorithms/AlgoPage/About/About.css @@ -0,0 +1,96 @@ + + +*, *:before, *:after { + box-sizing: border-box; +} + +body { + background-color: #f3f3f3; +} + +.product-card { + background-color: #fdfefe; + max-width: 550px; + min-height: 400px; + margin: 0 auto; + margin-top: 50px; + margin-bottom: 150px; + box-shadow: 8px 12px 30px darken( #f3f3f3, 25%);; + color: #919495; + font-weight: normal; + text-align: left; + font-size: 18px; + position: relative; +} + +.product-details { + width: 53%; + float: left; + height: 100%; + padding: 30px; +}; + + h1 { + color: #333; + font-family: 'Pacifico', cursive; + margin-bottom: 35px; + }; + button { + width: 150px; + height: 50px; + margin-top: 20px; + background-color: #337AB7; + border-radius: 0; + color: #fff; + box-shadow: 2px 2px 7px darken(#337AB7, 25%); + + }; + +.product-image { + position: absolute; + right: -20px; + top: -40px; + +}; +img { + max-width: 400px; + }; + +@media (max-width: 700px) { + .product-card { + margin-left: 20px; + margin-right: 20px; + } + +} + +@media (max-width: 540px) { + .product-card { + overflow: hidden; + margin-bottom: 50px; + } + .product-details { + width: 60%; + z-index: 1; + } + .product-image { + width: 100%; + left: 40%; + top: -50px; + } +} + +@media (max-width: 440px) { + .product-details { + width: 65%; + } +} + +@media (max-width: 365px) { + .product-details { + width: 80%; + position: relative; + color: #333; + background-color: rgba(255, 255, 255, 0.7); + } +} \ No newline at end of file diff --git a/src/Components/Algorithms/AlgoPage/About/About.jsx b/src/Components/Algorithms/AlgoPage/About/About.jsx new file mode 100644 index 0000000..bfe6c77 --- /dev/null +++ b/src/Components/Algorithms/AlgoPage/About/About.jsx @@ -0,0 +1,26 @@ +import React from 'react' + +const About = () => { + return ( +
+
+
+ +
+
+

Product title

+

Great product title for a great product and all of the extra things a product might need to make it fill an entire card.

+
+
+
+
+
+
+
+ + +
+ ) +} + +export default About diff --git a/src/Components/Algorithms/AlgoPage/AlgoPage.css b/src/Components/Algorithms/AlgoPage/AlgoPage.css new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/Algorithms/AlgoPage/AlgoPage.jsx b/src/Components/Algorithms/AlgoPage/AlgoPage.jsx new file mode 100644 index 0000000..afcc8a0 --- /dev/null +++ b/src/Components/Algorithms/AlgoPage/AlgoPage.jsx @@ -0,0 +1,18 @@ +import React from 'react' +import GetStartPath from '../../Pathfinder/GetStartPath' +import Landing from '../../Pathfinder/Landing' +import About from './About/About' +import Video from './Video/Video' + +const AlgoPage = () => { + return ( +
+ + + +
+ ) +} + +export default AlgoPage diff --git a/src/Components/Algorithms/AlgoPage/Video/Video.css b/src/Components/Algorithms/AlgoPage/Video/Video.css new file mode 100644 index 0000000..3e1e67f --- /dev/null +++ b/src/Components/Algorithms/AlgoPage/Video/Video.css @@ -0,0 +1,86 @@ +body { + background: #333; + } + a{ + color: inherit; + text-decoration: none + } + /* Amimated Play Button */ + .play-button { + position: absolute; + top: 50%; + left: auto; + right: 12%; + margin: 0; + padding: 0; + list-style: none; + width: 65px; + height: 65px; + background: #fff; + text-align: center; + border-radius: 50%; + /* border-left: 100px solid transparent; + border-right: 100px solid transparent; + border-top: 0 solid red; + border-bottom: 100px solid black; */ + + /* border-radius: 20%; */ + /* border-top-right-radius: 50%; + border-bottom-right-radius: 50%; */ + -webkit-animation: ripple-white3 3s linear infinite; + animation: ripple-white3 3s linear infinite; + } + @keyframes ripple-white3 { + 0% { + -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); } + 100% { + -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); + box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } } + .play-button::after { + content:''; + top:21px; + left:23px; + position: absolute; + border-left: 20px solid black; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-right: 20px solid transparent; + } + + + + /* Pop Up Style */ + .video-pop { + position: absolute; + left:0; + top: 0; + width: 100%; + height: 100%; + visibility: hidden; + opacity: 0; + } + .video-pop:target { + visibility: visible; + opacity: 1; + } + + .pop-bg { + background: rgba(0, 0, 0, .2); + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + } + .pop-container { + width: 50%; + text-align: right; + font-size: 30px; + font-weight: bold; + color: #fff; + } + .pop-container iframe { + width:100%; + height: 450px; + } \ No newline at end of file diff --git a/src/Components/Algorithms/AlgoPage/Video/Video.jsx b/src/Components/Algorithms/AlgoPage/Video/Video.jsx new file mode 100644 index 0000000..629f8dc --- /dev/null +++ b/src/Components/Algorithms/AlgoPage/Video/Video.jsx @@ -0,0 +1,30 @@ +import React from 'react' + +const Video = () => { + return ( +
+ + + +
+
+ +
+
+ + + + +
+
+
+ × + +
+
+
+
+ ) +} + +export default Video From f7eefd74a56e6f032fdff47f549148fc13f83ec7 Mon Sep 17 00:00:00 2001 From: SaniyaBhargav Date: Wed, 1 Dec 2021 17:37:15 +0530 Subject: [PATCH 3/3] Added webkit --- src/Components/Algorithms/AlgoMenu.css | 82 ++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) diff --git a/src/Components/Algorithms/AlgoMenu.css b/src/Components/Algorithms/AlgoMenu.css index cf1fc04..b9257fc 100644 --- a/src/Components/Algorithms/AlgoMenu.css +++ b/src/Components/Algorithms/AlgoMenu.css @@ -45,6 +45,7 @@ h4 { font-size: 30px; font-family: 'Rock Salt', cursive; -webkit-animation:colorchange 5s infinite alternate; + animation:colorchange 5s infinite alternate; } .zayn_1 { position: relative; @@ -247,13 +248,31 @@ h4 { 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } +@keyframes spaceboots { + 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } + 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } + 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } + 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } + 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } + 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } + 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } + 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } + 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } + 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } + 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } +} .shadow:hover, .shadow:focus { -webkit-animation-name: spaceboots; + animation-name: spaceboots; -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; -webkit-transform-origin:50% 50%; + transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; -webkit-animation-timing-function: linear; + animation-timing-function: linear; } @@ -314,6 +333,61 @@ h4 { color: #fff; } } + @keyframes colorchange { + 0% { + + color: darkviolet; + } + + 10% { + + color: #fa3380; + } + + 20% { + + color: #02b3e4; + } + + 30% { + + color: #02ccba; + } + + 40% { + + color: #a951ed; + } + + 50% { + + color: #ffa234; + } + + 60% { + + color: #ff5483; + } + + 70% { + + color: deepskyblue; + } + 80% { + + color: purple; + } + + 90% { + + color: lightpink; + } + + 100% { + + color: #fff; + } + } @@ -339,6 +413,14 @@ h4 { -webkit-transform: rotate(359deg); } } +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +}