Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added home screen button to the Master Typing Game. Issue: #3717 #3867

Merged
merged 2 commits into from
May 30, 2024
Merged

Added home screen button to the Master Typing Game. Issue: #3717 #3867

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a5f6e01
Update index.html for home screen navigation
dharshini2022 May 28, 2024
96e84a5
Update style.css for home screen navigation
dharshini2022 May 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 19 additions & 17 deletions Games/Master_Typing/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,21 +9,23 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="/assets/images/Master_Typing.png" />
<div style="text-align: left; margin-left: -1400px;
margin-top: 10px;
font-size: 30px;
padding: 5px; "><a href="https://kunjgit.github.io/GameZone/"><i style="color:white;" class="fas fa-home home-icon"></i></a></div>
<navbar class="menu">
</head>
<body>
<div class="details_div">
<div class="home_btn">
<a href="https://kunjgit.github.io/GameZone/">
<i style="color:white;" class="fas fa-home home-icon"></i>
</a>
</div>
<div class="load">
<h1>MASTER TYPING</h1>
<hr>
</div>

<div class="menu">
<p>click here for <a href="./rules.html">instructions</a></p>
</navbar>

<div class ="load">
<h1>MASTER TYPING</h1>
<hr>
</div>
<hr>


</div>
</div>

<div class="container">
<!-- for timer and assessment section-->
Expand Down Expand Up @@ -126,8 +128,8 @@ <h1 class="title">Hands on the keyboard 👀</h1>
<!-- Content will be added dynamically -->
</div>
</div>
<div class="score">0</div>
<div class="stage"></div>
<!-- <div class="score">0</div> -->
<!-- <div class="stage"></div> -->

<div class="rating-prompt" id="ratingPrompt">
<div class="rating-container">
Expand Down Expand Up @@ -171,5 +173,5 @@ <h1>Write Your Feedback</h1>

<script src="path/to/your/javascript/file.js"></script>
<script src="script.js"></script>
</head>
</body>
</html>
93 changes: 55 additions & 38 deletions Games/Master_Typing/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,64 @@
body {
background: rgb(0,194,32);
background: linear-gradient(90deg, rgba(0,194,32,1) 0%, rgba(113,77,231,1) 0%, rgba(93,220,255,1) 72%);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}

.details_div {
display: flex;
justify-content: space-around;
width: 70vw;
margin-bottom: 3%;
}

.details_div > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* background-color: rgba(255, 255, 255, 0.8); */
border-radius: 15px;
padding: 20px;
width: 25%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
}

.home_btn i {
font-size: 2em;
/* color: white; */
}

.load {
background-color: rgba(113, 77, 231, 1);
}

.load h1 {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 1.5em;
color: white;
}

.load hr {
height: 5px;
border-radius: 20px;
width: 50%;
background-color: rgb(30, 9, 97);
border: none;
}

.menu {
/* background-color: white; */
color: #202639;
padding: 10px;
/* border: 2px solid #202639;
border-radius: 10px; */
font-size: medium;
}

.container1{

background-color:rgba(75, 26, 26, 0.942);
Expand Down Expand Up @@ -68,41 +118,8 @@ html{
margin-left:auto;
margin-right:auto;
}
.load{
border-radius: 30px;
width:400px;
height:300px;
background-color:rgba(113,77,231,1);
opacity: 100%;
justify-content: center;


}
.menu{

}
.load hr {
height: 15px;
border-radius: 20px;
width:50%;
background-color: rgb(30, 9, 97);
border-color: rgb(64, 29, 182);
}

.load h1{
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
display: block;
padding-left: 82px;
padding-top: 25px;
font-size: 30px;
}
.asdf{
display:flex;
}
.asdf .load{
display:inline-block;
align-items: left;
}

.container{
background-image: linear-gradient(to left, #3f4c77, #3c4871, #39446b, #364165, #333d5f, #303a5a, #2e3654, #2b334f, #283049, #252c44, #23293e, #202639);
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
Expand Down Expand Up @@ -541,4 +558,4 @@ transform: translateY(2px);
border-radius: 5px;
font-size: 20px;
z-index: 1000;
}
}
Loading