Skip to content

M
mangala-pardusacikhack
Kaydet (Commit) 2e852660 authored tarafından Abdülkerim AKSAK's avatar Abdülkerim AKSAK
Dosyalara gözat
Seçenekler

Server ile OdayaKatılma etkinleştirildi.

üst 86ee009c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 130 additions and 136 deletions
.DS_Store
Dosyayı görüntüle @ 2e852660
No preview for this file type
assets/gameArea.css
Dosyayı görüntüle @ 2e852660
@font-face {
font-family: "Itim";
src: url('fonts/Itim-Regular.ttf') format("truetype");
}
src: url("fonts/Itim-Regular.ttf") format("truetype");
}
.dot_black {
height: 20px;
......@@ -9,9 +9,8 @@
background-image: url("image/greenball.png");
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
display: inline-block;
}
.dot_gray {
height: 20px;
......@@ -19,7 +18,7 @@
background-image: url("image/redball.png");
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
}
.cirlce {
......@@ -27,18 +26,17 @@
width: 101px;
background-color: rgba(98, 54, 34, 0.685);
border-radius: 50%;
margin:3.1px;
margin: 3.1px;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
flex-wrap: wrap;
float:left;
flex-wrap: wrap;
float: left;
}
.clear{
clear:both;
.clear {
clear: both;
}
.rectangle {
......@@ -46,123 +44,135 @@
width: 75px;
background-color: rgba(98, 54, 34, 0.685);
border-radius: 10px;
}
#overlayOda {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(51, 68, 67, 0.8);
z-index: 2;
cursor: pointer;
color: aliceblue;
}
#overlay {
position: fixed;
position: fixed;
display: none;
width: 100%;
height: 100%;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(51, 68, 67, 0.80);
z-index: 2;
cursor: pointer;
color:aliceblue;
background-color: rgba(51, 68, 67, 0.8);
z-index: 2;
cursor: pointer;
color: aliceblue;
}
#overlayText{
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
#overlayText {
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.kenar{
.kenar {
border: double 5px #ffe268;
border-color: #ffe268;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
font-family: "Itim";
}
.disKenar{
.disKenar {
font-family: "Itim";
padding-top: 15px;
padding-bottom:15px ;
padding-bottom: 15px;
}
.odaCerceve{
.odaCerceve {
height: 100%;
padding-top: 30%;
justify-content: center;
align-content: center;
text-align: center;
}
.overlayTitle{
.overlayTitle {
text-align: center;
font-size: 25px;
color:#ffe268;
color: #ffe268;
text-shadow: 1.5px 1.5px #a87414;
margin-bottom: 10px;
}
body{
body {
font-family: "Itim";
font-size: 1rem;
min-height: 100vh;
background-image: linear-gradient(to right bottom, #334443, #334443, #334443, #334443, #334443);
background-image: linear-gradient(
to right bottom,
#334443,
#334443,
#334443,
#334443,
#334443
);
margin: 0;
}
#user1{
#user1 {
height: 70px;
background-color: #ed664c;
border-bottom-left-radius: 40px;
margin:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
margin: 0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
margin-bottom: 20px;
color:#334443;
color: #334443;
font-family: "Itim";
font-size: 20px;
align-items: center;
display: flex;
}
#user2{
height:70px;
#user2 {
height: 70px;
background-color: #ffe268;
border-top-right-radius: 40px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
margin:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
margin: 0;
margin-top: 20px;
color:#334443;
color: #334443;
font-family: "Itim";
font-size: 20px;
align-items: center;
display: flex;
float:left;
float: left;
}
#tahta{
#tahta {
height: 362px;
margin:0;
margin: 0;
}
.container-fluid{
.container-fluid {
padding: 0;
}
#tahtaCerceve{
#tahtaCerceve {
width: 90%;
height: 95%;
margin-right: auto;
......@@ -170,111 +180,99 @@ body{
margin-top: 1%;
padding-top: 0.75%;
background-color: #894c30;
-webkit-box-shadow: 0px 0px 23px 8px rgba(0,0,0,0.85);
box-shadow: 0px 0px 23px 8px rgba(0,0,0,0.85);
-webkit-box-shadow: 0px 0px 23px 8px rgba(0, 0, 0, 0.85);
box-shadow: 0px 0px 23px 8px rgba(0, 0, 0, 0.85);
}
#tahtaGorunum{
#tahtaGorunum {
width: 98%;
height: 98%;
margin-right: auto;
margin-left: auto;
background-image:url("image/woodtexture.jpg");
background-image: url("image/woodtexture.jpg");
background-repeat: no-repeat;
background-size: cover;
padding:10px;
padding: 10px;
}
.hazine1{
width: 9%;
height: 90%;
margin-right: 1%;
.hazine1 {
width: 9%;
height: 90%;
margin-right: 1%;
}
.hazine2{
.hazine2 {
width: 9%;
height: 90%;
margin-left: 1%;
}
.boncuklar{
.boncuklar {
width: 80%;
height: 90%;
align-items: center;
}
.boncuklar1{
.boncuklar1 {
width: 100%;
height: 100%;
margin-top: 25px;
}
.boncuklar2{
.boncuklar2 {
width: 100%;
height: 100%;
margin-top: 40px;
}
#geriButonuIcon{
#geriButonuIcon {
width: 50px;
height: 50px;
background-image: url("image/geri.png");
background-repeat: no-repeat;
background-size: cover;
}
.toast{
.toast {
margin-top: 30px;
font-size: 15px;
color:#c6ffc1;
color: #c6ffc1;
font-family: "Itim";
}
.oda{
.oda {
margin-top: 55px;
color:#c6ffc1;
color: #c6ffc1;
font-size: 20px;
font-family: "Itim";
}
#text{
#text {
position: absolute;
top: 40%;
left: 50%;
font-size: 50px;
text-align: center;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
font-family: 'Itim';
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-family: "Itim";
}
:root {
--backgroundColor: rgba(246, 241, 209);
--colorShadeA: rgb(88, 112, 85);
--colorShadeB: rgb(88, 112, 85);
--colorShadeC: rgb(187, 240, 182,94);
--colorShadeD: rgb(197, 252, 192,99);
--colorShadeE: rgb(198, 255, 193,100);
}
--colorShadeC: rgb(187, 240, 182, 94);
--colorShadeD: rgb(197, 252, 192, 99);
--colorShadeE: rgb(198, 255, 193, 100);
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
* {
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
* {
box-sizing: border-box;
}
*::before, *::after {
}
*::before,
*::after {
box-sizing: border-box;
}
}
button {
button {
position: relative;
display: inline-block;
cursor: pointer;
......@@ -283,24 +281,24 @@ body{
vertical-align: middle;
text-decoration: none;
font-size: 11px;
color:var(--colorShadeA);
color: var(--colorShadeA);
font-weight: 700;
text-transform: uppercase;
font-family: inherit;
width: 130px;
}
}
button.big-button {
button.big-button {
padding: 1em 2em;
border: 2px solid var(--colorShadeA);
border-radius: 1em;
background: var(--colorShadeE);
transform-style: preserve-3d;
transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
button.big-button::before {
}
button.big-button::before {
position: absolute;
content: '';
content: "";
width: 100%;
height: 100%;
top: 0;
......@@ -309,30 +307,26 @@ body{
bottom: 0;
background: var(--colorShadeC);
border-radius: inherit;
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.75em 0 0 var(--colorShadeA);
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.75em 0 0 var(--colorShadeA);
transform: translate3d(0, 0.75em, -1em);
transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
button.big-button:hover {
button.big-button:hover {
background: var(--colorShadeD);
transform: translate(0, 0.375em);
}
}
button.big-button:hover::before {
button.big-button:hover::before {
transform: translate3d(0, 0.75em, -1em);
}
}
button.big-button:active {
transform: translate(0em, 0.75em);
}
button.big-button:active {
transform: translate(0em, 0.75em);
}
button.big-button:active::before {
button.big-button:active::before {
transform: translate3d(0, 0, -1em);
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);
}
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);
}
main.html
Dosyayı görüntüle @ 2e852660
......@@ -91,7 +91,7 @@
</div>
</div>
</a>
<a href="" class="boxA">
<a href="./pages/clientGameArea.html" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img
......
pages/clientGameArea.html
Dosyayı görüntüle @ 2e852660
This diff is collapsed.
pages/clientGameArea.js 0 → 100644
Dosyayı görüntüle @ 2e852660
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment