/Users/johnr/Desktop/IA pdf Downloads/Criteria__P__-_Coding_Project_Upload_all_2022-05-03/Product_Henri_05_01/Website/htdocs/index.php
  1 <?php
  2 header("Access-Control-Allow-Origin: *");
  3 //Allow from any origin 
  4 if (isset($_SERVER['HTTP_ORIGIN'])) { header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}"); header('Access-Control-Allow-Credentials: true'); header('Access-Control-Max-Age: 86400'); 
  5 // cache for 1 day 
  6 }
  7 // Access-Control headers are received during OPTIONS requests 
  8 if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'])) header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS'])) header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}"); exit(0); }
  9 ?>
 10 
 11 <!DOCTYPE html>
 12 <!--epiz_28601722-->
 13 <html>
 14         <head>
 15                 <meta charset="utf-8"><!--Standard character set used in translating-->
 16         <meta name="viewport" content="width=device-width, initial-scale=1"><!--Standard view scale-->
 17         <title>I Remember When...</title>
 18         <link rel="icon" href="ASSETS\WebsiteLogo.png"><!--ICON for page-->
 19         <link rel="stylesheet" href="CSS/style.css?v=1.1">
 20         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 21         <script src="https://apis.google.com/js/platform.js" async defer></script>
 22         <meta name="google-signin-client_id" content="334986163248-ih52v02opicaasu92620o2tdjrrn3ojm.apps.googleusercontent.com">
 23         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 24         </head>
 25 
 26         <body onload="hide('articleContainer'); hide('articleContainer2'); hide('articleContainer3'); hide('lockScreen')"><!--Hide the objects we dont want yet-->
 27         <div id="container">
 28 
 29             <header>
 30                 <p id="title" onclick="show('centered', 'infoText'); hide('articleContainer','articlePublisher'); homeButton()">I Remember When...<span class="tooltiptextHeader">Home</span></p><div class="g-signin2" data-onsuccess="onSignIn" style = "position:absolute; left:85%; top:5%"></i>
 31             </header>
 32 
 33 
 34             <br></br>
 35             <div class="registerBox"><a href="https://docs.google.com/forms/d/e/1FAIpQLScWhipN7Rcb9ckvQ1N7ErYXZIh1QKbSSrvX8yJmnrjVu3-IsA/viewform?usp=sf_link" target="_blank" title="Add a story">New Story</a><!--Add the new story button--></div>
 36             
 37             <div class="registerBoxB"><a href="https://docs.google.com/forms/d/e/1FAIpQLSerrxMMjI2T_67-qi0TApUHhG4Vvn-yCRV5x_36Vg2vCx74nw/viewform?usp=sf_link" target="_blank" title="Register your account">Register</a><!--Add the register button--></div>
 38             
 39             <!--<a href="https://docs.google.com/forms/d/e/1FAIpQLSerrxMMjI2T_67-qi0TApUHhG4Vvn-yCRV5x_36Vg2vCx74nw/viewform?usp=sf_link" target="_blank" title="Register your account" style="position:absolute; left:70%; top:5%;">Register</a>-->
 40 
 41             <br><br></br>
 42             <div class="wrap">
 43                 <div class="search">
 44                     <input type="text" class="searchTerm" placeholder="Search for Tags, Dates or Titles" id="searchBar" name="responseTEST"><!--Create the search bar-->
 45                     <button  class="searchButton" onclick="makeRequestJQuery(); hide('centered', 'infoText','lockScreen'); show('articleContainer','articlePublisher')" title="Search"><!--Create the search button that runs javaScript and changes the layout of the site--><!--removed [type="submit"]-->
 46                         <i class="fa fa-search"></i>
 47                     </button>
 48                 </div>
 49             </div>
 50 
 51             <br><br></br>
 52             <div id="centered"><!--We put divs in this div for alignment and aesthetics-->
 53                 <div id="suggestionBox"><!--Below are the optional searches-->
 54                     <p><b>Frequent Searches:</b></p>
 55                     <p id="FREQUENT_1" onclick="hide('centered', 'infoText'); show('articleContainer','articlePublisher')">Most Frequent Search 1</p><br><br><br></br>
 56                     <p id="FREQUENT_2" onclick="hide('centered', 'infoText'); show('articleContainer','articlePublisher')">Most Frequent Search 2</p><br><br></br>
 57                 </div>
 58                 <br></br>
 59                 <div id="suggestionBoxR">
 60                     <p><b>Most Viewed:</b></p>
 61                     <p id="VIEWED_1" onclick="hide('centered', 'infoText'); show('articleContainer','articlePublisher')">Most Viewed 1</p><br><br><br></br>
 62                     <p id="VIEWED_2" onclick="hide('centered', 'infoText'); show('articleContainer','articlePublisher')">Most Viewed 2</p><br><br></br>
 63                 </div>
 64                 <div id="suggestionBoxL">
 65                     <p><b>Last Added:</b></p>
 66                     <br></br>
 67                     <p id="LASTADDED" onclick="hide('centered', 'infoText'); show('articleContainer','articlePublisher')">Last Added</p>
 68                 </div>
 69                 <div id="infoText"><!--Info text at the bottom of the site-->
 70                     <!--<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></br>Welcome to <b><i>I Remember When...</i></b> - an album of <b><i>Campbell family</i></b> stories and memories  that we dont want to lose.<br></br>The tool has been developed by Henri and Shon and will be shared only with the family members related to <b><i>Warren and Rae Campbell</i></b>.  Family members can register to use this tool and, once approved, can add, appreciate and enjoy the words and wisdom of loved ones who may or may not still be with us.<br></br>For any issues/queries, contact shon.campbell@gmail.com / henridepoerck@gmail.com.-->
 71                     <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></br>Welcome to <b><i>I Remember When...</i></b> - an album of <b><i>FAKENAME</i></b> stories and memories that we dont want to lose.<br></br>The tool has been developed by FAKENAME and FAKENAME will be shared only with the family members related to <b><i>FAKENAME and FAKENAME</i></b>.  Family members can register to use this tool and, once approved, can add, appreciate and enjoy the words and wisdom of loved ones who may or may not still be with us.<br></br>For any issues/queries, contact FAKEEMAIL@gmail.com / FAKEEMAIL@gmail.com.
 72                 </div>
 73             </div>
 74             
 75             <div id="lockScreen"></div>
 76 
 77             <div id="articleContainer">
 78                 <div id="articleDate">
 79                 </div>
 80                 <br><br><br></br>
 81                 <div id="articleTitle">
 82                 </div>
 83                 <div id="article">    
 84                     <br></br>Please be patient. Your memory may take up to 30 seconds to load.
 85                 </div>
 86                 <div id="notes">
 87                 </div>
 88                 <div id="articlePublisher">
 89                 </div>
 90             </div>
 91 
 92             <br><br><br><br><br><br></br>
 93 
 94             <div id="articleContainer2">
 95                 <div id="articleDate2">
 96                 </div>
 97                 <br><br><br></br>
 98                 <div id="articleTitle2">
 99                 </div>
100                 <div id="article2">    
101                     <br></br>Please be patient. Your memory may take up to 30 seconds to load.
102                 </div>
103                 <div id="notes2">
104                 </div>
105 
106                 <div id="articlePublisher2">
107                 </div>
108             </div>
109             
110             <br><br><br><br><br><br></br>
111 
112             <div id="articleContainer3">
113                 <div id="articleDate3">
114                     Date: 00/00/2000<p></p>
115                     Date Published: 00/00/2000
116                 </div>
117                 <br><br><br></br>
118                 <div id="articleTitle3">
119                     Title
120                 </div>
121                 <div id="article3">    
122                     <br></br>Please be patient. Your memory may take up to 30 seconds to load.
123                 </div>
124                 <div id="notes3">
125                     notes
126                 </div>
127 
128                 <div id="articlePublisher3">
129                     -Name
130                 </div>
131             </div>
132 
133         <!--Below are the links to connect with the javaScript functions-->
134         <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
135         <script src="JS/searchScript.js"></script>
136         </body>
137 </html>