-
Notifications
You must be signed in to change notification settings - Fork 1
/
WidgetTestPage.htm
141 lines (99 loc) · 4.25 KB
/
WidgetTestPage.htm
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
<!DOCTYPE html>
<!--
_________________
< Geoff was here! >
-----------------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||-->
<!-- portal revision 200310: removed all pjs code aside from some link rels. Created new header and footer. Changed buttons to green. Created new theme. -->
<!-- gatheragain 200514: copied portal skin, added top nav bar. Added g-theme colors for FBC Green and Light Blue. Removed PTB borders and headers. Added text block and CSS for welcome.-->
<html>
<head>
<title>Widget Test Page!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> -->
<link rel="stylesheet" href="http://www.fellowshiponline.com/staffportal_files/gstyle.css">
<link rel="stylesheet" href="http://www.fellowshiponline.com/staffportal_files/w3cssbackup.css">
<link rel="apple-touch-icon" sizes="180x180" href="http://www.fellowshiponline.com/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://www.fellowshiponline.com/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="http://www.fellowshiponline.com/favicons/favicon-16x16.png">
<link rel="manifest" href="http://www.fellowshiponline.com/favicons/manifest.json">
<link rel="mask-icon" href="http://www.fellowshiponline.com/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="http://www.fellowshiponline.com/favicon.ico">
<style>
.storyteamvideo {
margin-left: auto;
margin-right: auto;
margin-top: 50px;
display: block;
max-width: 60%;
height: auto;
}
</style>
</head>
<body>
<!-- Navbar -->
<div class="gnavbar">
<a href="http://www.fellowshiponline.com"><img src="http://www.fellowshiponline.com/staffportal_files/FBCIcon.png" srcset="http://www.fellowshiponline.com/staffportal_files/FBCIcon.png 800w, http://www.fellowshiponline.com/staffportal_files/FBCLogoWhite.png 801w"></a>
<mpp-user-login style="float:right; padding:12px 14px; z-index: -1"></mpp-user-login>
<a href="http://www.fellowshiponline.com/about" style="float:right; padding:12px 14px">About</a>
<a href="http://www.fellowshiponline.com/give" style="float:right; padding:12px 14px">Give</a>
</div>
<!-- Header Text -->
<div class="hero-image" style="z-index: 0">
<div class="hero-text">
<h1 style="font-size:6vw">Group Finder Test</h1>
</div>
</div>
<div class=greeting-top>
<div class="w3-container w3-left">
<h2>Widget Test Page!</h2>
<p style="font-size:20px;">This is a page to test MP widgets</p>
<p><h3>A few things to note</h3></p>
<ul class="a">
<li>Just a test page. Nothing to see here.</li>
</ul>
</div>
</div>
<div id="content">
<div class="w3-container w3-padding-32 w3-theme-d1">
<mpp-group-finder targeturl="http://www.fellowshiponline.com/gfdetail.htm"></mpp-group-finder>
</div>
</div>
</div>
<!-- Footer at bottom -->
<footer class="w3-center w3-padding-16 w3-theme-blue">
<p> <a href="https://www.biblegateway.com/passage/?search=1+Corinthians+15&version=ESV" class="w3-hover-text-white">1 Corinthians 15</a></p>
</footer>
<!-- Google Analytics tracking script -->
<script id="MPWidgets" src="https://my.fellowshiponline.com/widgets/dist/MPWidgets.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-9034374-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Sticky Navbar Script -->
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
// Get the navbar
var navbar = document.getElementById("gnavbar");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
</script>
</body>
</html>