-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
54 lines (44 loc) · 8.56 KB
/
index.html
File metadata and controls
54 lines (44 loc) · 8.56 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="assets/images/favicon-32x32.png" type="image/png" sizes="32x32">
<title>Frontend Mentor | Browser extensions manager UI</title>
</head>
<body class="dark-theme">
<section class="container">
<header>
<section class="extension-bar">
<figure class="logo-container">
<svg xmlns="http://www.w3.org/2000/svg" class="logo">
<g clip-path="url(#a)">
<path xmlns="http://www.w3.org/2000/svg" fill="#C7231A" fill-rule="evenodd"
d="M13.715.516c-2.257 0-4.42.896-6.016 2.492L0 10.707v3.524c0 2.49 1.07 4.73 2.774 6.285A8.485 8.485 0 0 0 0 26.802v3.524l7.699 7.698A8.507 8.507 0 0 0 20 37.742a8.508 8.508 0 0 0 12.301.282L40 30.326v-3.524c0-2.49-1.07-4.73-2.774-6.286A8.485 8.485 0 0 0 40 14.231v-3.524l-7.699-7.7A8.508 8.508 0 0 0 20 3.29 8.485 8.485 0 0 0 13.715.516Zm12.044 20a8.528 8.528 0 0 1-.282-.27L20 14.77l-5.477 5.477a8.528 8.528 0 0 1-.282.27c.096.087.19.177.282.269L20 26.262l5.477-5.476c.092-.093.186-.182.282-.27Zm-3.537 9.81v1.682a4.063 4.063 0 0 0 6.936 2.874l6.398-6.397v-1.683a4.063 4.063 0 0 0-6.937-2.874l-6.397 6.398Zm-4.444 0-6.397-6.398a4.063 4.063 0 0 0-6.937 2.873v1.684l6.397 6.397a4.063 4.063 0 0 0 6.937-2.873v-1.683Zm0-21.302v1.683l-6.397 6.397a4.063 4.063 0 0 1-6.937-2.873v-1.683l6.397-6.397a4.063 4.063 0 0 1 6.937 2.873Zm10.841 8.08-6.397-6.397V9.024a4.063 4.063 0 0 1 6.936-2.873l6.398 6.397v1.683a4.063 4.063 0 0 1-6.937 2.873Z"
clip-rule="evenodd" />
</g>
<path d="M 54.318 29 V 12.2 h 11.484 v 3.096 H 57.87 v 3.6 h 6.72 v 2.868 h -6.72 v 4.104 h 8.028 V 29 h -11.58 Z m 12.818 0.024 l 4.368 -6.036 l -4.14 -6.108 h 4.428 l 2.148 3.684 l 2.088 -3.684 h 4.32 l -4.02 6.036 L 80.66 29 h -4.488 l -2.352 -3.696 l -2.388 3.66 l -4.296 0.06 Z m 20.293 0.336 c -1.296 0 -2.32 -0.364 -3.072 -1.092 c -0.744 -0.736 -1.116 -1.844 -1.116 -3.324 V 13.388 h 3.504 v 3.492 h 3.012 v 2.808 h -3.012 v 4.62 c 0 0.712 0.148 1.212 0.444 1.5 c 0.296 0.288 0.692 0.432 1.188 0.432 c 0.256 0 0.504 -0.028 0.744 -0.084 c 0.248 -0.064 0.476 -0.152 0.684 -0.264 l 0.492 2.76 c -0.36 0.2 -0.792 0.368 -1.296 0.504 a 5.92 5.92 0 0 1 -1.572 0.204 Z m -6.648 -9.672 V 16.88 h 2.808 v 2.808 H 80.78 Z m 17.126 9.672 c -1.32 0 -2.48 -0.268 -3.48 -0.804 a 5.853 5.853 0 0 1 -2.34 -2.244 c -0.56 -0.96 -0.84 -2.084 -0.84 -3.372 c 0 -0.936 0.16 -1.796 0.48 -2.58 a 6.052 6.052 0 0 1 1.368 -2.028 A 6.203 6.203 0 0 1 95.171 17 c 0.8 -0.32 1.676 -0.48 2.628 -0.48 c 1.048 0 1.976 0.184 2.784 0.552 a 5.43 5.43 0 0 1 2.028 1.548 c 0.536 0.656 0.908 1.428 1.116 2.316 c 0.216 0.888 0.236 1.852 0.06 2.892 h -9.288 c 0 0.56 0.144 1.048 0.432 1.464 c 0.296 0.416 0.708 0.744 1.236 0.984 c 0.536 0.232 1.16 0.348 1.872 0.348 c 0.704 0 1.376 -0.096 2.016 -0.288 a 6.426 6.426 0 0 0 1.812 -0.876 l 1.164 2.4 c -0.384 0.296 -0.864 0.56 -1.44 0.792 c -0.576 0.224 -1.188 0.396 -1.836 0.516 a 9.422 9.422 0 0 1 -1.848 0.192 Z m -3.204 -7.944 h 5.724 c -0.024 -0.712 -0.276 -1.276 -0.756 -1.692 c -0.472 -0.416 -1.124 -0.624 -1.956 -0.624 c -0.832 0 -1.524 0.208 -2.076 0.624 c -0.544 0.416 -0.856 0.98 -0.936 1.692 Z M 105.83 29 V 16.88 h 3.504 v 1.368 c 0.464 -0.608 1.012 -1.048 1.644 -1.32 a 5.072 5.072 0 0 1 2.004 -0.408 c 1.128 0 2.056 0.224 2.784 0.672 c 0.736 0.44 1.28 1.012 1.632 1.716 c 0.36 0.704 0.54 1.444 0.54 2.22 V 29 h -3.504 v -6.78 c 0 -0.768 -0.216 -1.38 -0.648 -1.836 c -0.424 -0.456 -1.04 -0.684 -1.848 -0.684 c -0.512 0 -0.964 0.116 -1.356 0.348 c -0.392 0.224 -0.7 0.54 -0.924 0.948 c -0.216 0.408 -0.324 0.88 -0.324 1.416 V 29 h -3.504 Z m 19.29 0.348 c -1.08 0 -2.076 -0.14 -2.988 -0.42 c -0.912 -0.288 -1.692 -0.68 -2.34 -1.176 l 1.14 -2.448 a 8.333 8.333 0 0 0 2.052 1.02 c 0.736 0.24 1.444 0.36 2.124 0.36 c 0.672 0 1.188 -0.1 1.548 -0.3 c 0.368 -0.208 0.552 -0.504 0.552 -0.888 c 0 -0.344 -0.164 -0.596 -0.492 -0.756 c -0.32 -0.168 -0.944 -0.348 -1.872 -0.54 c -1.6 -0.288 -2.768 -0.74 -3.504 -1.356 c -0.736 -0.624 -1.104 -1.48 -1.104 -2.568 c 0 -0.768 0.212 -1.444 0.636 -2.028 c 0.432 -0.584 1.024 -1.036 1.776 -1.356 c 0.752 -0.328 1.616 -0.492 2.592 -0.492 c 0.96 0 1.864 0.132 2.712 0.396 c 0.856 0.256 1.588 0.616 2.196 1.08 l -1.104 2.46 a 5.34 5.34 0 0 0 -1.104 -0.672 a 6.35 6.35 0 0 0 -1.296 -0.444 a 5.43 5.43 0 0 0 -1.32 -0.168 c -0.584 0 -1.056 0.1 -1.416 0.3 c -0.36 0.192 -0.54 0.464 -0.54 0.816 c 0 0.352 0.164 0.612 0.492 0.78 c 0.328 0.168 0.94 0.352 1.836 0.552 c 1.672 0.352 2.86 0.82 3.564 1.404 c 0.712 0.576 1.068 1.388 1.068 2.436 c 0 0.808 -0.22 1.512 -0.66 2.112 c -0.432 0.6 -1.04 1.068 -1.824 1.404 c -0.776 0.328 -1.684 0.492 -2.724 0.492 Z m 7.413 -0.348 V 16.88 h 3.504 V 29 h -3.504 Z m 1.752 -14.04 a 2.26 2.26 0 0 1 -1.512 -0.54 c -0.424 -0.368 -0.636 -0.856 -0.636 -1.464 c 0 -0.616 0.212 -1.104 0.636 -1.464 a 2.23 2.23 0 0 1 1.512 -0.552 a 2.23 2.23 0 0 1 1.512 0.552 c 0.424 0.36 0.636 0.848 0.636 1.464 c 0 0.608 -0.212 1.096 -0.636 1.464 a 2.26 2.26 0 0 1 -1.512 0.54 Z m 10.362 14.4 c -1.304 0 -2.46 -0.292 -3.468 -0.876 a 6.504 6.504 0 0 1 -2.376 -2.328 a 6.28 6.28 0 0 1 -0.852 -3.216 c 0 -0.856 0.164 -1.668 0.492 -2.436 a 6.302 6.302 0 0 1 1.392 -2.052 c 0.6 -0.6 1.308 -1.072 2.124 -1.416 c 0.816 -0.344 1.712 -0.516 2.688 -0.516 c 1.304 0 2.456 0.292 3.456 0.876 a 6.38 6.38 0 0 1 2.364 2.34 c 0.576 0.968 0.864 2.036 0.864 3.204 c 0 0.848 -0.164 1.66 -0.492 2.436 a 6.439 6.439 0 0 1 -1.392 2.064 a 6.547 6.547 0 0 1 -2.112 1.404 c -0.816 0.344 -1.712 0.516 -2.688 0.516 Z m 0 -3.036 c 0.616 0 1.168 -0.136 1.656 -0.408 c 0.488 -0.28 0.872 -0.672 1.152 -1.176 c 0.28 -0.512 0.42 -1.112 0.42 -1.8 c 0 -0.696 -0.14 -1.296 -0.42 -1.8 a 2.854 2.854 0 0 0 -1.14 -1.164 c -0.488 -0.28 -1.044 -0.42 -1.668 -0.42 c -0.624 0 -1.184 0.14 -1.68 0.42 c -0.488 0.272 -0.872 0.66 -1.152 1.164 c -0.272 0.504 -0.408 1.104 -0.408 1.8 s 0.14 1.296 0.42 1.8 c 0.28 0.504 0.664 0.896 1.152 1.176 c 0.488 0.272 1.044 0.408 1.668 0.408 Z M 153.235 29 V 16.88 h 3.504 v 1.368 c 0.464 -0.608 1.012 -1.048 1.644 -1.32 a 5.072 5.072 0 0 1 2.004 -0.408 c 1.128 0 2.056 0.224 2.784 0.672 c 0.736 0.44 1.28 1.012 1.632 1.716 c 0.36 0.704 0.54 1.444 0.54 2.22 V 29 h -3.504 v -6.78 c 0 -0.768 -0.216 -1.38 -0.648 -1.836 c -0.424 -0.456 -1.04 -0.684 -1.848 -0.684 c -0.512 0 -0.964 0.116 -1.356 0.348 c -0.392 0.224 -0.7 0.54 -0.924 0.948 c -0.216 0.408 -0.324 0.88 -0.324 1.416 V 29 h -3.504 Z m 19.291 0.348 c -1.08 0 -2.076 -0.14 -2.988 -0.42 c -0.912 -0.288 -1.692 -0.68 -2.34 -1.176 l 1.14 -2.448 a 8.333 8.333 0 0 0 2.052 1.02 c 0.736 0.24 1.444 0.36 2.124 0.36 c 0.672 0 1.188 -0.1 1.548 -0.3 c 0.368 -0.208 0.552 -0.504 0.552 -0.888 c 0 -0.344 -0.164 -0.596 -0.492 -0.756 c -0.32 -0.168 -0.944 -0.348 -1.872 -0.54 c -1.6 -0.288 -2.768 -0.74 -3.504 -1.356 c -0.736 -0.624 -1.104 -1.48 -1.104 -2.568 c 0 -0.768 0.212 -1.444 0.636 -2.028 c 0.432 -0.584 1.024 -1.036 1.776 -1.356 c 0.752 -0.328 1.616 -0.492 2.592 -0.492 c 0.96 0 1.864 0.132 2.712 0.396 c 0.856 0.256 1.588 0.616 2.196 1.08 l -1.104 2.46 a 5.34 5.34 0 0 0 -1.104 -0.672 a 6.35 6.35 0 0 0 -1.296 -0.444 a 5.43 5.43 0 0 0 -1.32 -0.168 c -0.584 0 -1.056 0.1 -1.416 0.3 c -0.36 0.192 -0.54 0.464 -0.54 0.816 c 0 0.352 0.164 0.612 0.492 0.78 c 0.328 0.168 0.94 0.352 1.836 0.552 c 1.672 0.352 2.86 0.82 3.564 1.404 c 0.712 0.576 1.068 1.388 1.068 2.436 c 0 0.808 -0.22 1.512 -0.66 2.112 c -0.432 0.6 -1.04 1.068 -1.824 1.404 c -0.776 0.328 -1.684 0.492 -2.724 0.492 Z
" class="fill"></path>
</svg>
</figure>
<button id="theme-toggle" aria-label="Toggle theme" class="theme-toggle" type="button">
<img src="assets/images/icon-sun.svg" alt="theme-icon" id="theme-icon">
</button>
</section>
</header>
<main>
<nav>
<h1>Extensions List</h1>
<section class="status-buttons">
<button type="button" class="filter-all filter-btn active" data-filter="all">All</button>
<button type="button" class="filter-active filter-btn" data-filter="active">Active</button>
<button type="button" class="filter-inactive filter-btn" data-filter="inactive">Inactive</button>
</section>
</nav>
<article id="extensions-container" ></article>
</main>
</section>
<script src="script.js"></script>
</body>
</html>