sinisterv/editor.html at master · SRM-Hackathon/sinisterv · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
	<head>
		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.grey-pink.min.css" />
		<link rel="stylesheet" href="css/styleedit.css">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
		<title>Editor</title>

		<link rel="stylesheet" href="vendors/bootstrap/css/bootstrap.min.css">

		<script src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js"></script>
	</head>
	<body>


		<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
		  <header class="mdl-layout__header">
		    <div class="mdl-layout__header-row">
		      <!-- Title -->
		      <a href="main.html"><i class="material-icons back-btn">arrow_back</i></a>
		      <span class="mdl-layout-title">GoLoG</span>
		    </div>
		  </header>
		  <main class="mdl-layout__content">
		    <div class="page-content">

		    	<center>
					<button id="post-video-button" onclick="postVideo()" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored video-btn">
						<i class="material-icons">videocam</i>
					</button>
					<button id="post-text-button" onclick="postText()" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored video-btn">
						<i class="material-icons">text_format</i>
					</button>
				</center>

				<div id="tb1" class="container">
					<input type="text" id="blog-title" class="form-control" placeholder="Type your title here">
		  		</div>
		  		<div id=ta1 class="container">
					<textarea class="form-control" rows="10" cols="47" id="blog-content" placeholder="Type your content here"></textarea>

					<input type="text" id="blog-video" class="form-control" placeholder="Youtube url">
				</div>
				<div id=b1>

					<button onclick="postBlogPost()" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored danger" ><i class="material-icons">send</i></button>
				</div>

		    </div>
		  </main>
		</div>


	</body>

	<script src="vendors/jquery/jquery.min.js"></script>
	<script src="js/config.js"></script>
	<script src="js/post.js"></script>

</html>


<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
  <div class="mdl-snackbar__text"></div>
  <button class="mdl-snackbar__action" type="button"></button>
</div>