-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (123 loc) · 4.74 KB
/
index.html
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="Sofo/style.css" rel="stylesheet" />
<link href="Sofo/Assets/Sofo.png" rel="shortcut icon" type="image/x-icon">
<title>Sofo</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ELRYNM6ZE8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ELRYNM6ZE8');
</script>
</head>
<body>
<!-- <div id="inform_modal" onclick="closeInform()">
<div id="inform">
<h1>Inform !</h1>
<h4>Sofo의 New 기능!!<br>
<span style="color: rgb(255, 71, 71);">Text Edit</span> 기능이 추가되었습니다!</h4>
<p>아무 곳이나 클릭하세요.</p>
</div>
</div> -->
<div id="pre_modal" onclick="backScreen()">
<div id="modal_body">
<img src="" alt="미리보기" id="canvasFullscreen" />
</div>
</div>
<div class="container">
<div id="sidebar">
<h1 class="item_sidebar" id="logo">Sofo</h1>
<p class="item_sidebar" id="slogan">
" 찬양팀 세션들과<br />편하게 소통할 수 있도록<br />돕는 것이
목표입니다. "
</p>
<h3 class="item_sidebar" id="developer">Choi peace</h3>
</div>
<div id="workspace">
<div id="canvasBox">
<div class="inCanvasBox areabtn">
<div class="inCanvasBox" id="area_key" onclick="click_Key()"></div>
<div class="inCanvasBox" id="area_tempo" onclick="click_tempo()"></div>
<div class="inCanvasBox" id="area_routine" onclick="click_routine()"></div>
</div>
<canvas class="inCanvasBox" id="canvasFlag"></canvas>
<canvas class="inCanvasBox" id="canvasMain"></canvas>
<canvas class="inCanvasBox" id="canvasSubmit"></canvas>
</div>
<label for="keyboard">
<h4 id="name_keyboard">Keyboard</h4>
<input type="text" id="keyboard" placeholder="Sofo - 찬양팀 인도자를 위한 악보편집 서비스" onkeyup="enterkey()" disabled="True"/>
</label>
</div>
<div id="toolbox">
<div class="item_toolbox" id="Info_box">
<h1 class="tool_name">Info</h1>
<div class="tool">
<input type="text" id="info_keyboard" placeholder="2023.00.00 1부"/>
</div>
</div>
<div class="item_toolbox" id="image_box">
<h1 class="tool_name">Image</h1>
<div class="tool">
<label for="upload" class="tool_ex">
<img src="Sofo/Assets/add.png"/>
<h4 id="info_Score">New Image</h4>
</label>
<input type="file" accept="image/*" class="tool_ex" id="upload" />
</div>
</div>
<div class="item_toolbox" id="flag_box">
<h1 class="tool_name">Flag</h1>
<div class="tool">
<div class="tool_ex" onclick="onFlagClick()">
<img src="Sofo/Assets/add.png"/>
<h4 id="info_flag">New Flag</h4>
</div>
</div>
<div class="tool">
<div class="tool_ex" onclick="resetFlag()">
<img src="Sofo/Assets/reset.png" />
<h4>Reset Flag</h4>
</div>
<p id="hint">• 드레그으로 Flag 이동.</p>
</div>
</div>
<div class="item_toolbox" id="text_box">
<h1 class="tool_name">Text</h1>
<div class="tool">
<div class="tool_ex" onclick="onTextClick()">
<img src="Sofo/Assets/add.png"/>
<h4 id="info_text">New Text</h4>
</div>
</div>
<div class="tool">
<div class="tool_ex" onclick="onEditTextClick()">
<img src="Sofo/Assets/edit.png"/>
<h4 id="info_textedit">Edit Text</h4>
</div>
</div>
</div>
<div id="tools_box">
<h1 id="tools_name">Tools</h1>
<div id="item_btnbox">
<h1 class="btn" onclick="btn_view()">View</h1>
<h1 class="btn" onclick="btn_save()">Save</h1>
<h1 class="btn" onclick="reset()">Reset</h1>
<h1 class="btn" onclick="btn_guide()">Guide</h1>
</div>
</div>
<div id="info_box" onclick="btn_feedback()">
<img src="Sofo/Assets/loading.png" id="img_feedback">
<h1 id="feedback">Feed Back</h1>
</div>
</div>
</div>
<script type="text/javascript" src="Sofo/tools.js"></script>
</body>
</html>