No Title

<?xml version=”1.0″ encoding=”utf-8″?>
<!– saved from url=(0016)http://localhost –>
<html><head><meta charset=”utf-8″/><meta http-equiv=”X-UA-Compatible” content=”IE=edge”/><title>Elizabeth Proctor</title><style>
body{
margin: 0;
}
#content-info{
width: auto;
margin: 0 auto;
text-align: center;
}
#author-info{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#title{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 10px;
margin-bottom: 2px;
font-size: 34px;
color: #505050;
}
.text{
white-space:nowrap;
text-overflow: ellipsis;
display: inline-block;
margin-right: 20px;
margin-bottom: 2px;
font-size: 20px;
color: #8c8c8c;
}
#navBar{
position: fixed;
right:0;
bottom: 0;
background-color: #f0f3f4;
overflow-y: auto;
text-align: center;
}
#svg-container{
width: 100%;
min-width: 0;
margin: 0 10px;
}
#nav-thumbs{
padding: 0 5px;
}
.nav-thumb{
position: relative;
margin: 10px auto;
}
.nav-thumb >p{
text-align: center;
font-size: 12px;
margin: 4px 0 0 0;
}
.nav-thumb >div{
position: relative;
display: inline-block;
border: 1px solid #c6cfd5;
}
.nav-thumb img{
display: block;
}
.nav-thumb span{
pointer-events: none;
}
#main-content{
bottom: 0;
left: 0;
right: 0;
background-color: #d0cfd8;
display: flex;
height: auto;
flex-flow: row wrap;
text-align:center;
}
#svg-container >svg{
display: block;
margin:10px auto;
margin-bottom: 0;
}
#copyright{
bottom: 0;
left: 50%;
margin: 5px auto;
font-size: 16px;
color: #515151;
}
#copyright >a{
text-decoration: none;
color: #77C;
}
.number{
position: absolute;
top:0;
left:0;
border-top:22px solid #76838f;
border-right: 22px solid transparent;
}
.pagenum{
font-size: 12px;
color: #fff;
position: absolute;
top: -23px;
left: 2px;
}
#navBar::-webkit-scrollbar{
width: 8px;
background-color: #f5f5f5;
}
#navBar::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
border-radius: 8px;
background-color: #fff;
}
#navBar::-webkit-scrollbar-thumb{
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
background-color: #6b6b70;
}
#navBar::-webkit-scrollbar-thumb:hover{
background-color: #4a4a4f;
}
.nav-thumb >div:hover{
box-shadow:1px 1px 4px rgba(0,0,0,.4);
}
.selected .number{
border-color: #08a1ef transparent;
}
</style></head><body><div id=”main-area”><div id=”content-info”></div><div id=”main-content”><div id=”svg-container”><svg width=”1122″ preserveAspectRadio=”xMinYMin meet” id=”page1″ viewBox=”0 0 1123 1587″ xmlns=”http://www.w3.org/2000/svg” xmlns:ev=”http://www.w3.org/2001/xml-events” height=”1587″ xmlns:xlink=”http://www.w3.org/1999/xlink”><defs/><rect width=”1123″ x=”0″ fill=”#ffffff” stroke=”#808080″ y=”0″ height=”1587″/><g id=”group1″ transform=”translate(378.031000,38.000000)”><path fill=”#ebebeb” id=”shape2″ stroke=”#000000″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,105.0L.0,105.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”51.7″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”24.0″>Capt. William Bassett of Lynn, Massachusetts</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”67.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”48.0″>m. 1647 in Lynn, Essex, Massachusetts</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”152.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”72.0″>Sarah Burt</tspan></text><text xml:space=”preserve” style=”fill:#00b050;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:9.00pt;font-weight:bold”><tspan x=”108.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”95.5″>(10th Great-Grandparents)</tspan></text></g><g id=”group3″ transform=”translate(180.849500,163.000000)”><path fill=”#ebebeb” id=”shape4″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L374.4,.0L374.4,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”146.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Sarah Bassett</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”60.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. 1751 in Cumberland County, New Jersey</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”135.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>Thomas Elwell Sr.</tspan></text></g><path fill=”none” id=”shape5″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(561.260000,143.000000)” d=”M.0,.0L.0,11.0L-193.2,11.0L-193.2,20.0″/><a target=”_blank” xlink:title=”Wikipedia Elizabeth Proctor” xlink:href=”https://en.wikipedia.org/wiki/Elizabeth_Proctor”><g id=”group6″ transform=”translate(575.212500,163.000000)”><path fill=”#ebebeb” id=”shape7″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”133.1″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Elizabeth Bassett</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”64.1″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. April 1, 1674 in Salem, Massachusetts</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”49.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>John Proctor of the Salem Witch Trials of 1692</tspan></text></g></a><path fill=”none” id=”shape8″ stroke=”#191919″ stroke-width=”2″ transform=”translate(561.260000,143.000000)” d=”M.0,.0L.0,11.0L197.2,11.0L197.2,20.0″/><g id=”group9″ transform=”translate(184.802000,263.000000)”><path fill=”#ebebeb” id=”shape10″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,88.0L.0,88.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”147.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”27.0″>Sarah Elwell</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”45.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”51.0″>m. Feburary 7, 1768 in Berkeley County, Virgina</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”128.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”75.0″>Thomas Walling Jr.</tspan></text></g><path fill=”none” id=”shape11″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,243.000000)” d=”M.0,.0L.0,20.0″/><g id=”group12″ transform=”translate(184.802000,371.000000)”><path fill=”#ebebeb” id=”shape13″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”145.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Mary Walling</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”47.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. Febrary 9, 1790 in Berkeley County, Virginia</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”130.5″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>Jacob Garrison Jr.</tspan></text></g><path fill=”none” id=”shape14″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,351.000000)” d=”M.0,.0L.0,20.0″/><g id=”group15″ transform=”translate(184.802000,471.000000)”><path fill=”#ebebeb” id=”shape16″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,94.0L.0,94.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”138.1″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”30.0″>Daniel Garrison</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”61.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”54.0″>m. October 8,1818 in Clinton County, Ohio</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”105.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”78.0″>Phebe (surname unknown)</tspan></text></g><path fill=”none” id=”shape17″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,451.000000)” d=”M.0,.0L.0,20.0″/><g id=”group18″ transform=”translate(184.802000,699.000000)”><path fill=”#ebebeb” id=”shape19″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,94.0L.0,94.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”134.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”30.0″>Eleanor Garrison</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”49.8″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”54.0″>m. March 8, 1844 in Delaware County, Indiana</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”139.6″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”78.0″>John Griner Sr.</tspan></text></g><path fill=”none” id=”shape20″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,679.000000)” d=”M.0,.0L.0,20.0″/><g id=”group21″ transform=”translate(184.802000,813.000000)”><path fill=”#ebebeb” id=”shape22″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,94.0L.0,94.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”146.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”30.0″>Eli Griner Sr.</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”69.5″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”54.0″>m. January of 1877 in Johnson, Indiana</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”144.6″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”78.0″>Rachel Loder</tspan></text></g><path fill=”none” id=”shape23″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,793.000000)” d=”M.0,.0L.0,20.0″/><g id=”group24″ transform=”translate(184.802000,1027.000000)”><path fill=”#ebebeb” id=”shape25″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”111.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Charles Berdeaux Griner</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”77.5″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. August 29, 1900 in Grant, Indiana</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”112.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>Anna Gertude McAllister</tspan></text></g><path fill=”none” id=”shape26″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,1007.000000)” d=”M.0,.0L.0,20.0″/><g id=”group27″ transform=”translate(184.802000,1127.000000)”><path fill=”#ebebeb” id=”shape28″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”128.0″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Mabel Emily Griner</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”85.8″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. July 26,1930 in Grant, Indiana,</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”125.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>George Emil Ognan</tspan></text></g><path fill=”none” id=”shape29″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,1107.000000)” d=”M.0,.0L.0,20.0″/><g id=”group30″ transform=”translate(184.802000,1227.000000)”><path fill=”#ebebeb” id=”shape31″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”125.5″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Nancy Marie Ognan</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”171.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>Title</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”114.7″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>Donald Frederick Sturm</tspan></text></g><path fill=”none” id=”shape32″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,1207.000000)” d=”M.0,.0L.0,20.0″/><g id=”group33″ transform=”translate(184.802000,1327.000000)”><path fill=”#ebebeb” id=”shape34″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,63.0L.0,63.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#000000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”148.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”39.0″>Anne Sturm</tspan></text></g><g id=”shape35″ transform=”translate(40.500000,64.500000)”><path fill=”#ffffff” fill-rule=”nonzero” d=”M.0,.0L279.0,.0L279.0,52.0L.0,52.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:12.00pt”><tspan x=”11.1″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>The Bassett Ancestry of Anne Sturm</tspan><tspan x=”64.4″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”42.0″>(</tspan><tspan x=”69.7″ style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial”>see original records</tspan><tspan x=”209.3″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial”>)</tspan></text></g><path fill=”none” id=”shape36″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,1307.000000)” d=”M.0,.0L.0,20.0″/><g id=”group37″ transform=”translate(184.802000,585.000000)”><path fill=”#ebebeb” id=”shape38″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,94.0L.0,94.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”129.1″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”30.0″>Cornelius Garrison</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”171.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”54.0″>Title</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”147.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”78.0″>Annah Tullis</tspan></text></g><path fill=”none” id=”shape39″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,565.000000)” d=”M.0,.0L.0,20.0″/><g id=”group40″ transform=”translate(184.802000,927.000000)”><path fill=”#ebebeb” id=”shape41″ stroke=”#191919″ stroke-width=”2″ fill-rule=”nonzero” d=”M.0,.0L366.5,.0L366.5,80.0L.0,80.0L.0,.0z”/><text xml:space=”preserve” style=”fill:#0070c0;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”138.9″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”23.0″>Louis Eli Griner</tspan></text><text xml:space=”preserve” style=”fill:#ff0000;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”68.2″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”47.0″>m. January 31, 1886 in Belleville, Illinois</tspan></text><text xml:space=”preserve” style=”fill:#191919;font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial;font-size:10.00pt”><tspan x=”137.8″ style=”font-family:Arial,PingFang SC,Mircrosoft YaHei,Arial” y=”71.0″>Emily Berdeaux</tspan></text></g><path fill=”none” id=”shape42″ stroke=”#000000″ stroke-width=”2.666670083999634″ transform=”translate(368.031000,907.000000)” d=”M.0,.0L.0,20.0″/></svg></div></div><div id=”navBar”><div id=”nav-thumbs”/></div></div><script>
const svgs=document.getElementById(“svg-container”).children;
const UA=window.navigator.userAgent;
const ua=(UA.indexOf(‘rv:11’)+UA.indexOf(‘Firefox’))>=0;
const svgcount=document.getElementById(‘svg-container’).childElementCount;
var styleArr=[];
var heightArr=[];
var navBar=document.getElementById(‘navBar’);
var conInfo=document.getElementById(‘content-info’);
for(var i=0;i<svgcount;i++){
styleArr[i] = {width:svgs[i].getAttribute(‘width’),height:svgs[i].getAttribute(‘height’)}
}
window.onresize=function () {
renavstyle();
resvgstyle();
};
window.onscroll=renavstyle;
window.onload=function () {
renavstyle();
var sideWidth=navBar.offsetWidth;
document.getElementById(‘content-info’).style.marginRight=sideWidth+’px’;
document.getElementById(‘main-content’).style.marginRight=sideWidth+’px’;
resvgstyle();
doscroll();
};
function recontainstyle() {
var topHeight=conInfo.clientHeight;
var svgHeight=0;
for(var i=0;i<svgcount;i++){
heightArr[i]=svgs[i].getBoundingClientRect().height+10;
svgHeight+=svgs[i].clientHeight ||svgs[i].getBoundingClientRect().height;
}
var fullHeight=svgHeight+Number(topHeight);
if(fullHeight<window.innerHeight){
document.getElementById(‘main-content’).style.position=’absolute’;
document.getElementById(‘main-content’).style.top=topHeight+’px’;
}else{
document.getElementById(‘main-content’).style.position=”;
}
}
function resvgstyle() {
var sideWidth=navBar.offsetWidth+20;
for(var i=0;i<svgcount;i++){
var oriWidth = styleArr[i].width;
var oriHeight = styleArr[i].height;
var percent = oriHeight / oriWidth;
var innerWidth=document.body.offsetWidth-sideWidth;
if (innerWidth <= oriWidth) {
svgs[i].removeAttribute(‘width’);
svgs[i].removeAttribute(‘height’);
if (ua) {
svgs[i].setAttribute(‘height’,innerWidth*percent);
}
}else {
svgs[i].setAttribute(‘width’, oriWidth);
svgs[i].setAttribute(‘height’, oriHeight);
}
}
recontainstyle();
}
function renavstyle() {
var topHeight=conInfo.clientHeight;
var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
if(scrollTop>topHeight){
document.getElementById(‘navBar’).style.top=0+’px’;
}else{
document.getElementById(‘navBar’).style.top=topHeight-scrollTop+’px’;
}
doscroll();
}
function doscroll() {
var topHeight=conInfo.clientHeight;
var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
for(var i=0;i<svgcount;i++){
var sum=0;
for(var j=0;j<=i;j++){
sum+=heightArr[j];
}
if(scrollTop+window.innerHeight/2-topHeight-sum<0){
var sub=Number(i)+1;
if(document.querySelector(‘#nav-thumbs .selected’)){
document.querySelector(‘#nav-thumbs .selected’).classList.remove(‘selected’);
}
if(document.querySelector(‘.nav-thumb:nth-of-type(‘+sub+’)’)){
document.querySelector(‘.nav-thumb:nth-of-type(‘+sub+’)’).classList.add(‘selected’);
}
break;
}
}
}
var navs=document.querySelectorAll(‘.nav-thumb’);
for(i=0;i<navs.length;i++){
navs[i].children[0].onclick=function () {
document.querySelector(‘#nav-thumbs .selected’).classList.remove(‘selected’);
this.parentNode.classList.add(‘selected’);
}
}
</script></body></html>
error: Content is protected !!