-
Notifications
You must be signed in to change notification settings - Fork 0
/
bookmarks.html
109 lines (108 loc) · 5.51 KB
/
bookmarks.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
<html>
<head>
<title>How To Install FamilySearch Plugins (Chrome Only)</title>
<script src="index.js"></script>
<script src="bookmarks.js"></script>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="bookmarks.css">
</head>
<body>
<div id="nav-bar">
<h1 id="title">How To Install FamilySearch Plugins (Chrome Only)</h1>
<div id="menu-options">
<div class="menu-option" id="sbboption" onclick="goTo(document.getElementById('show-bookmarks-bar'))">Show Bookmarks Bar</div>
<div class="menu-option" id="afoption" onclick="goTo(document.getElementById('add-folder'))">Create Folder</div>
<div class="menu-option" id="apsoption" onclick="goTo(document.getElementById('add-save-page'))">Add Save Page</div>
<div class="menu-option" id="apuoption" onclick="goTo(document.getElementById('add-upload-page'))">Add Upload Page</div>
<div class="menu-option" id="tuoption" onclick="goTo(document.getElementById('to-use'))">To Use</div>
<a class="menu-option" id="modd-option" href="index.html">Home...</a>
</div>
</div>
<div id="menu-bar">
<a class="menu-option dropdown" href="index.html">Home</a>
<a class="menu-option dropdown" href="bookmarks.html">Install Scripts</a>
<a class="menu-option dropdown" href="formatpedigree.html">Pedigree Formatter</a>
</div>
<div id="nav-bar-hidden">
</div>
<h2 id="show-bookmarks-bar">
Show Bookmarks Bar:
</h2>
<p>
For Mac: Command+Shift+B
<br>
For Windows: Control+Shift+B
</p>
<img src="showbookmarksbar.png">
<h2 id="add-folder">
Create a new Folder Labeled "FamilySearch Plugins":
</h2>
<p>
Right-click the bookmarks bar, select "Add Folder", and name it "FamilySearch Plugins"
</p>
<img src="addfolder.png">
<img src="addfoldername.png">
<h2 id="add-save-page">
To install the Save-Pedigree script (Don't bother with the pictures, they're semi-incorrect, but I'll fix 'em later):
</h2>
<p>
Right-click the folder you just created, and select "Add Page"
</p>
<img src="addpage.png">
<p style="margin-top: 0px;">
Rename the page to "Download FamilySearch Pedigree",
<br>
And replace the existing URL with this text below:
<div class="code" onclick="copyText(this.textContent)">
javascript:(function(){fetch('https://raw.githubusercontent.com/twarped/easypedigree/master/downloadpedigree.js').then(body=>body.text()).then(code=>{var script=document.createElement("script");script.innerHTML=code;document.head.appendChild(script)})}());
</div>
</p>
<img src="dfpname.png">
<img src="dfpurl.png">
<h2 id="add-upload-page">
To install the Upload-Pedigree script (Don't bother with the pictures, they're semi-incorrect, but I'll fix 'em later):
</h2>
<p>
Right-click the "FamilySearch Plugins" folder, and select "Add Page"
</p>
<img src="addpage.png">
<p style="margin-top: 0px;">
Rename the page to "Upload FamilySearch Pedigree",
<br>
And replace the existing URL with this text below:
<div class="code" onclick="copyText(this.textContent)">
javascript:(function(){fetch('https://raw.githubusercontent.com/twarped/easypedigree/master/uploadpedigree.js').then(body=>body.text()).then(code=>{var script=document.createElement("script");script.innerHTML=code;document.head.appendChild(script)})}());
</div>
</p>
<img src="dfpname.png">
<img src="dfpurl.png">
<h2 id="to-use">
To Use:
</h2>
<p>
In theory, it's pretty simple.
</p>
<img src="plugins.png" style="height: 100px">
<h3>
For the Download Script:
</h3>
<p>
Currently, you have to be in portrait pedigree mode to download the pedigree. I chose portrait because it's the most common mode for going far back. You can try it with other modes, but it probably won't work the way you want/expect it to.
<br><br>
You also have to have the pedigree loaded on the FamilySearch website.
<br><br>
It's not the best solution currently, but it works okay enough for now.
</p>
<h3>
For the Upload Script:
</h3>
<p class="last">
You can be anywhere to use the plugin, as long as you are in chrome. It will by default send you to a portrait pedigree on FamilySearch, prompt you to open a saved pedigree, and then click all the buttons for you. It's still in beta, so it kinda sucks.
<br><br>
It can't tell if they've updated your family tree, so if it doesn't go as far as it should, you could try again, but chances are, they updated your family tree. It also can't tell you when your done, but it works-ish.
<br><br>
You can also load a saved pedigree from inside the <a href="formatpedigree.html" class="init" target="_blank">Pedigree Formatter</a> page on the top navigation bar. It literally says "Open Saved Pedigree In FS"
</p>
<div class="last" style="height: 30px"></div>
</body>
</html>