pavelefimen95
/
homework


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>eval</title>
        <link href="index.css" rel="stylesheet" type="text/css" />
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.3/papaparse.min.js"></script>
        <script src="http://gitlab.a-level.com.ua/gitgod/nanobind/raw/master/static/nb.js"></script>
	<style>
		input {
			width: 100%;
			height: 30px;
			font-size: 20px;
		}
		body {
			font-size: 40px;
			font-family: arial, sans-serif;
		}
		.container {
			position: fixed;
			width: 100%;
			background-color: #fff;
			top: 0px;
			z-index: 10;
			font-size: 20px;
		}
		
	</style>
</head>
<body>

	<div class="container">
		<label for="input1">nick:</label><br>
		<input type="text" id="input1"><br>
		<label for="input2">message:</label><br>
		<div id="emoji-block">
			<div id="emoji-button" style="display: inline-block;">
				<img src="https://cdn.iconscout.com/public/images/icon/free/png-512/emoji-sad-unhappy-3a93cdaae83e3bb7-512x512.png" alt="" 	width="30px" height="30px">
			</div>
			<div id="emoji" style="display: none">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/aggressive.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/dash3.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/crazy.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/curtsey.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/diablo.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/focus.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/girl_in_love.gif" alt="img">
				<img class = "emoji-item" src="http://www.kolobok.us/smiles/light_skin/hunter.gif" alt="img">
			</div>
		</div>
		<input type="text" id="input2"><br>
		<input type="button" id="button" value="send">
		
	</div>
<!--//////////////////////////////////////////////////-->
	<div class="canvas">
		<canvas id='canvas' width=400 height=400></canvas> 
        <!--<br/>-->
        <!--<button id='+'>+</button>-->
         <input type="button" value="undo" id="undo">
         <input type="button" value="delete" id="delete">
         <input type="button" value="Send Image" id="to-data-url">
        <input type='color' id='color'>

        <select id='tool'>
            <option value='circle'>Circle</option>
            <option value='line' >Line</option>
            <option value='rectangle' >Rectangle</option>
        </select>
        <label for="size">Size(px): </label>
        <input type="number" id="size">
        <script src="index.js"></script>
	</div>
	
<!--//////////////////////////////////////////////////-->
	<div id="result"></div>
	<script src="main.js"></script>
	<script src="emoji.js"></script>
	<script src="canvas/index.js"></script>
</body>
</html>