From 1869b8c03dbbe83ff645dced881de2b5aabe3626 Mon Sep 17 00:00:00 2001 From: shivamshaw07 Date: Sun, 15 Oct 2023 23:18:14 +0530 Subject: [PATCH 1/4] fixed top of image --- style/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style/style.css b/style/style.css index 9764075..332c1eb 100644 --- a/style/style.css +++ b/style/style.css @@ -190,6 +190,7 @@ p { .hero-anime{ margin-bottom: 5rem; } + body.hero-anime p { opacity: 0; transform: translateY(40px); From 441fdc9facfc99505f20e10a598099c6dd7ad731 Mon Sep 17 00:00:00 2001 From: shivamshaw07 Date: Mon, 16 Oct 2023 19:58:29 +0530 Subject: [PATCH 2/4] Added team members json file --- JSON files/teamMembers.json | 141 ++++++++++++++++++++++++++++++++++++ 1 file changed, 141 insertions(+) create mode 100644 JSON files/teamMembers.json diff --git a/JSON files/teamMembers.json b/JSON files/teamMembers.json new file mode 100644 index 0000000..511019d --- /dev/null +++ b/JSON files/teamMembers.json @@ -0,0 +1,141 @@ +{ + "teamMembers": [ + { + "name": "Niraj Modi", + "role": "Lead", + "linkedinUrl": "https://www.linkedin.com/in/thecodeventurer/", + "githubUrl": "https://github.com/TheCodeVenturer", + "twitterUrl": "https://twitter.com/TheCodeVenturer", + "websiteUrl": "https://thecodeventurer.github.io/", + "roleType": 1 + }, + { + "name": "Jayanta Pandit", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/panditjay", + "githubUrl": "https://github.com/jayzsh", + "twitterUrl": "https://x.com/74HSALAK", + "websiteUrl": "https://jayantapandit.me", + "roleType": 2 + }, + { + "name": "Bishal Bhattacharjee", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/bishal-bhattacharjee-805769232/", + "githubUrl": "https://github.com/Bishal097", + "twitterUrl": "https://twitter.com/Code_by_Bishal", + "websiteUrl": "", + "roleType": 2 + }, + { + "name": "Anirban Sinha", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/anirban-sinha-5181b0231", + "githubUrl": "https://github.com/anirban6102", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 2 + }, + { + "name": "Shivam kumar shaw", + "role": "CP Faciliator", + "linkedinUrl": "https://www.linkedin.com/in/shivam-shaw-1b3690252", + "githubUrl": "https://github.com/shivamshaw07", + "twitterUrl": "https://x.com/shivamshaw007?t=KXNC-AeZDDKuI9KwfW1gsQ&s=08", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Rounak Kayal", + "role": "Graphic Designer", + "linkedinUrl": "https://www.linkedin.com/in/rounak-kayal-728714227", + "githubUrl": "https://github.com/rk2003kayal", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Md Amir Khan", + "role": "UI/UX Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/md-amir-khan-a0849a236?", + "githubUrl": "https://github.com/aamiiir", + "twitterUrl": "https://x.com/aamiiiiiiiirrr?s=21", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Rajdip Sinha", + "role": "Frontend Lead", + "linkedinUrl": "https://www.linkedin.com/in/rajdip-sinha-23789a220?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + "githubUrl": "http://github.com/rajdips834", + "twitterUrl": "https://x.com/rajdips834?t=K0E58jxs0sleVQUDzLAvjw&s=09", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Bikash Agarwala", + "role": "Web Technologies Facilitator", + "linkedinUrl": "http://www.linkedin.com/in/bikash-agarwala-283873229", + "githubUrl": "https://github.com/Bikash-Agrawala", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Bhumi Sinha ", + "role": "Content Writer", + "linkedinUrl": "https://www.linkedin.com/in/bhumi-sinha-ba4aab258?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + "githubUrl": "https://github.com/BHUMISINHA18", + "twitterUrl": "https://x.com/Bhumisinha__?t=TtMv_bZOYjBk44L9bP1D7w&s=09", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Riya Kumari", + "role": "Web Technologies Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/riya-kumari-902432224/", + "githubUrl": "https://github.com/CSERiya", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Aditya Shaw", + "role": "UI/UX Lead", + "linkedinUrl": "https://www.linkedin.com/in/aditya-shaw-216171224", + "githubUrl": "https://github.com/AdityaShaw1", + "twitterUrl": "https://x.com/Aditya_Shaw_1?t=XH2mWEPwJ_uGWzXGSPaO-g&s=09", + "websiteUrl": "https://portfolioadi.super.site/", + "roleType": 3 + }, + { + "name": "GOURAV RAJAK", + "role": "AI/ML Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/gourav-rajak-012947242/", + "githubUrl": "", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Moulina Panday ", + "role": "AI/ML Lead", + "linkedinUrl": "https://www.linkedin.com/in/moulina-panday-460590215/", + "githubUrl": "https://github.com/PandayMoulina", + "twitterUrl": "https://twitter.com/Moulina_Panday", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Arnab Chatterjee", + "role": "Web Technologies Lead", + "linkedinUrl": "https://www.linkedin.com/in/arnab-chatterjee-905ab3219/", + "githubUrl": "https://github.com/ArnabChatterjee20k", + "twitterUrl": "https://twitter.com/arnabch20k", + "websiteUrl": "", + "roleType": 3 + } + + ] + } + \ No newline at end of file From cb74aee4aa869fde17e61c514f71abac008e55c3 Mon Sep 17 00:00:00 2001 From: shivamshaw07 Date: Mon, 16 Oct 2023 20:03:48 +0530 Subject: [PATCH 3/4] Added Team members details in json file --- JSON files/teamMembers.json | 274 ++++++++++++++++++------------------ 1 file changed, 136 insertions(+), 138 deletions(-) diff --git a/JSON files/teamMembers.json b/JSON files/teamMembers.json index 511019d..d98c194 100644 --- a/JSON files/teamMembers.json +++ b/JSON files/teamMembers.json @@ -1,141 +1,139 @@ { "teamMembers": [ - { - "name": "Niraj Modi", - "role": "Lead", - "linkedinUrl": "https://www.linkedin.com/in/thecodeventurer/", - "githubUrl": "https://github.com/TheCodeVenturer", - "twitterUrl": "https://twitter.com/TheCodeVenturer", - "websiteUrl": "https://thecodeventurer.github.io/", - "roleType": 1 - }, - { - "name": "Jayanta Pandit", - "role": "Community Admin", - "linkedinUrl": "https://www.linkedin.com/in/panditjay", - "githubUrl": "https://github.com/jayzsh", - "twitterUrl": "https://x.com/74HSALAK", - "websiteUrl": "https://jayantapandit.me", - "roleType": 2 - }, - { - "name": "Bishal Bhattacharjee", - "role": "Community Admin", - "linkedinUrl": "https://www.linkedin.com/in/bishal-bhattacharjee-805769232/", - "githubUrl": "https://github.com/Bishal097", - "twitterUrl": "https://twitter.com/Code_by_Bishal", - "websiteUrl": "", - "roleType": 2 - }, - { - "name": "Anirban Sinha", - "role": "Community Admin", - "linkedinUrl": "https://www.linkedin.com/in/anirban-sinha-5181b0231", - "githubUrl": "https://github.com/anirban6102", - "twitterUrl": "", - "websiteUrl": "", - "roleType": 2 - }, - { - "name": "Shivam kumar shaw", - "role": "CP Faciliator", - "linkedinUrl": "https://www.linkedin.com/in/shivam-shaw-1b3690252", - "githubUrl": "https://github.com/shivamshaw07", - "twitterUrl": "https://x.com/shivamshaw007?t=KXNC-AeZDDKuI9KwfW1gsQ&s=08", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Rounak Kayal", - "role": "Graphic Designer", - "linkedinUrl": "https://www.linkedin.com/in/rounak-kayal-728714227", - "githubUrl": "https://github.com/rk2003kayal", - "twitterUrl": "", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Md Amir Khan", - "role": "UI/UX Facilitator", - "linkedinUrl": "https://www.linkedin.com/in/md-amir-khan-a0849a236?", - "githubUrl": "https://github.com/aamiiir", - "twitterUrl": "https://x.com/aamiiiiiiiirrr?s=21", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Rajdip Sinha", - "role": "Frontend Lead", - "linkedinUrl": "https://www.linkedin.com/in/rajdip-sinha-23789a220?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", - "githubUrl": "http://github.com/rajdips834", - "twitterUrl": "https://x.com/rajdips834?t=K0E58jxs0sleVQUDzLAvjw&s=09", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Bikash Agarwala", - "role": "Web Technologies Facilitator", - "linkedinUrl": "http://www.linkedin.com/in/bikash-agarwala-283873229", - "githubUrl": "https://github.com/Bikash-Agrawala", - "twitterUrl": "", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Bhumi Sinha ", - "role": "Content Writer", - "linkedinUrl": "https://www.linkedin.com/in/bhumi-sinha-ba4aab258?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", - "githubUrl": "https://github.com/BHUMISINHA18", - "twitterUrl": "https://x.com/Bhumisinha__?t=TtMv_bZOYjBk44L9bP1D7w&s=09", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Riya Kumari", - "role": "Web Technologies Facilitator", - "linkedinUrl": "https://www.linkedin.com/in/riya-kumari-902432224/", - "githubUrl": "https://github.com/CSERiya", - "twitterUrl": "", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Aditya Shaw", - "role": "UI/UX Lead", - "linkedinUrl": "https://www.linkedin.com/in/aditya-shaw-216171224", - "githubUrl": "https://github.com/AdityaShaw1", - "twitterUrl": "https://x.com/Aditya_Shaw_1?t=XH2mWEPwJ_uGWzXGSPaO-g&s=09", - "websiteUrl": "https://portfolioadi.super.site/", - "roleType": 3 - }, - { - "name": "GOURAV RAJAK", - "role": "AI/ML Facilitator", - "linkedinUrl": "https://www.linkedin.com/in/gourav-rajak-012947242/", - "githubUrl": "", - "twitterUrl": "", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Moulina Panday ", - "role": "AI/ML Lead", - "linkedinUrl": "https://www.linkedin.com/in/moulina-panday-460590215/", - "githubUrl": "https://github.com/PandayMoulina", - "twitterUrl": "https://twitter.com/Moulina_Panday", - "websiteUrl": "", - "roleType": 3 - }, - { - "name": "Arnab Chatterjee", - "role": "Web Technologies Lead", - "linkedinUrl": "https://www.linkedin.com/in/arnab-chatterjee-905ab3219/", - "githubUrl": "https://github.com/ArnabChatterjee20k", - "twitterUrl": "https://twitter.com/arnabch20k", - "websiteUrl": "", - "roleType": 3 - } - + { + "name": "Niraj Modi", + "role": "Lead", + "linkedinUrl": "https://www.linkedin.com/in/thecodeventurer/", + "githubUrl": "https://github.com/TheCodeVenturer", + "twitterUrl": "https://twitter.com/TheCodeVenturer", + "websiteUrl": "https://thecodeventurer.github.io/", + "roleType": 1 + }, + { + "name": "Jayanta Pandit", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/panditjay", + "githubUrl": "https://github.com/jayzsh", + "twitterUrl": "https://x.com/74HSALAK", + "websiteUrl": "https://jayantapandit.me", + "roleType": 2 + }, + { + "name": "Bishal Bhattacharjee", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/bishal-bhattacharjee-805769232/", + "githubUrl": "https://github.com/Bishal097", + "twitterUrl": "https://twitter.com/Code_by_Bishal", + "websiteUrl": "", + "roleType": 2 + }, + { + "name": "Anirban Sinha", + "role": "Community Admin", + "linkedinUrl": "https://www.linkedin.com/in/anirban-sinha-5181b0231", + "githubUrl": "https://github.com/anirban6102", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 2 + }, + { + "name": "Arnab Chatterjee", + "role": "Web Technologies Lead", + "linkedinUrl": "https://www.linkedin.com/in/arnab-chatterjee-905ab3219/", + "githubUrl": "https://github.com/ArnabChatterjee20k", + "twitterUrl": "https://twitter.com/arnabch20k", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Moulina Panday ", + "role": "AI/ML Lead", + "linkedinUrl": "https://www.linkedin.com/in/moulina-panday-460590215/", + "githubUrl": "https://github.com/PandayMoulina", + "twitterUrl": "https://twitter.com/Moulina_Panday", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Aditya Shaw", + "role": "UI/UX Lead", + "linkedinUrl": "https://www.linkedin.com/in/aditya-shaw-216171224", + "githubUrl": "https://github.com/AdityaShaw1", + "twitterUrl": "https://x.com/Aditya_Shaw_1?t=XH2mWEPwJ_uGWzXGSPaO-g&s=09", + "websiteUrl": "https://portfolioadi.super.site/", + "roleType": 3 + }, + { + "name": "Md Amir Khan", + "role": "UI/UX Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/md-amir-khan-a0849a236?", + "githubUrl": "https://github.com/aamiiir", + "twitterUrl": "https://x.com/aamiiiiiiiirrr?s=21", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Rounak Kayal", + "role": "Graphic Designer", + "linkedinUrl": "https://www.linkedin.com/in/rounak-kayal-728714227", + "githubUrl": "https://github.com/rk2003kayal", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Riya Kumari", + "role": "Web Technologies Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/riya-kumari-902432224/", + "githubUrl": "https://github.com/CSERiya", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "GOURAV RAJAK", + "role": "AI/ML Facilitator", + "linkedinUrl": "https://www.linkedin.com/in/gourav-rajak-012947242/", + "githubUrl": "", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Rajdip Sinha", + "role": "Frontend Lead", + "linkedinUrl": "https://www.linkedin.com/in/rajdip-sinha-23789a220?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + "githubUrl": "http://github.com/rajdips834", + "twitterUrl": "https://x.com/rajdips834?t=K0E58jxs0sleVQUDzLAvjw&s=09", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Shivam kumar shaw", + "role": "CP Faciliator", + "linkedinUrl": "https://www.linkedin.com/in/shivam-shaw-1b3690252", + "githubUrl": "https://github.com/shivamshaw07", + "twitterUrl": "https://x.com/shivamshaw007?t=KXNC-AeZDDKuI9KwfW1gsQ&s=08", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Bikash Agarwala", + "role": "Web Technologies Facilitator", + "linkedinUrl": "http://www.linkedin.com/in/bikash-agarwala-283873229", + "githubUrl": "https://github.com/Bikash-Agrawala", + "twitterUrl": "", + "websiteUrl": "", + "roleType": 3 + }, + { + "name": "Bhumi Sinha ", + "role": "Content Writer", + "linkedinUrl": "https://www.linkedin.com/in/bhumi-sinha-ba4aab258?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + "githubUrl": "https://github.com/BHUMISINHA18", + "twitterUrl": "https://x.com/Bhumisinha__?t=TtMv_bZOYjBk44L9bP1D7w&s=09", + "websiteUrl": "", + "roleType": 3 + } ] - } - \ No newline at end of file +} From 906b35ca2206ec82a47cc56ee8670ecdf7228827 Mon Sep 17 00:00:00 2001 From: SHIVAM KUMAR SHAW <108209696+shivamshaw07@users.noreply.github.com> Date: Mon, 16 Oct 2023 20:57:08 +0530 Subject: [PATCH 4/4] Delete style/style.css --- style/style.css | 531 ------------------------------------------------ 1 file changed, 531 deletions(-) delete mode 100644 style/style.css diff --git a/style/style.css b/style/style.css deleted file mode 100644 index 332c1eb..0000000 --- a/style/style.css +++ /dev/null @@ -1,531 +0,0 @@ -@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext"); - -/* #Primary -================================================== */ - -body { - font-family: "Poppins", sans-serif; - font-size: 16px; - line-height: 24px; - font-weight: 400; - color: #212112; - background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg"); - background-position: center; - background-repeat: repeat; - background-size: 7%; - background-color: #ffffff; - overflow-x: hidden; - transition: all 200ms linear; -} -::selection { - color: #fff; - background-color: #8167a9; -} -::-moz-selection { - color: #fff; - background-color: #8167a9; -} - -/* #Navigation -================================================== */ - -.start-header { - opacity: 1; - transform: translateY(0); - padding: 20px 0; - box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15); - -webkit-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -.start-header.scroll-on { - box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15); - padding: 20px 0; - -webkit-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -.start-header.scroll-on .navbar-brand img { - height: 28px; - -webkit-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -.navigation-wrap { - position: fixed; - width: 100%; - top: 0; - left: 0; - z-index: 1000; - -webkit-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -.navbar { - padding: 0; -} -.navbar-brand img { - height: 28px; - width: auto; -} -.navbar-toggler { - float: right; - border: none; - padding-right: 0; -} -.navbar-toggler:active, -.navbar-toggler:focus { - outline: none; -} -.navbar-light .navbar-toggler-icon { - width: 24px; - height: 17px; - background-image: none; - position: relative; - border-bottom: 1px solid #000; - transition: all 300ms linear; -} -.navbar-light .navbar-toggler-icon:after, -.navbar-light .navbar-toggler-icon:before { - width: 24px; - position: absolute; - height: 1px; - background-color: #000; - top: 0; - left: 0; - content: ""; - z-index: 2; - transition: all 300ms linear; -} -.navbar-light .navbar-toggler-icon:after { - top: 8px; -} -.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { - transform: rotate(45deg); -} -.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { - transform: translateY(8px) rotate(-45deg); -} -.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { - border-color: transparent; -} -.nav-link { - color: #212121 !important; - font-weight: 500; - transition: all 200ms linear; -} -.nav-item:hover .nav-link { - color: #8167a9 !important; -} -.nav-item.active .nav-link { - color: #777 !important; -} -.nav-link { - position: relative; - padding: 5px 0 !important; - display: inline-block; -} -.nav-item:after { - position: absolute; - bottom: -5px; - left: 0; - width: 100%; - height: 2px; - content: ""; - background-color: #8167a9; - opacity: 0; - transition: all 200ms linear; -} -.nav-item:hover:after { - bottom: 0; - opacity: 1; -} -.nav-item.active:hover:after { - opacity: 0; -} -.nav-item { - position: relative; - transition: all 200ms linear; -} - -/* #Primary style -================================================== */ - -.bg-light { - background-color: #e6f0fa !important; - transition: all 200ms linear; -} -.section { - position: relative; - width: 100%; - display: block; -} -.full-height { - height: 100vh; -} -.over-hide { - overflow: hidden; -} -.absolute-center { - position: absolute; - top: 50%; - left: 0; - width: 100%; - margin-top: 40px; - transform: translateY(-50%); - z-index: 20; -} -h1 { - font-size: 48px; - line-height: 1.2; - font-weight: 700; - color: #212112; - text-align: center; -} -p { - text-align: center; - margin: 0; - padding-top: 10px; - opacity: 1; - transform: translate(0); - transition: all 300ms linear; - transition-delay: 1700ms; -} -.hero-anime{ - margin-bottom: 5rem; -} - -body.hero-anime p { - opacity: 0; - transform: translateY(40px); - transition-delay: 1700ms; -} -h1 span { - display: inline-block; - transition: all 300ms linear; - opacity: 1; - transform: translate(0); -} -body.hero-anime h1 span:nth-child(1) { - opacity: 0; - transform: translateY(-20px); -} -body.hero-anime h1 span:nth-child(2) { - opacity: 0; - transform: translateY(-30px); -} -body.hero-anime h1 span:nth-child(3) { - opacity: 0; - transform: translateY(-50px); -} -body.hero-anime h1 span:nth-child(4) { - opacity: 0; - transform: translateY(-10px); -} -body.hero-anime h1 span:nth-child(5) { - opacity: 0; - transform: translateY(-50px); -} -body.hero-anime h1 span:nth-child(6) { - opacity: 0; - transform: translateY(-20px); -} -body.hero-anime h1 span:nth-child(7) { - opacity: 0; - transform: translateY(-40px); -} -body.hero-anime h1 span:nth-child(8) { - opacity: 0; - transform: translateY(-10px); -} -body.hero-anime h1 span:nth-child(9) { - opacity: 0; - transform: translateY(-30px); -} -body.hero-anime h1 span:nth-child(10) { - opacity: 0; - transform: translateY(-20px); -} -h1 span:nth-child(1) { - transition-delay: 1000ms; -} -h1 span:nth-child(2) { - transition-delay: 700ms; -} -h1 span:nth-child(3) { - transition-delay: 900ms; -} -h1 span:nth-child(4) { - transition-delay: 800ms; -} -h1 span:nth-child(5) { - transition-delay: 1000ms; -} -h1 span:nth-child(6) { - transition-delay: 700ms; -} -h1 span:nth-child(7) { - transition-delay: 900ms; -} -h1 span:nth-child(8) { - transition-delay: 800ms; -} -h1 span:nth-child(9) { - transition-delay: 600ms; -} -h1 span:nth-child(10) { - transition-delay: 700ms; -} -body.hero-anime h1 span:nth-child(11) { - opacity: 0; - transform: translateY(30px); -} -body.hero-anime h1 span:nth-child(12) { - opacity: 0; - transform: translateY(50px); -} -body.hero-anime h1 span:nth-child(13) { - opacity: 0; - transform: translateY(20px); -} -body.hero-anime h1 span:nth-child(14) { - opacity: 0; - transform: translateY(30px); -} -body.hero-anime h1 span:nth-child(15) { - opacity: 0; - transform: translateY(50px); -} -h1 span:nth-child(11) { - transition-delay: 1300ms; -} -h1 span:nth-child(12) { - transition-delay: 1500ms; -} -h1 span:nth-child(13) { - transition-delay: 1400ms; -} -h1 span:nth-child(14) { - transition-delay: 1200ms; -} -h1 span:nth-child(15) { - transition-delay: 1450ms; -} -#switch, -#circle { - cursor: pointer; - -webkit-transition: all 300ms linear; - transition: all 300ms linear; -} -#switch { - width: 60px; - height: 8px; - border: 2px solid #8167a9; - border-radius: 27px; - background: #000; - position: relative; - display: block; - margin: 0 auto; - text-align: center; - opacity: 1; - transform: translate(0); - transition: all 300ms linear; - transition-delay: 1900ms; -} -body.hero-anime #switch { - opacity: 0; - transform: translateY(40px); - transition-delay: 1900ms; -} -#circle { - position: absolute; - top: -11px; - left: -13px; - width: 26px; - height: 26px; - border-radius: 50%; - background: #000; -} -.switched { - border-color: #000 !important; - background: #8167a9 !important; -} -.switched #circle { - left: 43px; - box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), - 0 0 0 1px rgba(26, 53, 71, 0.07); - background: #fff; -} -.nav-item .dropdown-menu { - transform: translate3d(0, 10px, 0); - visibility: hidden; - opacity: 0; - max-height: 0; - display: block; - padding: 0; - margin: 0; - transition: all 200ms linear; -} -.nav-item.show .dropdown-menu { - opacity: 1; - visibility: visible; - max-height: 999px; - transform: translate3d(0, 0px, 0); -} -.dropdown-menu { - padding: 10px !important; - margin: 0; - font-size: 13px; - letter-spacing: 1px; - color: #212121; - background-color: #fcfaff; - border: none; - border-radius: 3px; - box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15); - transition: all 200ms linear; -} -.dropdown-toggle::after { - display: none; -} - -.dropdown-item { - padding: 3px 15px; - color: #212121; - border-radius: 2px; - transition: all 200ms linear; -} -.dropdown-item:hover, -.dropdown-item:focus { - color: #fff; - background-color: rgba(129, 103, 169, 0.6); -} - -body.dark { - color: #fff; - background-color: #1f2029; -} -body.dark .navbar-brand img { - filter: brightness(100%); -} -body.dark h1 { - color: #fff; -} -body.dark h1 span { - transition-delay: 0ms !important; -} -body.dark p { - color: #fff; - transition-delay: 0ms !important; -} -body.dark .bg-light { - background-color: #14151a !important; -} -body.dark .start-header { - box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15); -} -body.dark .start-header.scroll-on { - box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); -} -body.dark .nav-link { - color: #fff !important; -} -body.dark .nav-item.active .nav-link { - color: #999 !important; -} -body.dark .dropdown-menu { - color: #fff; - background-color: #1f2029; - box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); -} -body.dark .dropdown-item { - color: #fff; -} -body.dark .navbar-light .navbar-toggler-icon { - border-bottom: 1px solid #fff; -} -body.dark .navbar-light .navbar-toggler-icon:after, -body.dark .navbar-light .navbar-toggler-icon:before { - background-color: #fff; -} -body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { - border-color: transparent; -} - -/* #Media -================================================== */ - -@media (max-width: 767px) { - h1 { - font-size: 38px; - } - .nav-item:after { - display: none; - } - .nav-item::before { - position: absolute; - display: block; - top: 15px; - left: 0; - width: 11px; - height: 1px; - content: ""; - border: none; - background-color: #000; - vertical-align: 0; - } - .dropdown-toggle::after { - position: absolute; - display: block; - top: 10px; - left: -23px; - width: 1px; - height: 11px; - content: ""; - border: none; - background-color: #000; - vertical-align: 0; - transition: all 200ms linear; - } - .dropdown-toggle[aria-expanded="true"]::after { - transform: rotate(90deg); - opacity: 0; - } - .dropdown-menu { - padding: 0 !important; - background-color: transparent; - box-shadow: none; - transition: all 200ms linear; - } - .dropdown-toggle[aria-expanded="true"] + .dropdown-menu { - margin-top: 10px !important; - margin-bottom: 20px !important; - } - body.dark .nav-item::before { - background-color: #fff; - } - body.dark .dropdown-toggle::after { - background-color: #fff; - } - body.dark .dropdown-menu { - background-color: transparent; - box-shadow: none; - } -} - -/* #Link to page -================================================== */ - -.logo { - position: absolute; - bottom: 30px; - right: 30px; - display: block; - z-index: 100; - transition: all 250ms linear; -} -.logo img { - height: 26px; - width: auto; - display: block; - filter: brightness(10%); - transition: all 250ms linear; -} -body.dark .logo img { - filter: brightness(100%); -}