-
Notifications
You must be signed in to change notification settings - Fork 1
/
analytics-dash.html
204 lines (190 loc) · 9.1 KB
/
analytics-dash.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<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 rel="stylesheet" href="styles/analytics-dash.css" />
<link rel="stylesheet" href="./styles/loginNavbar.css" />
<title>Analytics- Dashboard</title>
</head>
<body>
<!-- Navbar imported from Component -->
<div id="navbar123123"></div>
<!-- Main Code -->
<div id="main">
<div id="main-left">
<div id="leftDiv">
<a class="get-started-btn" href="#"><svg viewBox="0 0 16 16" title=""
class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path
d="M14.5 7.793a.5.5 0 00-.5.5v5.667a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-3a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V8.293a.5.5 0 00-.5-.5h-.293a.5.5 0 01-.353-.854L7.646.146a.5.5 0 01.708 0l6.792 6.793a.5.5 0 01-.353.854H14.5z">
</path>
</g>
</svg>Home</a>
<div id="channels">
<p>Channels</p>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path
d="M16 8.049C16 3.604 12.418 0 8 0S0 3.604 0 8.049C0 12.066 2.925 15.396 6.75 16v-5.624H4.719V8.049H6.75V6.276c0-2.018 1.194-3.132 3.022-3.132.875 0 1.79.157 1.79.157v1.981h-1.008c-.994 0-1.304.62-1.304 1.257v1.51h2.219l-.355 2.327H9.25V16c3.825-.604 6.75-3.934 6.75-7.951z">
</path>
</g>
</svg>Facebook</a>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path d="M12.156 4.831a.906.906 0 100-1.812.906.906 0 000 1.812z"></path>
<path fill-rule="evenodd"
d="M8 4.019c-2.188 0-4 1.781-4 4 0 2.219 1.781 4 4 4 2.219 0 4-1.813 4-4 0-2.188-1.813-4-4-4zm0 6.562A2.574 2.574 0 015.437 8.02 2.574 2.574 0 018 5.456a2.574 2.574 0 012.563 2.563A2.574 2.574 0 018 10.58z"
clip-rule="evenodd"></path>
<path fill-rule="evenodd"
d="M11.219.3c1.312 0 2.469.437 3.281 1.281.813.813 1.25 1.938 1.25 3.25v6.438c0 1.344-.438 2.5-1.281 3.312-.813.782-1.938 1.219-3.281 1.219H4.811c-1.28 0-2.406-.406-3.25-1.219-.875-.843-1.312-2-1.312-3.343V4.83C.25 2.112 2.063.3 4.781.3h6.438zm2.25 13.25c.562-.531.906-1.313.906-2.281V4.83c0-.906-.313-1.687-.844-2.25-.562-.562-1.344-.844-2.281-.844H4.812c-.937 0-1.75.282-2.28.813-.563.562-.845 1.344-.845 2.281v6.407c0 .968.282 1.75.844 2.312.563.531 1.344.813 2.281.813h6.375c.938 0 1.72-.282 2.282-.813z"
clip-rule="evenodd"></path>
</g>
</svg>Instagram</a>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path fill-rule="evenodd"
d="M16 2.657a6.203 6.203 0 01-1.885.557 3.511 3.511 0 001.443-1.956c-.634.405-1.337.7-2.085.858C12.875 1.43 12.022 1 11.078 1 9.265 1 7.795 2.582 7.795 4.534c0 .277.029.547.085.806-2.728-.148-5.147-1.555-6.766-3.693a3.726 3.726 0 00-.445 1.777c0 1.226.58 2.308 1.46 2.942a3.094 3.094 0 01-1.486-.443v.045c0 1.712 1.131 3.14 2.633 3.465a3.068 3.068 0 01-1.483.061c.418 1.404 1.63 2.426 3.067 2.455-1.124.947-2.539 1.512-4.077 1.512-.265 0-.526-.016-.783-.049A8.818 8.818 0 005.032 15c6.038 0 9.34-5.385 9.34-10.056 0-.153-.004-.306-.01-.457A6.979 6.979 0 0016 2.657z"
clip-rule="evenodd"></path>
</g>
</svg>Twitter</a>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path fill-rule="evenodd"
d="M12.93 12.93h-2.075V9.68c0-.774-.015-1.77-1.08-1.77-1.08 0-1.246.843-1.246 1.715v3.305H6.454V6.249h1.992v.912h.028c.277-.525.954-1.079 1.965-1.079 2.102 0 2.49 1.384 2.49 3.183v3.665zM4.114 5.335a1.204 1.204 0 110-2.408 1.204 1.204 0 010 2.408zM3.076 12.93h2.076V6.249H3.076v6.68zM13.964 1H2.034C1.463 1 1 1.452 1 2.01v11.98c0 .557.463 1.01 1.033 1.01h11.93c.572 0 1.037-.453 1.037-1.01V2.01C15 1.451 14.535 1 13.964 1z"
clip-rule="evenodd"></path>
</g>
</svg>LinkedIn</a>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<g clip-path="url(#clip0_835_6)">
<path
d="M12.761.371l-1.02 3.597s-1.153-.5-2.522-.4c-2.013.125-2.013 1.3-2.013 1.599.108 1.599 4.643 1.948 4.911 5.72.188 2.973-1.69 4.996-4.4 5.146-3.275.2-5.073-1.599-5.073-1.599l.698-2.748S5.14 12.96 6.589 12.86c.94-.05 1.288-.774 1.261-1.274-.134-2.098-3.837-1.973-4.079-5.42C3.583 3.27 5.623.321 10.131.071c1.745-.125 2.63.3 2.63.3z">
</path>
</g>
<defs>
<clipPath id="clip0_835_6">
<path d="M0 0h16v16H0z"></path>
</clipPath>
</defs>
</g>
</svg>Shopify</a>
</div>
<div id="tools">
<p>Tools</p>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path fill-rule="evenodd"
d="M15.38 2.744a1.5 1.5 0 010 2.121l-6.818 6.818L5.5 8.62l-2.94 2.94A1.5 1.5 0 11.44 9.439L5.5 4.38l3.062 3.06 4.696-4.696a1.5 1.5 0 012.121 0z"
clip-rule="evenodd"></path>
</g>
</svg>Campaigns</a>
<a href="#"><svg viewBox="0 0 16 16" title="" class="Icon__StyledIcon-sc-1n46whx-0 loLaYJ">
<title></title>
<g>
<path fill-rule="evenodd"
d="M7.134 1.927c-3.85 0-6.967 3.16-6.967 7.065 0 3.905 3.116 7.064 6.967 7.064 3.85 0 6.966-3.16 6.966-7.064H7.134V1.927z"
clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M16 7.065C16 3.16 12.884 0 9.034 0v7.065H16z" clip-rule="evenodd"></path>
</g>
</svg>Reports</a>
</div>
</div>
</div>
<div id="main-right">
<div id="rightDiv">
<h1>Good afternoon!</h1>
<p>
Making a Report is a great way to put together graphs and tables in
any combination you like
</p>
<div id="box1" class="box">
<div id="top">
<p>Total</p>
<p>+</p>
</div>
<div id="mid">
<img src="https://buffer-analyze.s3.amazonaws.com/images/empty.png" alt="" />
</div>
<div id="bottom">
<p>
Connect Facebook, Instagram, Twitter, LinkedIn Pages or (and!)
Shopify to begin analyzing your marketing efforts.
</p>
</div>
</div>
<div id="box2" class="box">
<div id="left">
<p>Looking to succeed at social?</p>
<p>
You’re all set up but how to take it further? Cycle through
useful articles we’ve provided or find more at Buffer Library.
</p>
</div>
<div id="right">
<img src="https://buffer.com/library/content/images/size/w180/2020/10/social-media-for-small-business.jpg"
alt="" />
<div id="content">
<p>
Social Media for Small Business: A Guide for 2021 and Beyond
</p>
<a class="get-started-btn" href="#">Read More</a>
</div>
<p>></p>
</div>
</div>
<div id="box3" class="box">
<div id="top">
<p>Recent posts</p>
<p>+</p>
</div>
<div id="bottom">
<p>
Connect Facebook, Instagram, Twitter, LinkedIn Pages or (and!)
Shopify to begin analyzing your marketing efforts.
</p>
</div>
</div>
<div id="box4" class="box">
<div id="top">
<p>Social channels overview</p>
<p>+</p>
</div>
<div id="bottom">
<p>
Connect Facebook, Instagram, Twitter, LinkedIn Pages or (and!)
Shopify to begin analyzing your marketing efforts.
</p>
</div>
</div>
<div id="box5" class="box">
<div id="top">
<p>Recent reports</p>
<p>+</p>
</div>
<div id="bottom">
<p>Aw, shucks! There are currently no reports</p>
<p>Create one with the 'Add to Report' button on any graph</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- Exporting from components -->
<script type="module">
import AfterLogin from "./components/Navbar_AfterLogin.js";
let nav = document.getElementById("navbar123123");
nav.innerHTML = AfterLogin();
</script>
<script src="./scripts/updateEmail.js"></script>