GatherAgain/CalendarTest.htm at master · FocusedOne/GatherAgain · GitHub

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
<!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.-->

<!-- 200611 moved css to separate file.  Reworked navbar.  Added link back to Staff Portal -->
<html>
<head>
<title>Calendar Test</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/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">
<link rel="stylesheet" href="http://www.fellowshiponline.com/staffportal_files/gstyle.css">

</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>
   <a href="http://www.fellowshiponline.com/staffportalv2.htm" style="float:right; padding:13px 7px">Staff Portal</a>
   <a href="http://www.fellowshiponline.com/about" style="float:right; padding:13px 7px">About</a>
   <a href="http://www.fellowshiponline.com/give" style="float:right; padding:13px 7px">Give</a>


</div>

<!-- Header Text -->

<div class="hero-image">
	<div class="hero-text">
		<h1 style="font-size:6vw">Calendar Test</h1>
	</div>
</div>

<div class=greeting-top>


<div id="content">
  <div class="w3-container w3-center">


       <p class="announcementbox">This page is currently in beta.  <br>Please do not rely on this for anything important.</p>

      <div>
  </div>
  </div>

		 <iframe id="form-iframe" src="https://app.espace.cool/ClientApi/FullMonth/1125?locationId=331" style="margin:0; width:100%; border:none; overflow:hidden;" scrolling="no" ></iframe> <script type="text/javascript"> var scroll = 0; var myEventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; var myEventListener = window[myEventMethod]; var myEventMessage = myEventMethod == "attachEvent" ? "onmessage" : "message"; myEventListener(myEventMessage, function(e) { if (e.data.isGoToEvent) { jQuery('html, body').animate({ scrollTop: jQuery("#form-iframe").offset().top - 30 }, 20); scroll = jQuery(window).scrollTop(); } else { if (e.data.isScrollBack) { jQuery('html, body').animate({ scrollTop: scroll }, 20); } else { if (e.data === parseInt(e.data)) { document.getElementById('form-iframe').height = (e.data) + "px"; } } } }, false); </script>

		</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>
	(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>