-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (147 loc) · 7.43 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Gramps Addons</title>
</head>
<body style="background-color: #F5F5F5;">
<div class="bg-image mb-4 shadow-lg"
style="background-image: url(img/header.jpg); background-size: cover;">
<div class="mask p-3 shadow-1-strong text-white"
style="background-color: rgba(0, 0, 0, 0.4);">
<div class="container-md"
style="min-width: 20rem; max-width: 50rem;">
<h1 class="display-3 fw-bolder text-center"><a class="text-light text-decoration-none"
href="/gramps-addons-listings/">Gramps
Addons</a></h1>
<p class="lead text-center mb-2">Filter available addons for open-source genealogy program <a
class="link-light"
href="https://gramps-project.org/blog/">Gramps</a>. You can download them for
manual installation
in the
<a class="link-light"
href="https://gramps-project.org/wiki/index.php/Gramps_5.1_Wiki_Manual_-_User_Directory">Gramps
user directory</a>.
</p>
<p class="text-center mb-2">
<a class="link-light me-2"
href="https://github.com/Mattkmmr">Author</a>
<a class="link-light"
href="https://github.com/Mattkmmr/gramps-addons-listings">Source Code</a>
</p>
</div>
</div>
</div>
<div class="container-md"
style="min-width: 20rem; max-width: 40rem;">
<div class="btn-toolbar flex-nowrap mb-2">
<div class="form-floating shadow-sm flex-fill me-2">
<select id="select_project"
class="form-select"
name="proj">
<option value="all"
selected>All</option>
<option value="gramps">Gramps</option>
<option value="isotammi">Isotammi (Third-party)</option>
</select>
<label for="select_project">Project</label>
</div>
<button type="button"
class="btn btn-lg btn-secondary"
data-bs-toggle="popover"
data-bs-trigger="focus"
data-bs-content="Select which project's addons the search should use."
aria-label="Project information"><i class="bi bi-info-circle-fill"></i></button>
</div>
<div class="btn-toolbar flex-nowrap mb-2">
<div class="form-floating shadow-sm flex-fill me-2">
<select id="select_version"
class="form-select"
name="vers">
<option value="gramps50">5.0 (outdated)</option>
<option value="gramps51"
selected>5.1 (current)</option>
<option value="gramps52">5.2 (future)</option>
</select>
<label for="select_version">Gramps Version</label>
</div>
<button type="button"
class="btn btn-lg btn-secondary"
data-bs-toggle="popover"
data-bs-trigger="focus"
data-bs-html="true"
data-bs-content="Select your installed Gramps version. If you have an outdated version installed, please consider an upgrade to the current version.<div><a class='me-2' href='https://www.gramps-project.org/wiki/index.php/Previous_releases_of_Gramps'>Release history</a><a href='https://github.com/gramps-project/gramps'>Gramps code</a></div><div>Download: <a class='me-2' href='https://www.gramps-project.org/wiki/index.php?title=Download'>Current</a><a href='https://sourceforge.net/projects/gramps/files/Stable/'>All versions</a></div>"
aria-label="Version information"><i class="bi bi-info-circle-fill"></i></button>
</div>
<div class="btn-toolbar flex-nowrap mb-2">
<div class="form-floating shadow-sm flex-fill me-2">
<select id="select_language"
class="form-select"
name="lang"></select>
<label for="select_language">Language</label>
</div>
<button type="button"
class="btn btn-lg btn-secondary"
aria-label="Language information"
data-bs-toggle="popover"
data-bs-trigger="focus"
data-bs-content="Select a language for displaying addon names and descriptions. Not all languages provide translated names and descriptions yet."><i
class="bi bi-info-circle-fill"></i></button>
</div>
<div class="btn-toolbar flex-nowrap mb-2">
<div class="form-floating shadow-sm flex-fill me-2">
<select id="select_category"
class="form-select"
name="catg">
<option value="All"
selected>All</option>
</select>
<label for="select_category">Addon Category</label>
</div>
<button type="button"
class="btn btn-lg btn-secondary"
data-bs-toggle="popover"
data-bs-trigger="focus"
data-bs-html="true"
data-bs-content="Search all addon categories or limit the search to one.<div><a href='https://www.gramps-project.org/wiki/index.php/Plugin_list_legend'>Addon categories</a></div>"><i
class="bi bi-info-circle-fill"
aria-label="Category Information"></i></button>
</div>
<div class="d-grid mb-4">
<button id="search"
class="btn btn-primary btn-lg shadow"
type="button"
style="border-radius: 0rem;">Search</button>
</div>
</div>
<div id="root"
class="container-lg">
<div id="content"
class="row mb-4 g-0"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
<script src="js/languages.js"
type="module"></script>
<script src="js/wiki.js"
type="module"></script>
<script src="js/main.js"
type="module"></script>
</body>
</html>