danamir/kotya
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

inital coommit

Browse Source
This commit is contained in:
unknown
2020-04-30 19:41:57 +03:00
commit 14a85006c1
10 changed files with 197 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
css/index.css Normal file
View File

@@ -0,0 +1,65 @@
.body, html{
margin: 0;
padding: 0;
background: url(../img/defaultBack.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.kotya{
width: 500px;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.kotya h1{
font-family: 'Roboto Mono', monospace;
color:#0f2338;
font-size: 50pt;
}
.kotya #yesbtn{
width: 100px;
height: 100px;
border: 30px;
background:#fe5f55;
border: 2px;
border-radius: 24px;
font-size: 25px;
color:#faf3dd;
cursor:pointer;
}
.kotya #nobtn{
width: 100px;
height: 100px;
border: 30px;
background: #fe5f55;
border: 2px;
border-radius: 24px;
font-size: 25px;
color:#faf3dd;
cursor:pointer;
}
.kotya #yesbtn:hover{
background:#90ddf0;
border: 2px solid #4ce0b3;
color:#2b3a67;
}
.kotya #nobtn:hover{
background:#90ddf0;
border: 2px solid #4ce0b3;
color:#2b3a67;
}

31
css/nopage.css Normal file
View File

@@ -0,0 +1,31 @@
.body, html{
margin: 0;
padding: 0;
background: url(../img/noback.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.yesimg{
width: 500px;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.yesimg h1{
padding: 0;
border: 0;
font-family: 'Pattaya', sans-serif;
color:#cc0000;
font-size: 50pt;
text-align: center;
border-radius: 100px;
}

37
css/yespage.css Normal file
View File

@@ -0,0 +1,37 @@
.body, html{
margin: 0;
padding: 0;
background: url(../img/yesback.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.yesimg{
width: 500px;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.yesimg h1{
padding: 0;
border: 0;
font-family: 'Pattaya', sans-serif;
color:#cc0000;
font-size: 50pt;
text-align: center;
border-radius: 100px;
}
.yesimg img{
height: 500px;
width: auto;
align-self: center;
}

BIN
img/defaultBack.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
img/love2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

BIN
img/noback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
img/yesback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 KiB

17
index.htm Normal file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ru">
<head>
<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
<title>Ты котя?</title>
</head>
<body>
<div class="kotya">
<h1>Ты котя?</h1>
<input type="button" class="flex-child" id="yesbtn" value="Да" onClick='location.href="yespage.htm"'>
<input type="button" class="flex-child" id="nobtn" value="Нет" onClick='location.href="nopage.htm"'>
</div>
</body>
</html>

16
nopage.htm Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ru">
<head>
<link rel="stylesheet" href="css/nopage.css">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<title>Жаль</title>
</head>
<body>
<div class="yesimg">
<h1>Жаль, я ждал свою Котю. </h1>
</div>
</body>
</html>

31
yespage.htm Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ru">
<head>
<link rel="stylesheet" href="css/yespage.css">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<title>Да, ты Котя</title>
</head>
<body>
<div class="yesimg">
<div class="zadanie">
<div class="zad__row_img">
<div class="image_col">
<img src="img/love2.jpg"">
</div>
</div>
<div class="zad__row_text">
<div class="text_col">
<h1>ТЬМООООООК</h1>
</div>
</div>
</div>
</div>
</body>
</html>