-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
88 lines (79 loc) · 3.94 KB
/
resources.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
---
permalink: /resources
layout: content
title: "Resources | Primate"
description: "Screenshots, icons and other online resources"
---
<section class="overview-info">
<div class="container">
<h1 class="display-5 text-center py-3">Resources</h1>
<h3 class="text-muted py-4 mb-4 border-bottom">Screenshots</h3>
<div class="row text-center">
<div class="col col-12">
<div id="platformCarousel" class="carousel slide border border-1 rounded-3 p-3" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#platformCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Windows"></button>
<button type="button" data-bs-target="#platformCarousel" data-bs-slide-to="1" aria-label="Linux 1"></button>
<button type="button" data-bs-target="#platformCarousel" data-bs-slide-to="2" aria-label="Linux 2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="static/scr-desktop-win-1.png" class="d-block w-100" alt="Primate dashboard running on Windows">
</div>
<div class="carousel-item">
<img src="static/scr-desktop-linux-1.png" class="d-block w-100" alt="Primate dashboard running on Linux">
</div>
<div class="carousel-item">
<img src="static/scr-desktop-linux-2.png" class="d-block w-100" alt="Primate dashboard running on Ubuntu">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#platformCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>`
</button>
<button class="carousel-control-next" type="button" data-bs-target="#platformCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div><!-- .col -->
</div><!-- .row -->
<div class="spacer py-2"> </div>
<div class="row">
<div class="col col-12">
<p class="border border-1 rounded-3 p-3"><img src="static/scr-desktop-mac-1.png" class="d-block w-100" alt="Primate dashboard running on macOS"></p>
</div><!-- .col -->
</div><!-- .row -->
<div class="spacer py-4"> </div>
<h3 class="text-muted py-4 mb-4 border-bottom">Icons</h3>
<div class="d-flex flex-row justify-content-center align-items-end text-center">
<div class="px-3">
<p><img src="static/primate-circle-128x128.png" alt="Primate logo with shadow 128x128" width="128" /></p>
<p>128x128</p>
</div>
<div class="px-3">
<p><img src="static/primate-circle-256x256.png" alt="Primate logo with shadow 256x256" width="192" /></p>
<p>256x256</p>
</div>
<div class="px-3">
<p><img src="static/primate-circle-512x512.png" alt="Primate logo with shadow 512x512" width="256" /></p>
<p>512x512</p>
</div>
</div><!-- .d-flex-->
<div class="spacer py-4"> </div>
<div class="d-flex flex-row justify-content-center align-items-end text-center">
<div class="px-3">
<p class="border border-1 rounded rounded-3"><img src="static/primate-logo-128x128.png" alt="Primate desktop logo 128x128" width="128" /></p>
<p>128x128</p>
</div>
<div class="px-3">
<p class="border border-1 rounded rounded-3"><img src="static/primate-logo-256x256.png" alt="Primate desktop logo 256x256" width="192" /></p>
<p>256x256</p>
</div>
<div class="px-3">
<p class="border border-1 rounded rounded-3"><img src="static/primate-logo-512x512.png" alt="Primate desktop logo 512x512" width="256" /></p>
<p>512x512</p>
</div>
</div><!-- .d-flex-->
</div><!-- .container -->
</section><!-- .overview-info -->