-
Notifications
You must be signed in to change notification settings - Fork 1
/
drawings.html
117 lines (117 loc) · 4.08 KB
/
drawings.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="google-site-verification"
content="UWHTkMxkkqv0hsUJcBHWc3ZjLXysHyydwRcO67gs_tk"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title id="title">Drawings | MacIdeas</title>
<link rel="shortcut icon" href="/logo.png" type="image/x-icon" />
<link rel="stylesheet" href="index.css" />
<link rel="stylesheet" href="drawings.css" />
<script src="index.js"></script>
</head>
<body>
<div class="overflow-menu shoot" id="overflow-menu">
<a href="tasks.html" class="olink">Tasks</a>
<a href="notes.html" class="olink">Notes</a>
<a href="drawings.html" class="olink">Drawings</a>
<a href="lists.html" class="olink">Lists</a>
</div>
<nav class="nav">
<div class="overflowm shoot" id="overflowm">
<img src="bars-solid.svg" alt="Menu" class="shoot" />
</div>
<a href="/macideas/" class="logo">
<img src="macideas-logo.png" alt="MacIdeas Logo" />
</a>
<a href="tasks.html" class="link">Tasks</a>
<a href="notes.html" class="link">Notes</a>
<a href="drawings.html" class="link">Drawings</a>
<a href="lists.html" class="link">Lists</a>
<div class="select secondselect">
<span id="header123">Tabs</span>
<ul id="cats">
<a href="tasks.html">Tasks</a>
<a href="notes.html">Notes</a>
<a href="drawings.html">Drawings</a>
<a href="lists.html">Lists</a>
</ul>
</div>
<div class="select">
<span id="header123">Help</span>
<ul id="cats">
<a href="/macblog/projects/macideas/">About</a>
<a href="/macblog/updates/macideas/">Updates</a>
<a href="/macblog/projects/macideas/">Docs</a>
<a href="https://forms.gle/fpMRFAcJU28VLpwt9" target="_blank"
>Feedback</a
>
</ul>
</div>
</nav>
<div class="macsidebar" id="sidebare">
<a href="/"><img src="/logo.png" alt="" /></a>
<a href="/macideas/"><img src="/MacIdeas Logo.png" alt="" /></a>
<a href="/maclearn/"><img src="/MacLearn Logo.png" alt="" /></a>
<a href="/mactime/"><img src="/MacTime Logo.png" alt="" /></a>
<a href="/macvg/"><img src="/MacVG Logo.png" alt="" /></a>
<a href="/macblog/"><img src="/MacBlog Logo.png" alt="" /></a>
</div>
<div class="wrap">
<div class="sidebar">
<div class="functions">
<select class="folders" id="name">
<option value="">Folder 1</option>
</select>
<div class="folderbuttons">
<img src="media/plus-solid.svg" id="add" class="add" />
<img
src="media/ellipsis-vertical-solid.svg"
id="folderop"
class="add"
/>
</div>
</div>
<li class="side-item selected-side-item">
<span class="name" id="name">Drawing #1</span>
<img
src="media/ellipsis-vertical-solid.svg"
class="options"
id="options"
/>
</li>
<div class="option-menu" id="opmenu">
<li id="opedit">
<img src="media/pen-solid.svg" class="o-menu-e" />
Rename
</li>
<li id="opdelete">
<img src="media/trash-solid.svg" class="o-menu-e" />
Delete
</li>
</div>
</div>
<div class="main">
<canvas id="canvas"></canvas>
<div class="tool-bar">
<button class="bar-btn" id="bigger">+</button>
<input type="text" id="width" class="width" value="5" />
<button class="bar-btn" id="smaller">-</button>
<label for="color" class="color-label" id="color-label">
<input
type="color"
name="color"
id="color"
value="#ff0000"
class="color"
/></label>
<button id="clear" class="clear">Clear</button>
</div>
</div>
</div>
<script src="drawings.js"></script>
</body>
</html>