Skip to content

Commit

Permalink
HomePage Updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@kunalshah017
kunalshah017 committed Feb 1, 2024
1 parent 782e979 commit 3586c36
Show file tree
Hide file tree
Showing 9 changed files with 213 additions and 95 deletions.
36 changes: 21 additions & 15 deletions Dynamic-Game/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,15 @@
<img src="/assets/sudo.png" alt="Logo" class="logo"
onclick="window.location='https://sudo-choices.vercel.app/#homeSection'">
<ul class="nav-links-container">
<li><a href="https://sudo-choices.vercel.app/#homeSection" class="nav-link">Home</a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutTeam" class="nav-link">About Team:
<strong>Sudo</strong></a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutProject" class="nav-link">About Project</a></li>
<li><a href="/index.html" class="nav-link">Home</a></li>
<li><a href="" class="nav-link">Anti-Drug Forum</a></li>
<li><a href="/VR-Game/index.html" class="nav-link">VR Rehablitation</a></li>
<li>
<div class="dropdown" onclick="dropDown()">
<a class="nav-link mobile-more">More</a>
<div id="moreDropDown" class="dropdown-content">
<a href="https://github.com/spark-lucifer/web-scraping-2" class="nav-link">Anti-Drug Forum:
Project</a>
<!-- <a href="https://github.com/spark-lucifer/web-scraping-2" class="nav-link">Anti-Drug Forum:
Project</a> -->
<a href="/Pledge-Ceartificate/index.html" class="nav-link">Take Pledge</a>
<a href="/Project-Feedback/index.html" class="nav-link">Project Feedback</a>
</div>
Expand All @@ -50,20 +49,16 @@
<button class="hamburger-menu" onclick="toggleMenu()"></button>
<div class="menu-overlay">
<ul class="menu-overlay-items">
<li><a href="https://sudo-choices.vercel.app/#homeSection" onclick="hideMenu()"
class="menu-overlay-link">Home</a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutTeam" onclick="hideMenu()"
class="menu-overlay-link">About Team:
<strong>Sudo</strong></a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutProject" onclick="hideMenu()"
class="menu-overlay-link">About Project</a></li>
<li><a href="/index.html" class="nav-link">Home</a></li>
<li><a href="" class="nav-link">Anti-Drug Forum</a></li>
<li><a href="/VR-Game/index.html" class="nav-link">VR Rehablitation</a></li>
<li onclick="dropDown()">
<div class="mobile-dropdown">
<label class="menu-overlay-link">More</label>
<img src="/assets/dropdown-icon.png" alt="dropdown">
<div id="moreDropDown" class="dropdown-content mobile-dropdown-content">
<a href="https://github.com/spark-lucifer/web-scraping-2" class="nav-link">Anti-Drug
Forum</a>
<!-- <a href="https://github.com/spark-lucifer/web-scraping-2" class="nav-link">Anti-Drug
Forum</a> -->
<a href="/Pledge-Ceartificate/index.html" class="nav-link">Take Pledge</a>
<a href="/Project-Feedback/index.html" class="nav-link">Project Feedback</a>
</div>
Expand All @@ -87,6 +82,17 @@
</div>
</main>

<div class="footer">
<div class="footer-message">
Made with ❤️ by <strong>Sudo</strong>
</div>
<div class="footer-links">
<a href="https://github.com/spark-lucifer/Choices-an-Anti-Drug-Adventure" target="_blank">GitHub</a>
<a href="https://youtu.be/hTmDJXYRnEk" target="_blank">YouTube</a>
</div>
</div>


<script src="script.js"></script>
</body>

Expand Down
52 changes: 51 additions & 1 deletion Dynamic-Game/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -331,6 +331,36 @@ main{
}


.footer{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
width: 100%;
height: 10vh;
background-color: rgba(0, 0, 0);
}

.footer-message{
font-size: 20px;
font-weight: 700;
color: #fff;
width: 50%;
}

.footer-links a{
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: 700;
margin: 0 10px;
}

.footer-links a:hover{
border-bottom: 2px solid #ffffff;
}


@media screen and (max-width: 1150px) {
.nav-links-container {
width: 60%;
Expand Down Expand Up @@ -379,6 +409,18 @@ main{
margin-top: 50px;
right: 30px;
}


.footer{
text-align: center;
flex-direction: column;
height: 20vh;
}

.footer-message{
width: 100%;
margin-bottom: 10px;
}
}

@media screen and (max-width: 620px) {
Expand All @@ -398,6 +440,14 @@ main{
font-size: 30px;
}

.footer{
text-align: center;
flex-direction: column;
height: 20vh;
}


.footer-message{
width: 100%;
margin-bottom: 10px;
}
}
Empty file added VR-Game/index.html
View file
Empty file.
Empty file added VR-Game/script.js
View file
Empty file.
Empty file added VR-Game/style.css
View file
Empty file.
Binary file added assets/dynamic-game-ss.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/forum-ss.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
59 changes: 38 additions & 21 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,10 @@
<img src="/assets/sudo.png" alt="Logo" class="logo"
onclick="window.location='https://sudo-choices.vercel.app/#homeSection'">
<ul class="nav-links-container">
<li><a href="https://sudo-choices.vercel.app/#homeSection" class="nav-link">Home</a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutTeam" class="nav-link">About Team:
<strong>Sudo</strong></a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutProject" class="nav-link">About Project</a></li>
<li>
<li><a href="" class="nav-link">Anti-Drug Forum</a></li>
<li><a href="/Dynamic-Game/index.html" class="nav-link">Dynamic Game</a></li>
<li><a href="/VR-Game/index.html" class="nav-link">VR Rehablitation</a></li>
<!-- <li>
<div class="dropdown" onclick="dropDown()">
<a class="nav-link mobile-more">More</a>
<div id="moreDropDown" class="dropdown-content">
Expand All @@ -55,22 +54,16 @@
</div>
<img src="/assets/dropdown-icon.png" alt="dropdown">
</div>
</li>
</li> -->
<li><a href="/Main-Game/1-Childhood/index.html" class="play-game nav-link">Play Game</a></li>
</ul>
<button class="hamburger-menu" onclick="toggleMenu()"></button>
<div class="menu-overlay">
<ul class="menu-overlay-items">
<li><a href="https://sudo-choices.vercel.app/#homeSection" onclick="hideMenu()"
class="menu-overlay-link">Home</a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutTeam" onclick="hideMenu()"
class="menu-overlay-link">About Team:
<strong>Sudo</strong></a></li>
<li><a href="https://sudo-choices.vercel.app/#aboutProject" onclick="hideMenu()"
class="menu-overlay-link">About Project</a></li>
<li><a href="/Dynamic-Game/index.html" onclick="hideMenu()" class="menu-overlay-link">Dynamic Game</a>
</li>
<li onclick="dropDown()">
<li><a href="" class="nav-link">Anti-Drug Forum</a></li>
<li><a href="/Dynamic-Game/index.html" class="nav-link">Dynamic Game</a></li>
<li><a href="/VR-Game/index.html" class="nav-link">VR Rehablitation</a></li>
<!-- <li onclick="dropDown()">
<div class="mobile-dropdown">
<label class="menu-overlay-link">More</label>
<img src="/assets/dropdown-icon.png" alt="dropdown">
Expand All @@ -81,7 +74,7 @@
<a href="/Project-Feedback/index.html" class="nav-link">Project Feedback</a>
</div>
</div>
</li>
</li> -->
<li><a href="/Main-Game/1-Childhood/index.html" class="play-game menu-overlay-link">Play Game</a></li>
</ul>
</div>
Expand All @@ -104,7 +97,6 @@ <h2>Not Drugs</h2>
try to make the right choices to get the best ending.
<br>
<br>
Click the Start game button to begin.
</p>
</div>
<div class="game-redirect-container">
Expand All @@ -116,11 +108,36 @@ <h2>Ready?</h2>
<li>Game is Best Played in Full-Screen</li>
<li>You can turn off story teller from Menu</li>
</ul>
<button class="game-redirect-button"
onclick="window.location.href ='/Main-Game/1-Childhood/index.html'">Start Game</button>
<button class="play-game game-redirect"
onclick="window.location.href ='/Main-Game/1-Childhood/index.html'">Start
Game</button>
</div>
</main>

<div class="new-features">
<h1>What's New?</h1>
<div class="new-features-container">
<div class="new-feature-card" onclick="window.href='/Main-Game/1-Childhood/index.html'">
<img src="/assets/forum-ss.png" alt="Feature 1">
<h3>Interactive Story Game</h3>
<p>Play a Interactive Story game consisting of different choices and visuals</p>
</div>
<div class="new-feature-card">
<img src="/assets/forum-ss.png" alt="Feature 2">
<h3>Sudo:<br> Anti-Drug Forum</h3>
<p> Connect with people who are fighting against drugs and Councellors</p>
</div>
<div class="new-feature-card">
<img src="/assets/dynamic-game-ss.png" alt="Feature 3" onclick="window.href='/Dynamic-Game/index.html">
<h3>Dynamic Game</h3>
<p>Everytime experience a new story line with Sudo AI</p>
</div>
</div>
<div class=" new-feature-card">
<img src="/assets/feature-2.png" alt="Feature 4">
<h3>VR Rehabilitation</h3>
<p>Now you can experience VR Anti-Drug Rehablitation from your comfort</p>
</div>
</div>
<div id="aboutTeam" class="about about-team">
<h1>About Our Team: <img src="/assets/sudo.png" height="40px"></h1>
<div class="team-members">
Expand Down
Loading

0 comments on commit 3586c36

Please sign in to comment.