Skip to content

Commit

Permalink
06-04-2024-002
Browse files Browse the repository at this point in the history
  • Loading branch information
Abhinavrajsrivastav committed Apr 6, 2024
1 parent 174b70a commit 31960e9
Show file tree
Hide file tree
Showing 14 changed files with 277 additions and 3 deletions.
104 changes: 104 additions & 0 deletions Ui/AyodjyaDham/AyodjyaDham.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Steps</title>
<meta name="generator" content="Google Web Designer 16.0.3.0320">
<meta name="template" content="Expandable 3.0.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="gwdpage_style.css" rel="stylesheet" data-version="13" data-exports-type="gwd-page">
<link href="gwdpagedeck_style.css" rel="stylesheet" data-version="14" data-exports-type="gwd-pagedeck">
<style id="gwd-lightbox-style">
.gwd-lightbox {
overflow: hidden;
}
</style>
<style id="gwd-text-style">
p {
margin: 0px;
}
h1 {
margin: 0px;
}
h2 {
margin: 0px;
}
h3 {
margin: 0px;
}
</style>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-style: preserve-3d;
position: absolute;
}
.gwd-page-content * {
transform-style: preserve-3d;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
transform: translateZ(0px);
}
.page1-content {
width: 550px;
height: 400px;
}
</style>
<script data-source="gwd_webcomponents_v1_min.js" data-version="2" data-exports-type="gwd_webcomponents_v1" src="gwd_webcomponents_v1_min.js"></script>
<script data-source="gwdpage_min.js" data-version="13" data-exports-type="gwd-page" src="gwdpage_min.js"></script>
<script data-source="gwdpagedeck_min.js" data-version="14" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script>
</head>

<body class="document-body">
<gwd-pagedeck class="gwd-page-container" id="pagedeck">
<gwd-page id="page1" class="gwd-page-wrapper page1-content gwd-lightbox" data-gwd-width="550px" data-gwd-height="400px">
<div class="gwd-page-content page1-content"></div>
</gwd-page>
</gwd-pagedeck>
<script type="text/javascript" id="gwd-init-code">
(function() {
document.body.style.opacity = "0";
var pageDeck = document.getElementById('pagedeck');
/**
* Handles the DOMContentLoaded event. The DOMContentLoaded event is
* fired when the document has been completely loaded and parsed.
*/

function handleDomContentLoaded(event) {}

/**
* Handles the WebComponentsReady event. This event is fired when all
* custom elements have been registered and upgraded.
*/
function handleWebComponentsReady(event) {
document.body.style.opacity = "";
requestAnimationFrame(function() {
setTimeout(function() {
pageDeck.goToPage(pageDeck.getDefaultPage().id);
}, 1);
});
}

window.addEventListener('DOMContentLoaded',
handleDomContentLoaded, false);
window.addEventListener('WebComponentsReady',
handleWebComponentsReady, false);
})();
</script>
</body>

</html>
1 change: 1 addition & 0 deletions Ui/AyodjyaDham/AyodjyaDham_groups_archive
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<html><!--THIS FILE IS AUTOMATICALLY GENERATED BY GOOGLE WEB DESIGNER. DO NOT EDIT MANUALLY.--><head></head><body></body></html>
60 changes: 60 additions & 0 deletions Ui/AyodjyaDham/gwd_webcomponents_v1_min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions Ui/AyodjyaDham/gwd_workspace.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"scope.version":"2","timeline.animationMode":"proMode","viewport.width":550,"viewport.height":400,"design.userpaddingleft":-550,"design.userpaddingtop":-400,"stage.mask":false,"design.scrollleft":491.5315246582031,"design.scrolltop":408.64862060546875}
6 changes: 6 additions & 0 deletions Ui/AyodjyaDham/gwdpage_min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Ui/AyodjyaDham/gwdpage_style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
gwd-page{display:block}.gwd-inactive{visibility:hidden}
20 changes: 20 additions & 0 deletions Ui/AyodjyaDham/gwdpagedeck_min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Ui/AyodjyaDham/gwdpagedeck_style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 4 additions & 2 deletions src/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import Fotter from './Components/Fotter/Fotter';
import HelpPage from './Components/ExpertAdvice/ExpertAdvicePage/HelpPage';
import TemplesPage from './Components/EssentialGuide/ExpertAdvicePage/TemplesPage';
import ExpertAdvicePage from './Components/PlaceDesc/ExpertAdvicePage/ExpertAdvicePage';
import Navigation from './Components/Navigation/Navigation';

const App = () => {
return (
Expand All @@ -20,11 +21,12 @@ const App = () => {
<>
<Navbar />
<Intro />
<Essential />
{/* <Essential />
<Essential />
<PlaceDesc />
<Expert />
<Expert /> */}
<Videos />
{/* <Navigation /> */}
<Fotter />
</>
} />
Expand Down
Binary file added src/Components/Navigation/Flow.mp4
Binary file not shown.
Binary file added src/Components/Navigation/Flow.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions src/Components/Navigation/Navigation.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap');

.Navigation {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0px;
padding: 0 20px;
color: white;
height: 150px;
background: url('../Navigation/Flow.png') no-repeat center center/cover;
}

.Navigation div {
position: relative;
padding: 30px 10px 0px 10px;
font-size: 2rem;
font-family: "Signika Negative", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
transition: .2s ease-in-out;
left: 60px;
bottom: 20px;
}

.Navigation div::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: transparent;
transition: width 0.3s ease;
}

.Navigation div:hover::after {
width: 100%;
background-color: #ffffff;
}

.Navigation div:hover {
cursor: pointer;
}
29 changes: 29 additions & 0 deletions src/Components/Navigation/Navigation.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import React from 'react';
import './Navigation.css';

const Navigation = () => {
return (
<div className="Navigation">
<div className="AboutAyodhya">
About Ayodhya
</div>
<div className="Travel">
How to come
</div>
<div className="temples">
Temples
</div>
<div className="chill">
Masti karo
</div>
<div className="festivals">
Festivals
</div>
<div className="explore">
Explore
</div>
</div>
)
}

export default Navigation
5 changes: 4 additions & 1 deletion src/Components/Videos/Videos.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
margin-top: 80px;
margin-bottom: 30px;
Expand All @@ -25,6 +26,8 @@

.Video-Head span{
font-size: 1.8rem;
align-items: center;
text-align: center;
font-weight: 400;
margin-bottom: 0px;
opacity: .6;
Expand All @@ -35,7 +38,7 @@
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
gap: 0px;
align-items: center;
padding-bottom: 50px;
}
Expand Down

0 comments on commit 31960e9

Please sign in to comment.